{"bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3549c1732e1049238f4035bcd4dec559afdbc037","tarball":"https://registry.npmjs.org/@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"},"name":"@material/rtl","readme":"\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n\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\n \n
\n
Styled incorrectly as RTL!
\n
\n\n```\n\nUnfortunately, we've found that this is the 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","license":"MIT","_npmUser":{"name":"abhiomkar","email":"abhiomkar@gmail.com"},"homepage":"https://github.com/material-components/material-components-web#readme","keywords":["material components","material design","rtl","right to left"],"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":{},"maintainers":[{"name":"abhiomkar","email":"abhiomkar@gmail.com"},{"name":"acdvorak","email":"acdvorak@gmail.com"},{"name":"aprigogin","email":"andrey.prigogin@gmail.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"bicknellr","email":"bicknellr@gmail.com"},{"name":"bonniez","email":"bonniez@google.com"},{"name":"bwobrien","email":"obrien.test@gmail.com"},{"name":"kfranqueiro","email":"kenneth.franqueiro@gmail.com"},{"name":"lynnjepsen","email":"lynnjepsen@google.com"},{"name":"material-admin","email":"lynnjepsen+npm@google.com"},{"name":"moog16","email":"mattgoo@gmail.com"},{"name":"patrickrodee","email":"prodee@google.com"},{"name":"williamernest","email":"williamernest@google.com"}],"_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"},"_id":"@material/rtl@4.0.0-alpha.0","version":"4.0.0-alpha.0"}