{"_id":"@spectrum-web-components/rule","_rev":"40-6f17149c3731e54a2390a1bfbd678076","name":"@spectrum-web-components/rule","dist-tags":{"canary":"0.4.0-alpha.40","latest":"0.5.1"},"versions":{"0.1.0":{"name":"@spectrum-web-components/rule","version":"0.1.0","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.1.0","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"6fc1e33456c982d1746352aa26580e8a662584c1","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.1.0.tgz","fileCount":24,"integrity":"sha512-V+m0qU7wfi8EuDrzvOPap0F7oQdO8D80PyJtH16ETMG+0fdy0IE7922yrozk9yvJVFgHHjUQ6V9DIVM6utELew==","signatures":[{"sig":"MEUCIQCk1VdYjgFM+uHtzu0bK4Y89e5FNwFzDJ+6Vg3M6VHuKwIgGIcsoYT0HEYgamxowO5qZAsw2nFCU5Xrtr659OZQxGE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemHpZCRA9TVsSAnZWagAAE40P+gO38PgcmlylpeAeppAu\nNhviQZlkTKllSJqBFLAsc4kIsKto5skkn+BE4ri6elnOV5xZ5CnYLV8l8zsS\ny0glyQExRtWxXCx0cKNwOQ6hXcgxUEfQps/6pQkheauh/Ib6xcg6cH+Jg67i\n7tVetQtfN2gKKGLdEFdijKjaJrzKu0F0sIbYOz/ZknoKv4jilDUhhgcUHYWg\nZjP0zrBbxN1nBK3c0cJ3puWZgBug34dfhdtNVS2hW6C6ePVPFw3NTEBNEx7q\nW38xYhgLAOnyq/rdLVG2TLExUnPiqV365VH9hHpLd6CzQrjieBUdpXoBkh41\n/FQN3wvJqbx4JRkV3MF7iieeEMBxnpIy2ZH9dbqFJw2o4aV1lWW5N4Q9h8y/\nvHcpghzfz3+500bkutnLyRWjjoWYGgiFp+uzWzZ5ketxZsfiJ5eVLvAqQytb\n2xYZwQWLXyZpmWFF3mxNeGiAXDq/xkx9e9kZDzhJGgjUEU6JIEWbChCPKnqK\nC0lq0Syqs3BmX9apYt2WrWN/9IxeFQHCSLv7nP3H+h+kmBv6OsTKfYiobh0L\nSe+4inEUbUuT0Tr3iw/tTJza1Jsz2rwTwpqNKRWzN7+DwS9gT+aG4XxvzLMs\nzZcwHtuy+yfoIdi+P6H14UcnwV+Pwvq7tZepOPvq6GDo6xboZCtVCJPrbD3y\nVgoy\r\n=E8YO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","type":"module","module":"lib/index.js","gitHead":"c8a769e3b24974f722054bc121f9a896d66e0bf1","scripts":{"test":"karma start --coverage"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v10.16.0+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"_nodeVersion":"10.16.0","dependencies":{"tslib":"^1.10.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^2.0.0"},"peerDependencies":{"lit-html":"^1.0.0","lit-element":"^2.1.0"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.1.0_1587051096896_0.3080078333934795","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@spectrum-web-components/rule","version":"0.1.1","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.1.1","maintainers":[{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"9505931bd0bd4dcba7afed20003fe51ba5e3a689","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.1.1.tgz","fileCount":25,"integrity":"sha512-Am6spV6Ewans6SXEZCOdyoIPL1iYPXkU65S1Dl/M9w554/XjyMwQvdlh8jcfRyF/g5qM4+KCaqm3Kg6DlJKUVA==","signatures":[{"sig":"MEYCIQCem+mJvZQHqa9UE5kqGp555P4EFllieXhCt54LtpPxIwIhAO2qr1doNUb3/uhOmjChLVLBLj+NdrlA9KB6v0LFMjXx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3qHDCRA9TVsSAnZWagAAsYUP/RsGD1436VDYwGemx3a9\nXec9qTX7DXC11MlKPVUMq6YqXqa04uIMtfDA7CbWBpB0WuZTUNn9E9c1yIFx\nMyO/aZeHljJXrJA0Kjt+nHL7nwzyGNc2yt6hEDA9VOmTOlhLnasbgRAPLcxU\nnbyumUAt/FgDKwOTNPsUREjr9KRSXEx6x+Q7JDdWF8bohcnuiMfwwm+rg0Il\nemeQrWMzG7hfPOKCTXswOmKuC7n6d7OqqAlqCZJQGjP5qiz9eH4YlRiCu5Vx\nmYSFyw5Aqt+/RKG7eSxQGWBScUVb1+7YCQU4NihLU9qMqXrolLokwk3NiIf/\n83JvVXjQQViw+gWT/NTp1k/5IurBaf36SulJLHBORSYusOWRb0s1pqRsY0Ai\na6GybY/A7ExEoQzN9X3lULlRrecxX2KUc1TlwQTLipJ613Ox1lOhUCunpFg1\ncAGei4m8tLbbuxx0UKXjLMa0fz9QA7Y+8e0ISkSJFoA41zjiY6JkHlL2oK5r\nNJpH2bqOkOFk8Fzlc5VuOnCiwz/JlDCxjL1XZByCfa1KI9RIY4KQgrmcAIVz\npVuw5Ik6KNOr+9Aq/vjb0F5m1KlpWyhvfqNWBg8bc1XSu+dIwmnoKQAL6jzl\nDEj7KQRfK2zlSZQTggm9+rJRW52SswYpiz4evtU/RHTgBmr3IBcmm8TGfjxY\nhPQY\r\n=a0KD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","type":"module","module":"lib/index.js","gitHead":"16b57d15356859cee73278cdf796274e3245320b","scripts":{"test":"karma start --coverage"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v10.18.1+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"_nodeVersion":"10.18.1","dependencies":{"tslib":"^2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^2.0.6"},"peerDependencies":{"lit-html":"^1.0.0","lit-element":"^2.1.0"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.1.1_1591648706777_0.015555994845603216","host":"s3://npm-registry-packages"}},"0.1.2-alpha.38":{"name":"@spectrum-web-components/rule","version":"0.1.2-alpha.38","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.1.2-alpha.38","maintainers":[{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"0948237c35d0eba7ffeb2107de82381e848ff857","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.1.2-alpha.38.tgz","fileCount":28,"integrity":"sha512-SQfYdWRHNX324+7jp5E/sKd+L2shs6KiABJ71jYrzTDhe0561b4KxQ+FTHS92u/jNh3hHVo7iLJkCdc4qYJK2g==","signatures":[{"sig":"MEUCIQCrCjF4KuXhXq4xk1YxqNoUsOFHVVa36/X3RdQO0ntXuAIgTLmdkpjH5gsWnXKswq5wEqKCqnX0VnszEXu3dIM7dNY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEOITCRA9TVsSAnZWagAAn/4P/i1BgKNFwrrn+the8zK1\n8+grRAJm1/41A4FoAUJxBtAcXb+VcILpFEs1ftfIMGqIHUfVGSzduUWE1kin\nSlOj9y00IvHi01piZmHo/JtePmznCI3BHbN4rqh6FYD8YbYWuJYwVqAZaJrI\n+p5rwOoScduyq4+lKrVXKY1IIKHfIhkhbCodsqT3Rly0UEosnERSFvShw+K4\nnrb36wz+bv1vwi2ZlxelBI+b0qXkH1Ay8UPw6e+vFNBJp2lxZa7GytEvHqil\nC3VgnB1xDaeTPeHnWDXOt0Pdoxm9c4/HGygpYqekFT/VqyIBfdnGJ9eTVU11\nPQtxTMeXk5ZMlfUOQHCy6/gyj0mXJfnV7B+XJLvb+BNf2KC6ozthAXbxbB1u\nO1aOu+zcA6Rk71C4PP4aPNYKhjOiAMyIs1H0W5FzqhxmUiMNMMzqL8u8bs8k\n9F8QZNDCItvHc25lhrBjBVM6RJURc0ppcDkc4uz+D6jXBjWoQpPUDS19srrT\nFg102+OXZiFYAHR2b414QCNFSPQ0UiBuKGJBwMtna+aXBCiUr+7ZKc56QysK\nz0xsI5FFlkWpmIJQjvgdEbutusz/qqJWMGHWUlKQcFSiXb1zUnSxKufhBbQ/\nsviqqD31j/P7zb+DdGug08tFEiqTuZm9hfsIDkENBGPFxcLFg279OWfVImrB\neLSl\r\n=MIwC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading--subtitle1\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading--subtitle2\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">Divide subsections, or divide different groups of elements (between panels, rails, etc.)</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading--subtitle3\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">Divide like-elements (tables, tool groups, elements within a panel, etc.)</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{"./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"3926abb2769a9bab28762bf3b3e1fab7c5f03589","scripts":{"test":"karma start --coverage"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v10.18.1+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-rule.js","./sp-rule.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"10.18.1","dependencies":{"tslib":"^2.0.0","lit-html":"^1.0.0","lit-element":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/rule":"^2.0.6"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.1.2-alpha.38_1594941971104_0.9559421634840888","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@spectrum-web-components/rule","version":"0.2.0","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.2.0","maintainers":[{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"8af95a2c1452513a94ab33ba1658b04c98ebdb1d","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.2.0.tgz","fileCount":27,"integrity":"sha512-NTYxgeb84mwzBMDdlGOxCyZYu3ErZnRR7Sa2Sk1/QlRZirQbvB/3IqFbtZdpqPORmVNOs3u3gByaHL2XvJGdZg==","signatures":[{"sig":"MEQCIGmJ/A6F1vZFLzyfuvvKPnLo0LhmGT8f03Hzq+Y0LxBSAiAR/OVS6F4Q3fxpbEyQSWI7QV57ES82Jm2fwWDfC7dpdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEhw6CRA9TVsSAnZWagAAw1QP/0Gd8F7hi2s5nIW8/KHt\nmzQMDGm4a0QY2YQ49u7N3Xm72LwdO+OnNmD+WiA/5JiLHde18cNrWC8DMD0x\nbQpHbHChXdq1BjDmtYhL7uXM7NDjZrLcxP4r0nfE5UTjeQJCSHRjA7M4oFo5\nFgjA+181YxJChz6nAeuOK1kvMRRpzf0Ub4NWZDEBw0blfvhxYCZBnRMT03jp\ndp7kuqWPb4cIybNK4RX3JiRGWPbatFWK6yZeE7ERCBF3B+aesmjoS82v79gu\nELXy9laNWhcj8L4QmQlaEh2p8pYzMZ7/90qnCCjnXWUMmK8v3qeZ3qK38nBn\nNKBTuzKZTkPYw+lVagxz8muIU3Z5jpCEMvJXrXui4cV/b/DQIa4SOI2Du0rV\nfI2b++UWUwTJIQp/U3BKfh39FNB5ctZ+WcUtlz+Xz9GrRQbfObiqPr7sNMBY\nobXKc9O4pwh5phnWGrL6anV3SsNStfpe4cLb73U9BQBc3OwkvYDVqNTc/br4\nlDGs/fABYZxhQKnckugX7SuAoYHyR12KBqdf8P1Skylet05QViMdz+AJIji3\nr+tnnrk/u+gW4Ufy1Qxd93qrTCPBScMFoFlk8yefWpC8BPJgdYSqGLCuOVuj\n5Q7VlP0deDNRIi1xl6hrRqXBY1Y9+LHMrdMbrlm/BZW3sgQ13H0cmfs5oSMR\nfHW9\r\n=hJZd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","exports":{"./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"75044c0b0aeafaf7c6d90c32c7b4ba1fc9d3bc28","scripts":{"test":"karma start --coverage"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"6.13.4","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-rule.js","./sp-rule.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"10.18.1","dependencies":{"tslib":"^2.0.0","lit-html":"^1.0.0","lit-element":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^2.0.6"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.2.0_1595022394400_0.4590368691494362","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@spectrum-web-components/rule","version":"0.2.1","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.2.1","maintainers":[{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"c57ba4d60c480d2af4414762f20388ae416d39c0","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.2.1.tgz","fileCount":28,"integrity":"sha512-5U9xeb+JwlfS5lJXX1eprSWk0PX0XNJPhT9KH5GiOvr/qWCO/xYQGCgu+Sz6lY/vsP7Vn5RtzCBdvLzSzIWvuw==","signatures":[{"sig":"MEUCIQCEF48iIFgnj2Y/PDQwZ++4ON6vo9DKpJRkpqSj7JCg3gIgOWyeNSRkLmx/ZEWm9SwUPcBA2zBDD22D8kPHSCFPFNk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPaaaCRA9TVsSAnZWagAAoQ8P/i6QTHRorAGeXZ94unRX\nv738vhedhRgHRESsjowTfmZQqgz1NTC76k45tKxp0dUR9bVHmgkzM0znhpc5\nBEidDV9wFWkl/GiJT9rk/LdapUTa2IHXgLin2KNiuf+gIIPGPDhIK9EEjcOY\nRS8ZJNbhQFI2B+680NV2azpd5xT7zbkFc55P+M3mioLqB8CeuVi9EW/AggDy\nBz3oN4jpHvuk5wAT8buUi24Yjh+i0Ddi7PxFpW7R++boiYVeK1ENvbMqoUKB\nd2nk+y9BQJ94Y0DM9TzE6/yeznaWvv2oXaXGvKoEBBfT4sdogS+mJijMwHnL\nNbFZNgDwECvs6A/r1bJcRtO26V6awTOvcVjWYrW9XYsyIIyj7QQOCT94ifR0\nfuGdRXS8r2pjJHgN7ftdcFiv8xcOre5sUfeTbf0pht8tDf1oeoWmVEAsqiT2\nMIKAxNWIYZYtmaUPlZdK+1TiYmQ25QsqwiS0NmVvLFfh3tXUQL7DjVD3aop5\no4pLA77k/CeWuNREFl+iTGeF7QbXELvD97m4GmLceHjcj4k7F/ci3Id62RJ5\nVqMe8GKC7kgt/crxyEqo4wFU3eN3cCAOKsspeGr2NwI1BHW/7xfhVG8QemSW\nnBPpB03G8LZRUotkNmPczHDtfwgMEyc1q15CfgnLxSRJLAMFDKDaqAZEPZuw\nuTkA\r\n=lL1D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","exports":{"./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"61d6daa63fedca757761095d1e1ed6919d8a1673","scripts":{"test":"karma start --coverage"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-rule.js","./sp-rule.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","lit-html":"^1.0.0","lit-element":"^2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^2.0.6"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.2.1_1597875865658_0.3426305734083077","host":"s3://npm-registry-packages"}},"0.2.1-alpha.95":{"name":"@spectrum-web-components/rule","version":"0.2.1-alpha.95","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.2.1-alpha.95","maintainers":[{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"4151689ad76e83d9d9f7d6be5764118cfa11e26b","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.2.1-alpha.95.tgz","fileCount":28,"integrity":"sha512-+1/qjRONj05PTAiJb/31C8vmb1lmfrifPLFHRgEWJEt0gi7YSLMlyvJsH6M/92QP2bDmFvhwGaD90zM49i6UuQ==","signatures":[{"sig":"MEYCIQDv5bNxrvB1DOMGZ6eqapAuazc52ha9VzsBeWyjXS78VAIhAMHQ64Ddx81JsdAsouORX+wKNvd6LJDsQ4PQEgKSsFUI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPsGPCRA9TVsSAnZWagAA0rwP+gLEH+UhSPoVj99xSux7\nL7DPuMw2JlFn4dVKd5AVMZptaWFtzVLQlH/T6Kj5ylYPwSUgHqTwb/L5OObd\nSnA4lpXsEhWEiYIxxzKdRsY6afCXvW5rKFD52t9BZDm/o056Yrhaj1p7zzER\nDJLQd+3/4/LJdGY/OVOiEfafYD2hi9/RuicQpsvRewIkDsMl4L1J7+SW0MR4\n8iCLGNlw4uKQf3vGA1uJGQe2RFun5yYeBC+CvH+pgHPfMsdxuWec/6hPGi3j\nm00PV+gjjPRePtS5NyEerYJVNvuQKaN95/AXMHAxWh8EKIhGxq8leISJxbpU\n8rjumNPFYJvATHAj9pcHcsrOrH3xCK08U/nlmlZtcN5gxxWVcy5VZP2SRbvu\nhdoOiGxzofnvzvI/OxNPuP+vIEE5HT6l401+V80RsyMBJWbJHm8+lSZzc5ZF\neUxESNbcIIIsHS0eTeJePOrkbVZNaAop5yZSsU8Sv8JCVgHAGBAXJZv8zuRo\nmYP+8gtSPoWv6UI1I0QDtDecxsZbYwT556ZHE84N703p54I3L+a5pNQ6y+FO\n9tfXK53CiKc1fFe+Jb/NsKxnhvkwcuMZfqF9ZTkwTbrkFlUFGIEQ9EFI8e+B\nRkFOOieGXvmdt3puGB+ZWPyUvCEPVjmvZlRsvc9ZUeaqerEtgRmFppCfJ37i\nOcO7\r\n=HjZR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading--subtitle1\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading--subtitle2\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading--subtitle3\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{"./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"1e82c26ee95e858f3c97afd070e1fc9e3905cebd","scripts":{"test":"karma start --coverage"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-rule.js","./sp-rule.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.0.2-alpha.1038+1e82c26e"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.2.1-alpha.95_1597948295922_0.6196631336303913","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@spectrum-web-components/rule","version":"0.3.0","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.0","maintainers":[{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"189631dfb7548380c559abca5561331d4fb042e7","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.0.tgz","fileCount":28,"integrity":"sha512-JMWW6UXQ/ZtOsK0IYCOx8fQT8HBqtzYdEjoJyQmjb43/skXxg7wD6n1nsV+Ko5y7O1WbJ+D/3lgT+4tGHygP2w==","signatures":[{"sig":"MEUCIQDgM33B7ggccfoi7WOofgbGEqf5eTqH14HqFtImdK/AlQIgcQmhQ/jG87oz4fSJ/5gVsCMJPwZLXf3d2fAb3gaK8tA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":46919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTTviCRA9TVsSAnZWagAAapsP/RkrJU3KUPuDyZDaw2fm\nroabkBvgqpy5hFzHTBGukYlTPwcB6cQCuc5Usk5CxbvW/oswWZUjt0YKIiXo\n0hGkhk4ofFoR+gEQYCgGSf7TNuQ4H5xC25xlDp+gKIsvrAuTaa8TV95LMKPz\n/ob5rkp4YmB+odqR9jkJFHnA4mJCkbXmr2S5TRpIJ3ZZTG1qiILln036mH43\nLsDVbqkDyTixP5wuYi4vhleIOi62j10TT4cmBKbAddZrLqNc8KZRdveO8Kbq\n80ZkpV6qFT182pT6EmB14h9i9RkuWqXAY1BA4o6r8XT/sLxdfO2cmhNoUadl\n2Mo7l8ra3PbJjYqgNTfNjF26Gmv+/r9y/prSx7oJFMo2Y/kV63zgeVJtdv81\nYYQYRJ0VavGjB5NzmTJ1c6xmDLgFHK0JZPHoc6+rjKSUAfrdsJR2KpSnu+1m\nOyFIipgvqzGJ3ZBMQR5+NMW2/+ugQi89LOwXxPl756j9KNe82sq2YoqVZdUS\nuRRXButtfjNwd8qOoYNcSH5HFEhhvAs9O6wk8jDx2VEbhPPnFM3bWyK2JGrj\nm1zRUz7hx6gaJJg/ndyM2mTVz7Sqk8OqYIa76eEFZY+uTgtacwyTEtWwl2vE\nbHtdXwKDGQ9mT/x4Slk7VqD3bJiLe1W6shqSGvK+j8qHmjGw3MZO1rtdH2Mx\nsxk0\r\n=+fjk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","exports":{"./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"51706b5f7aeec990c6323501aa22f8aee5827e31","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-rule.js","./sp-rule.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.0_1598897121682_0.40814249932844215","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@spectrum-web-components/rule","version":"0.3.1","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.1","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"145dd77d499cc7228cf1da81809c3e500ddf8698","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.1.tgz","fileCount":28,"integrity":"sha512-BIZZSmTsP9ld+f5RLX0RCdwFCk4CeZAVdqyeq9jrFdc5IIitIF1mSVttGpwATRK60eYs5/p54aJWnxzMi3/iYg==","signatures":[{"sig":"MEUCIGb3ciuhdB3nB0r6VvLYtqj02duZUKSI7Wb5ZnXBwsZKAiEAiYJQ2u/zMdO2r1rqDIr505/vafYZDvZcCnzHO/qemzw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbeAcCRA9TVsSAnZWagAA39kP/jr7ciW94h54y+A0nsOV\nv0SlPQhZ85vy27xFnO4iBBKpIAl1PYKZYk7eK/nziHxaciX6f67wEbuQ8LI4\n/ooHRCQMNN2D7M6GcieAdzou5IQZKoJG0chAOJpRP/4/QCdmF04MmiYokJ9n\n09krbDkXcoJzvNQmdQC7qHU4qc+cbDBOlTcHddKYmJoSzxR0HGI5juqAb1vx\nkvKY+qOSXt0/GsjW0Qkzj314X/fCLmm9kRKOtyZdWE01/lUK3fQHbVmeoKz1\nCIOFfNg7fD51NBfYqu6bq/qUe1ZR5H93+9Ncr0jbpHd4ekTpfc4VVO741om2\nrEYMvOUplykqNlOlyF9yGDyBIok4rQDde7AHuL48fAm/9HdybyF7ng3iqxmR\nPVaDjL9R6zQf7CjqNFssLZMV0hI2iFnWvWsFW8xVFbt816yzpwHvVyaPG+N9\nLxyA6HrSgk+Z8TZXLUuKOTuqzEnvdOl/pKwdY4uNyAGQaL7Ub6/lOTmd67Cf\nQLohDtNTlgZ1FiRN8MWhaGEs+hE0Ma0XIiRvwPQgAGiARedQTRap2Et2tJGA\nhbqqAEeiVzR6qAAIDg3Ks9ObYJi8cEodP6BxxlAFUOyjdup3hmqwtG5r4/5K\nINf1wqmsVE5fkCYbob9Dk/a824kQlQkwbgHKf19w3JmrOnYrO1w8dsfFNxI2\nap9A\r\n=gHfV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","exports":{"./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"7ce968fced1870613e7ed4a9023eef6265a60154","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.1_1601036316352_0.9583837302540836","host":"s3://npm-registry-packages"}},"0.3.2-alpha.17":{"name":"@spectrum-web-components/rule","version":"0.3.2-alpha.17","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.2-alpha.17","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"162e77b9b2b3730e2d20c12a5ad0f6b7b3f5b79e","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.2-alpha.17.tgz","fileCount":28,"integrity":"sha512-hQlD8rgPoPLOWl6qLgiYbPNTlGqVN93i3bEioDHlh9adO+/iK//93syo401YNIVsgRHJXHuDtJwj/CwzXP62Uw==","signatures":[{"sig":"MEQCIF5cZAnDSGD7o+gljD6z6DCPXX4lc4OWmvgOkc3KRlZgAiBt8zJpzfcHqn8XPKI4tp/XlABAbmG00pyiLsxA4nPJtQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffo7hCRA9TVsSAnZWagAAvmIP/RjWzVMMVB4T55ulhxiu\ntseapDul/dQV+DHF9JKmwZorJmtoq6POtYYgh2cPFled6DHwLQz8FUW0kXZ2\n6uii6aV2OGZJaJ3XkI/cyyTc8EUEt21KY2EKsWzh0u7ceQooKI4QpeZ/VFCq\nPz0v4cmgPRoz6EXBALFKrdh5HrKUMuk5/8jsDn6pOwvSUduDjyXtSZ34ARUR\nYrGktVDDBar7Bt6UdwmmGfjczDmuB041sKCH1at+cIBZA7pePrDU+ilsBCWa\nVs8+2MuaWTtA+NpUJOIwtqFAkb1HbTiiYAYlUuDNvX1GN6arxRJyZ+Bn62H2\ngS62fP/J4To0N9wwCOndNjUdG15XUi2Ef+yRkrs+TbXETddSLSn04kwkIUeq\nmkj4LrM9j7ahQmwlWiCeizkHXq2nEM60qASJF6CLCJDr+5KywlzUgsyRCjdl\nsSMg6LPUl7B1McXmLTqh7uWHFxTjZgjM6SwdYUmF8YxFyZxPtcUlmh9oMJ4G\naVusXBuSclB+dfaWPwe8Nkh7rMxshxFlCt+JskJkBnMUIoR5JMZmnqul4R7n\nyUYvXUeQyLpOYviRw2oslMrgMJaXsp070/afBSiTZzNgDXAPg+2Da+UijhsQ\nNZV0ruSjzA8QdtfnJOJjpczJbHKYNMTRgOgeDNDRUHCUHxhQz/rjWdl57gSO\niY7b\r\n=CUE/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading--subtitle1\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading--subtitle2\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading--subtitle3\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"78878f74c0276b0677b56033db46c65d75450c84","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.2-alpha.17+78878f74"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.2-alpha.17_1602129633081_0.16121656029557907","host":"s3://npm-registry-packages"}},"0.3.2-beta.17":{"name":"@spectrum-web-components/rule","version":"0.3.2-beta.17","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.2-beta.17","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"7f9ae4518cbfbf364650e524e7b392fe14b09290","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.2-beta.17.tgz","fileCount":28,"integrity":"sha512-cIrwi7PS1qYl5pLe3IXj6og/7RbKx6CuN/0BKnkkRyDML+paJKOUrEObQmW7FnWudYNsANtwmMqF7DkioroQUg==","signatures":[{"sig":"MEUCIQC63RhC239AfKhBQvwf59wYhwYaKqF00L71E1rIS1uBkAIgAZu33+pmUrebn7ARZzialm6387EfOJd8wW/423UEV5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47293,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffxcjCRA9TVsSAnZWagAA3uYP/2rjqf0LQpwPKE2ee/Y5\nkd+w5/SfuQPJLX8JRM475b4hGozJGsfQv2jbpZEsQB/K3FKdjElhnrAbE9Gs\ngjxqfXjclUi2yxogydLtZnOR/q0eEoVd2KdUpIffcR9bTRSubRabvrcQg/3S\nYKPNa/JoWQNQj0EQAS7QLzdUnzCKUXK6Ra6HcVcZFJo7uJp2l3Z8RaFp1Ogq\nfPB0iqBSKeRicp1dDfyyUsD4mgzlyrbpcw/wWLGYfXqOA7GQlDErmAeMYzvT\nP+UOvggux8lmhfKp2ZeBZq7FPMTqgEKP/mxDxboP6pollhs4fLAZ2SlQI9y8\nF3v7u4uqh3L1dnsM9n8BxrCBpuPGGT25lOr8eTUgRlIsl6ofMOo8lSy1oNVd\nunfBJbwNvFEScZTezVsqyf7y3J54vleqHNRjYRp61hdhvyl4s0S3jHvHTfoo\nBFWchsSARXobqAV/N9WZuYJdC2oP4b79p/GDOJOqhRj9xmg8NQVqNIT7PrBE\nJa5dKMedPMbwQTqiLVMcqZZQGjnF5kpYHBF7uK3XXvh63KZJLBz3a7NOKGAp\n1gzyZMx8n2KvL+0mByM+kAvayQxNOQK+1sNR+CPrCLrc7rTDplT2rf7vXzpF\nB4DeDW8issUEXeVKKznh8G92QYBPTl/3hoZdpmjCL13h9iyQRrnaQK3Qk56r\nqL9c\r\n=f4R+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading--subtitle1\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading--subtitle2\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading--subtitle3\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"bd03dc71dd79c70389d3795b167de4a8a49dc9b6","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.2-beta.17+bd03dc71"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.2-beta.17_1602164514953_0.5474112429590132","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"@spectrum-web-components/rule","version":"0.3.2","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.2","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"71d7ae0f37ed2cc6c4b70482c26b8a09a858a3fc","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.2.tgz","fileCount":28,"integrity":"sha512-7OQXLG8X8ThcPl+qFuYomYMFcSwBdjTFrLpQgRAh0xTEMgO5E/So7Mh5V10f08T4T8nBSFYJxMnAiynd30WtDw==","signatures":[{"sig":"MEUCIHZR5pVtSzLuxLRPeXWqch+dw9SdU5KpB8vQG0ZasMAEAiEAxy4fGqjiSthGweURmdbvRRfI913UczCxnNS/D4WEQXE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47593,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhJh9CRA9TVsSAnZWagAAQ+cP/2CcC/kuG5/xBMAaQma4\nesH5nhQhZkyxgzl2wUY3ruQLiG/L1kwoDEBtVTr1BVl8KdKTLyJjJTK2bd9k\nEMDGhhKwO6GHORYIs6J3sKnYazGpLNQHnZXxpd+u8GQ82PC96yPk2gDiRz26\nIM/5tG3Fu22s4ejCly5Qi03QdBoaK077HfNc4MA/bJOwoAKYoS4GIOUGqRVx\ng/2PrGoJ20Ik5Pi7eXl2AoKnLeP/ip/yJNWD+Q5U8EdkMVbbSK/8pdQVjRKd\nDQ7YJhwq5FIiTNno+HZYMkeP5yCR3DY1MDfOIzuiiDoGhL/i4LcX8lGQm64D\nFwIFY8y+8yhg87cmLUzSxEX2pAV8CYaU5EfbtJTHqE8jDAiUbGTkxLYd8pX5\nQedLD8JQiusn2qQC1oOE4iFWVMhwD//TipFyEA/UZLdjS7Bu0KVLw7EBUAre\nNpTj6piB0mf9m1e4W0NQjCFu8UznsEdpDkybUIlxr3t6su/7jVdVFA9Kp43h\n+v5YhOgsCQ+5NGzXlSkdpMQHgmKGOnuVhCNrQr+ehDz4IrcqaTLzB/ituMsK\nuXCTL2HjcIw0Sttja+F671kVBiAweTELYVFZWi1JreG8u+OKVne7vxaZyuKk\ntobYOBxbqpsgM8q7qtjuGK4sXr7nvTc5YihEmIv2GJVjr3Xi0lik5ciUDogz\n+LrV\r\n=CE2m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"aafac9b1de50bc8611c6fc0eb509092113b4e649","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.2_1602525308667_0.6117405315335025","host":"s3://npm-registry-packages"}},"0.3.3-alpha.0":{"name":"@spectrum-web-components/rule","version":"0.3.3-alpha.0","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.3-alpha.0","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"d9694aa48829214ba5bb9b968952ed31b95d0ace","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.3-alpha.0.tgz","fileCount":28,"integrity":"sha512-MhOqDgajcLJTErxuAQmC6eTMcH3OUKb2LsjcjBiCPFFlw3qeFikUKsfJZUJP/alzsCJyTr1DeP3I8NlltjbMaw==","signatures":[{"sig":"MEUCIQCYhSpTzLUVbWuAJ0+zUdLqZo9OJND53nESg2iyaGEt0wIgHS4iQdQoHV/Q3yFjpiz5M1toTcwsBtUXzLsBfVKd8qY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhKaCCRA9TVsSAnZWagAAHO8QAJcqRb+wdOv53BBgEr1Q\nOCzJBRQbgXbx97GV1JPuPu77PUOwUAsoHCpygAGPFpxWh5QEvjQoM1DQH/Ty\nephX0mJjfq1rn6qzWI0ep88TfsGrDkYuBQMI5wx6FYQHeZ1kxrYdzs2u3NLl\n9vZE7cNpktN1NFsjhcYBhyfuOVDnupuLb+pgoxQyeRZ3zMJChIgf+BsDBL3K\nnoNLlrBudd5aFCtEGx5iiaZtV2SW/RVsuSmtJXQ61rGoIjPGmpSlF+S5kNVd\n68IanpXo/l+OsQKkgm1iV8DXS+R8bmC3uGi9XK0Df7i1qDZpwSDsxuAaeSk8\nNn6erE+7vFdV8/0iitVwios7g3JQzuMWDGE3vd04zY7QHJDl2r4+db6kCBjh\nDz+GaDZ+TfM6on5riH3JK3+8rmgSCdUsVGrn8Jb9Ymlw7DvqS3+zRdSarIp3\nGt+IEE80u37hwAn8eAUH0+7PFgcxvs8dk6urwC7qc6c4cOboCJWQM/1Tezkf\nAR41uvni1/mPt86k/YCCAYtqMCLLgbbFW871+sn3Sr3bEqjVx5glvunclsDF\n2EVH76k3Co87w3Qx4A2L6DdoPf9ilm64M+BQu8pEm6g0+zKiZ4Y443QmHUot\noHgrKrXa+dIFdHeW6KZBTDdL4XbVz46LUXw26X5g9RtoyTC/EKhIo7Za4sgi\n/fZx\r\n=fjAg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading--subtitle1\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading--subtitle2\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading--subtitle3\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"6ea4d9d299dc805a0b1743c43e5b67d07b0a47b9","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.3-alpha.0+6ea4d9d2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.3-alpha.0_1602528891555_0.6287734079378309","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"@spectrum-web-components/rule","version":"0.3.3","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.3","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"73ceb6fb9a53e5de4a3ef696b93c4ba3ddb5bd56","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.3.tgz","fileCount":28,"integrity":"sha512-HVaX9MH/Hfn5r4PrS6FjdnvRX3hX7vtMN0n3hKf7zLvMlFHpGyqNrknG+FPceeDPvORB4ADe4AiIsSMtbKuKRQ==","signatures":[{"sig":"MEYCIQDRr6xPYt1KBDM0d8WL6wmrN6ZDIMWvkABIjSF6KAj63gIhAMMuwOSaMSSy8SH+hqBoBNTxw0j6IiaNSKK+9OKblR+0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhLwhCRA9TVsSAnZWagAAXfQP/jUItmnqghmcr5f8vOBq\nnm5slVTBYwrBAM7GnGAQeGdYYh8LiZlI0OazIWnQ7ei8kIHAHLgWIbxeCjqI\nr9JtrnK+j03VLYlRRXrHdry05J+vQbFm1WRszOXZM2s+AIA26JRomVN1d0d2\nCocQtgV26sKWF2Th05RGUtS3Orm9kqWsKmo+4OSR8XKRxumGusPGRsumJsjw\ncygRPq0YfNP+W3uuVQNefSPRBpTAVPpcsLsyLlg/zFMoZGcUuxrpRFwzf//h\nXJq6g2JmA5p3G3wPWbYpI3HHFfFtKxwhfgmWHJHdztTdJTCiTY8/WuFZq1Id\n5w5QSbH8waTRJl6kuzWxF0ZuOZPggsxOi2k1baOqwTaqU4GNkB7NulWx1Vge\nmezuqQiZ4GQ2Ufdi5vLnr0WkLw3Fd+ZYCM1VSWUBa9OWivNe3vh8pABZGJHL\n/GsZjipizIkCKpCmY13FMi8qR0gqw+6RRPWSFf9XtDKcNw8i4pk8HLeBpNws\nEjl1fffRxlq1AfhhqW/hpoqDpdIIbVBaKPF3GpLAR58kiC+DD2Tn2eepLxU8\nZ/+IxRMMEeShnTpS1TRenAL6ohTrW7STu5ubYPweuFXRraW3370s4+3oOZvT\ncPZTGQyYro5h/okhuA7BTO5XpfCc1A3DJylbPyZPQkXi+RQrxiYgnL6w7RD/\n2S5W\r\n=M7eD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"d57ea3ab83d9c16738fdd95d326e3082b1f997e2","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/rule":"^3.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.3_1602534432624_0.1871529483840646","host":"s3://npm-registry-packages"}},"0.3.4-alpha.60":{"name":"@spectrum-web-components/rule","version":"0.3.4-alpha.60","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.4-alpha.60","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"8777f6e429296cfa0f6a10f3d1f8dbde9880eb68","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.4-alpha.60.tgz","fileCount":28,"integrity":"sha512-Oyqu0VR3fqhx1AZn+Tlu5eUkaJcA1txyja6sCrCxf6zwT8H3xcj1bEPeHUfCYqIOK1a3c+9DlFTfOacZkAUhkQ==","signatures":[{"sig":"MEUCIQDktUDm5zhrW2gd7/P6/Ecf+0yTj6XOoNYa9a67eUum9gIgMWLGiM1r2gi/DiGrh841zNzkKC/6ZDtIIlQC88yCuHQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfttlKCRA9TVsSAnZWagAAGvQQAJKsBeLVeU5PZ8m8AYFY\nhmAq5eft5hlvaeZvtf1uEzmrT+NuUOO3Vi6DdYBIGpRsph59z4VjzDfxaYpp\nn+Lhbt1tGPv+xpxKo81670Dl9QW37dJ0gr6NvyvEzdz8wiiG2ShbhiPBc0v+\nuJXvkdb6xbMrJ1M+jcKnd5HZcamfaUJyPB2L1NJXRuX+R8hediahlX6zEvQq\nGTAlKGeisCMIiMZJeIy7vv2Q3unYGHYus00KxEpnTbPc+0rPnun7pit0rcMu\nb8EXWW148avkToyuWcxWXCv/PV3eNT8AC82svzFLZy8omjeRf47s7ByZdZhC\nwfcQvzRUSBobXyi+Oo1FdfduGhJK+5atVs2yyCUg2dnq3Ebhue8zuNBRGEMs\nZOUJhWZuY5FdbWcY3WcyghvGnQJGEIMB3/D6FW00wNkeWtdk/bE5Tv4hASWU\nt2Q4aEIFX5O0mfRxZerExDPrcj2HijJ195n8iZJk1U+ThAJxIgrI2O3hjl8m\nIuqxV5S5WZLjcRT1R9TS5wmFXfdSG57VuMIyegWBzRI73aS1OmfeNNYNm7wl\nR8NznJaDa5GYdgAUR4EW3DOxwDfcjZ9FYbALBenLcyrwA5v4cAV4q0D35X6O\nfUie2X+6xnwevlqsxgi3VRmFgxscMS6bvVPukS1uPY2Iz/V50IyLsXMQUQdl\nDfpr\r\n=PgrS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","type":"module","module":"src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--M\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading spectrum-Heading--S\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading spectrum-Heading--XS\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"a478c2c484b45e88c5d8b5cc64a255e31d0a3829","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.4-alpha.60+a478c2c4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.2"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.4-alpha.60_1605818697700_0.34411050357684436","host":"s3://npm-registry-packages"}},"0.3.4-alpha.84":{"name":"@spectrum-web-components/rule","version":"0.3.4-alpha.84","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.4-alpha.84","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"5f07d3ccab60b4334ff3287922d2340730bd03fd","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.4-alpha.84.tgz","fileCount":28,"integrity":"sha512-4MF5uEB3pGlTsdRB9EV5hAwnn9TpkLEaOV7SXpahNiwl+WcNAycQ8629s/le4rhQloTjqvoB5ahQ6lWNr0tmiQ==","signatures":[{"sig":"MEUCIQCMNw9YrRWtRPNUQZMNhJG9sjln+KNG3nTk4EHi7uYZdgIgFgLqAhLQjSNtbkXeyRGb6GrHtiVzi9vBN3GU60cth8M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx9d1CRA9TVsSAnZWagAAAgIP/AwhDSODQ1NnhhX+a/FD\nogpx97guQH5NXQRU+t2EHwna7ez3p/kjgsf86QQJpXQHbPXkIHlBnzuZLVDT\nzQq1gTaJF5oCfgn8Up7CpCONVAYamGQ/7LVct3xDExehKHR+g99yuz5ygsQx\nnimVzyxOD7JEAJtOTsyEqOq0/n81LlA8M6mMDlX2BFojP4XzKhYq7mLrRium\n86qeDoQgAk0GHjOorrJ6LWmOkttCjvBQ8mDaHKjR05xfO3SAC0FqZ76ERXea\nRmBOoFlMmrJ1yREcWEnLMdlN3UZ4QloJnszSaPd68ntahlCbET6+RNauxueq\neTn0OkG4aOhuHiXMj2A3G/934vrZCL1ip+kj38Xjrrg2dOAHX9RSRm66RQHg\ncu6GlkjhVT1bTdqcHzZh3+OmeRbJFd3ktSIo6Ii4ugbF7FK/ng/Hc8qFtmBz\nkeE/0YCoHxo48NYCbliy855+hWK13q+Kfwrws7unbF3pNarw2NPdgmSy4CRt\n2hXlrZBKaEJ8H0+GDnA9w7JJ7zUCwcJqvwD0bksfTfdL/cQ/Xjr6x/RqcV2t\nO03re0TyStD+l44+bco/ibUtmsQkX+9lZhCe02o6l116Jucr9+FuWMAF12Fh\nRZ5UwkqrmtkF8Mxucrfteaa7cs0VaF12gUeaIcd6eAwLO0nn3lObtFAW1xwU\nAFyQ\r\n=Wxmz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--M\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading spectrum-Heading--S\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading spectrum-Heading--XS\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"1680fb01795050191c13f5c05f554d923ff850ae","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.4-alpha.84+1680fb01"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.2"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.4-alpha.84_1606932340950_0.24874764034941999","host":"s3://npm-registry-packages"}},"0.3.4-alpha.85":{"name":"@spectrum-web-components/rule","version":"0.3.4-alpha.85","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.4-alpha.85","maintainers":[{"name":"msdewey","email":"moiradewey@gmail.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"westbrook","email":"westbrook.johnson@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"3100408e8709589cc78d9d36653576e898c06098","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.4-alpha.85.tgz","fileCount":28,"integrity":"sha512-VR7rRrzKg7IQDFwRuMUHyvDPmN8i9wRlOsvzErQne+/hZSV99oTBBPQYRsKutcUdPJNzi01G9FnQwt+oEOvrlg==","signatures":[{"sig":"MEUCIE5c1wNgDIi5XkftPDLkBQU2JeloZrWQpnJr+lt0zK0KAiEAr/61PAT/chkRmyU1F375Y97U5dWsamJlVH5U8Js+Qfc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx+UPCRA9TVsSAnZWagAAF2wP/A/MWbIBsWn1k7K0+hfw\nIGo+M1tC+2IDWJjxUPBsxrFk3XmniQ6rInYSwmyxiynok8vhgnve2AIloNI8\n/+y7sJyvJiSCKO4gOfXVpLqwjwRol3g9V76SZ99ji/zkJEjUQejvMnaZyUnV\noETijY0FjW44iW/NchB7x4vrokEExaVw02xtlSg629cenMRD+6hxP301CTAc\neNCZZH5PL1ksIHXyTMQzqvYrbWaEZ2C1Sw0JsO6SRIdIdW4V8245AHsXOmoX\ncLOXRsBFWVJ4iszLZBWcYmnhG35min2NBuBTOyQN+4r6JoRzcmb24TlZzNhz\nxUjPLdIOFFg93iK+XYbo+dreJfLjOoXtGdToTunre5a16V9nPmLVJx4zXCyw\nY/lmsyZw3tB8QVqo/7JixX8kLi1Ek8yEF4JUPSoBGraPPftid8ui9dX3eXgl\nz5TUUEJ71BC3jZO2z3kLqCt1Hb0VU7aglw1ALwvM0OKv40aLXSVJnp3po1+m\nKIxAR4q015rcUUwbtGid7TmBzC1Ou69Hb7ZncqhmWU/YMOOJFgNTELjFFGZU\nyt5JFvK9PDpbZms4O1Ve9CzA4kmB/Tue68+rOjDxmT8rJEAQmGzpnE+j2GOS\n4lWMd4rd+ZjNEmYp9i1sAAwLZYBg/5l9LSzYNoNp9wty6eLXmL3kBsJIBeXh\n7IiQ\r\n=CYYf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Examples\n\n### Large\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--M\">Large</h2>\n<sp-rule size=\"large\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n### Medium\n\n```html-live\n<h3 class=\"spectrum-Heading spectrum-Heading--S\">Medium</h3>\n<sp-rule size=\"medium\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n### Small\n\n```html-live\n<h4 class=\"spectrum-Heading spectrum-Heading--XS\">Small</h4>\n<sp-rule size=\"small\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n### Vertical, Small\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n```html-live\n<sp-icons-medium></sp-icons-medium>\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"small\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n\n### Vertical, Medium\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n    <sp-rule size=\"medium\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon slot=\"icon\" size=\"m\" name=\"ui:Magnifier\"></sp-icon>\n    </sp-action-button>\n</div>\n```\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"d9ef13866edfb98e309914ae7582b807bee5d241","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.4-alpha.85+d9ef1386"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.2"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.4-alpha.85_1606935819555_0.5486023583003716","host":"s3://npm-registry-packages"}},"0.3.4-alpha.169":{"name":"@spectrum-web-components/rule","version":"0.3.4-alpha.169","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.4-alpha.169","maintainers":[{"name":"westbrook","email":"westbrook.johnson@gmail.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"de2a6af2f9c0ee77b94238737fccf6a0ea5b2584","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.4-alpha.169.tgz","fileCount":28,"integrity":"sha512-OKWCMgwiLZuG6QSZD5qsJKtgicXw7Twos4Mfc/wJvZCJlUq6KNtz8klUm0wb5ps3IAXGHiwClotkE6F1BvziGA==","signatures":[{"sig":"MEQCIGXAKLpUAUSYA1Rre1s4Ob8udL1juAkgtsjyEEHni1PJAiAgxXTIf5D7FGSqA3hrCkv2QQCnJkKMqBCvVYKB8Db3ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/iD4CRA9TVsSAnZWagAAQ3kQAIFBDIWJT9K8Xi68ZImC\nMnNFKueSRgxiDvNxCf+qHNedv9fpskgrRssku8MALSM1l9ojsL0JWsfl215p\nkf8eep+WErlbWMGJmel3/D/y8Vjsn1DrNdwtyZHOUi0av7o9PqtRza0m3PJh\njDCyytKBUWTKJKCZdpUNH/iY4DnnXOTE/XDyESFbcLUjrZkRfTKf2pRtlT09\ngZ/I3sgHkoHQ4++c7UhnD1nAEcZ8pakIVyCe5mjBV31J2lCoOn9FqQVRwOXj\nf4EEylKkeYGMqtE9dAfDtRqUM4g8eYwfUwhMA3i9AkYKHS5TpGwa6yCbkqZm\nO09k3YiGtjBjPjRvCapdml15DvxfJe3/TAuWgo5uhfXLcSZwpWKPzdyzIcJ3\nkO+O+xMvJO8ZGTixpWm25/iYbvJZeAj6teYPR2mYx9R4c7TXnl6HU9lAeKAm\nhlu9GNhpmI1H/TzaL/AuiVy7BrcIjM35tn453yq7ZfLElkUUeDQ9SbvWPDhc\nmhfem+wnWKojd/FMZULlPVnFOb5ag6bJfHegyG2ryD5bYgw5t6+u8FNSfPXR\nEdJnxWGhe+a2GtPYNivgVzvnWMww9wF5+GwzU3qGI1hqnKdwpNuRoDbjukg1\nDIipxY61n4pSIqXcyaVeiBDUVrvqM8fRz1OAgfeQ7RX8ianGNtNkoQpc9nrM\nrWJw\r\n=Oj0N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Horizontal\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Large</h2>\n<sp-rule size=\"s\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeS\">Large</h2>\n<sp-rule size=\"m\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n<sp-rule size=\"l\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n</div>\n\n## Vertical\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"s\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"m\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"l\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"a396c860b62c2f94b2e9fcd015a4962a6c57af36","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.4-alpha.169+a396c860"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.3","@spectrum-web-components/action-button":"^0.0.2-alpha.1394+a396c860"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.4-alpha.169_1610490103700_0.5622723003794119","host":"s3://npm-registry-packages"}},"0.3.4-alpha.178":{"name":"@spectrum-web-components/rule","version":"0.3.4-alpha.178","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.3.4-alpha.178","maintainers":[{"name":"westbrook","email":"westbrook.johnson@gmail.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"233123e2d28684b6a96d2553614f983ba9a051df","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.3.4-alpha.178.tgz","fileCount":28,"integrity":"sha512-tQQ/Q3o+09EIz0eadrdonzC5tjJsnRQNQScATEsx/2Dr3cojt+c8A/wRCudJyeA2ygFsJy1aEERs6dQKI3/iQw==","signatures":[{"sig":"MEQCIHHdhm/BrUMLCyfLERhIZ9RjL6xtbbxQW8QmIS1Jk7DBAiAifAw+hATgOWctrGNYQSR3JbMQyOKxhb6OityTFqRjVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/wTSCRA9TVsSAnZWagAAdp4P/03X8x3ljnlWxnTofDzV\nU2hWYgVas6cttBOvM5iNWKAoi4wMVCV48CTW56R1Uqyecxy1c3niyToBhdf2\n5NYvLAH77idZEjH2+6GjTA2mayKJpxV+Fj37faXrgS4NDJR/PueM6raZK9TC\n2qHR4wbU8rtPdHOaNwE7r/sarZv8TCo/JHMfS0+ClJgs2XT/LS3eX/bnteBi\nfcLz02maEQV3FQEidVJYaH9NkOPbtBU3x2PRi14HiK5QWyBfBLa6y5Oj/w58\ntLkcKIvAZLSKfTBc0053cvfF5MvI/gsmMwy7xj+BRJhUbSJQud6JRg6qH+RD\njsUb+n1mUmrff73FwFl8whxFG4YYxpN93n8RPcEFVK8QESslIEPbChlq4e7Z\nFfzwtYz3dVbjLB6oDhJuZwIKgFFXwVYs4LdyDGeohmiPWSYHpgSJQ1iAGScc\nZTvxqP0nZLdY6DFt8lbotfqI2YvZpVV6DI9+xyfn1Ow63p3NoLi7RLy70Yoa\naDdqM8eNMRq6e5wc4c1LTfoeHntEXc8UAD9lNssorHwofAlUJ8RKe18UziOi\nlncDCvjlrtllSmj6AR/ECCH0weWW6BnUaQjBEOyZ/VSanDsxyRMLPcPTPD8a\nTIJuxPP8iVlkj7t6TT8uH9F8svMDWhwQa0Gg1FH2QCcPz04uAxh+lBfNYINP\ns1Gk\r\n=6117\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Horizontal\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Large</h2>\n<sp-rule size=\"s\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeS\">Large</h2>\n<sp-rule size=\"m\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n<sp-rule size=\"l\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n</div>\n\n## Vertical\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"s\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"m\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"l\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"a6776aa098b05f71c1ec09bbf28acfaf62571d06","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.1.4-alpha.178+a6776aa0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.3","@spectrum-web-components/action-button":"^0.0.2-alpha.1403+a6776aa0"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.3.4-alpha.178_1610548433940_0.032024591804266755","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@spectrum-web-components/rule","version":"0.4.0","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.4.0","maintainers":[{"name":"westbrook","email":"westbrook.johnson@gmail.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"b16c915c8be0794f3281689a3c037c3f1a654983","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.4.0.tgz","fileCount":28,"integrity":"sha512-rAM+y0E4D8k7q/PfyD78nYf3TeTAW1TC2vGtml1RCb+tFM6lzxFOzWv8r6Yi4bncmtv4Brd/1BhrBOY7fMeGYA==","signatures":[{"sig":"MEUCIDuITXUBO6rulbry1eh6CsCmtlNmdvStqAUfDDQKu9a4AiEAw5wlg4XZ/PLbQXXnYLzNLxydAO5esfD19P21PDjbowM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/z1SCRA9TVsSAnZWagAARoAP/2mmua6NT71fIpt5DT9j\nVdx/9rwMeEBPw42yltAWMRAwXuwcLvE1BjQ5We1Qi/FOdc0A5eedTt/WnsFz\nIBZvRlFp9iGQV8W22gYMPJkDMQBrKUV8MjsZc4tpb/4newTawFDn+q3TUDPV\n+zOsP+bP+Vx69Fb6nX7HAwigGF3TNZ/ofI9Weo4PSI6NR4r2AuPKDP7bh1v+\nBN+3zqoZnGs8qCUV3/9BGzyxZ8Kkb4UkKNWa4owcZiIjMPMW9f9XARF8Rjw0\nVB+OVdOcTSd6JGcQrYFu2+rCIJozyUrYICxISB0nP2S6wJM3t3KKi6gcV4/K\nLTukfEDTOO5vwijW/ZQu0O4D0WIW2/BXFRYpcDQBXmYyJImBn+sN04hbfNxR\nHwAfzf/4ni3o6xZe/FFMBCZWZVaXwpZRvvToe7KgRlU13zMuOgEJOZME66DQ\nLUdGxagCLGPlsLySwl/hFhrawdLn1UOLJOEN37JdHWfVPSI3C3VmBye2MooE\nBJk9vDotcPjf2H0Dti6rBn831PWZxIf6ofIX+dii+S2htbHinqZ/QL9Ef8De\nZMSUSnqkYxEBVi3/qrKiWNLbK5CYVanH0EPLvUvA8jLb7HXcGN5Tgxaxzfvi\nL5hj0wWAe90j9soFz/cULPhbmG0eWflSuKAv2whJOMAN0HwVAQg9eiN6KzFt\n2l4N\r\n=3Awh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"62f319d0f7272f4ac83f35c8180e7c4adfff37e3","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.3","@spectrum-web-components/action-button":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.4.0_1610562898561_0.5001196487395254","host":"s3://npm-registry-packages"}},"0.4.0-alpha.40":{"name":"@spectrum-web-components/rule","version":"0.4.0-alpha.40","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.4.0-alpha.40","maintainers":[{"name":"westbrook","email":"westbrook.johnson@gmail.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"90870ae9c7a36930b433f9ead69f2a7a6fbb33d6","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.4.0-alpha.40.tgz","fileCount":28,"integrity":"sha512-egSb/HFkevP62Mv8G4RgYThafTaSKmOCevNvL384ccWPHp4n/jQSQcf6Tdk/aYFJgErEtMrMxA2etExcyP3hdA==","signatures":[{"sig":"MEUCIQChqWwpALKxo0mVVzQzfCqfnr7Pt6gqzml0S5HOXhcR7AIgMPeA6NXcKrnd7ZVPveJcO/CRPuIRa2Uu+vz+bH+ukro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/07FCRA9TVsSAnZWagAADiYQAKBYKYa7sCMGUufcwX3D\nDq4N/NgNolwpWHaJh9M+ejRvHpvWqYzA5D+bZz/Afnp3sE/TWKJZoMTt8NGW\nHqQRdSxLgu93+W5mZjzbtfLGfClcUCZJTBvAnAkFu7bVypaqtXlJwMXXYdmf\nu243oLFQwDvbDVxGSRPwsQc4aNsyavpEmFXwn5YFHm0V9YgvP9RRQP8YgSx3\neu9bnOhu3CV4pNBPRvg/ASwbVqgNyRaOdHkuuv3iXqgBxC56e8BBxZ+SJpxU\ncPiBWQd2nm3xM+N+nv0UdSVVHfAShjVftF2EKVGA0UTvyGlRETg4x3g5T1f7\nQ+q4N52DUYNNVARb7QpzUZCWXMFF1YB6fc78Y6Qq725ouxe1Mivl4X8BSN3n\n8m4kTkHmZS4fG6rzSzxgzQ3flAmCuL5sn9HZAOIWetWA6iyrkKUp5rYDaAfc\nigiQxC9Pyj00iN+nnQjQBToSZ66cUMXtS6Hf1L8142WEva0DmCdV/c5nTRTR\nTLc7/9Y/t22zskb6TbfLG+q8ZWf95PjvdU02cbuV8K5cishTr20E2s3PtYsT\n0XZulkalJb7uT8G5F2T4N7gKpzIPJy1zqcVPBPVEvIj8KUqVTm0bjRpLspTu\nAbms6WN64SQamO2/5VZmbLaJh8CNDd7MzssUElrVM6XYsApyTbv2WN4ZPSxO\nB+hB\r\n=HG3z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Horizontal\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Large</h2>\n<sp-rule size=\"s\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeS\">Large</h2>\n<sp-rule size=\"m\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n<sp-rule size=\"l\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n</div>\n\n## Vertical\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"s\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"m\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"l\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"47b96fc63e9b1cee03ba44793cfcd930488a7a17","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.20.2/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.2.0-alpha.40+47b96fc6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.3","@spectrum-web-components/action-button":"^0.2.0-alpha.1407+47b96fc6"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.4.0-alpha.40_1610567365459_0.611147289043356","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@spectrum-web-components/rule","version":"0.5.0","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.5.0","maintainers":[{"name":"westbrook","email":"westbrook.johnson@gmail.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"d2dca26ffdcc02128af0fc7e4f0d09c978880d00","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.5.0.tgz","fileCount":28,"integrity":"sha512-+06gBe50Zx6BbLP8LhMLSizSPpvxz27VNAIsk9R5qpv9ol4oAw/OuXbRX9aTAlItrDPrgE33+9esLW7QsOEENQ==","signatures":[{"sig":"MEUCIElMDv8FQMRMWaXWMSv75FEe0pASxgfY4kWLkW+2+NnZAiEA3XuyrwhcrmE1VSi3p6LmycLVfUiQje7UB7wrIkTBRCc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48720,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCbWrCRA9TVsSAnZWagAAbLYQAIn0mIkAMicZP2NtKvAo\nqqoCT99zZ13mB/5i1AuN/LD6xr1M8NDEODZ7dNeKw9JG8i2g2+u3hEEO7s26\nm10x/E327PuRY9pVe9+gwyTwcjZXrTG/rblgpp4m3kXJAAC117C6xkmWljK1\nr/CK/l5IMP9JJ1XcpEnxqIN1QN716PfeR0Z9PHOXgty8edKX0nW0H5ywSvIL\nvP99E7iWGVzh7tX9d78tvKalVlFh323cQPlm1f4FQHa1x7Hv7eLbEdCjrNlk\nahJKUI0J0BDFNvD2VTDgMkW0fWLt/UTIDQWiqhqqL32UQn7w2piweqJxbk7q\nwxMH74DhnEwmxd5IkxMA+MhT1HFnu4w75/TKtbLkgZ3twD9MdgbKknOTyG3b\ngTLQbgg3lH84tG6JdYYaZSNiquphJbgqkP3O3N0vJA7rW2Pw5uvYkNUAqZ/f\nBs6DfEjR1UCj9GvTUiqpM8oF63BHrKSNREPQbackhSaA+SGfBRC29a3r17x4\nAbEsEVKsC1X2DW8fvsMSSLcYueJriOmPLxjEM4zaHwkooO0XSDrW2PeklX80\nAZpMrHz7+GF2xO4wGVwSI1tXfU7HdZJ2J/8150v/cFaWF2U4bmu/4jfKJ76L\net4wy52waQh85SXCcJjKsNUCarcZ67LpzRIThJppSjs+3mChO+Ese9JsEMyP\n23yN\r\n=4k61\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"a5734426f36555951dc10c5740c9044bbd951315","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.3","@spectrum-web-components/action-button":"^0.2.0"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.5.0_1611249067316_0.7386862981285935","host":"s3://npm-registry-packages"}},"0.5.1":{"name":"@spectrum-web-components/rule","version":"0.5.1","keywords":["spectrum css","web components","lit-element","lit-html"],"author":"","license":"Apache-2.0","_id":"@spectrum-web-components/rule@0.5.1","maintainers":[{"name":"westbrook","email":"westbrook.johnson@gmail.com"},{"name":"benjamind","email":"ben@delarre.net"},{"name":"adixon","email":"adixon@adobe.com"},{"name":"cuberoot","email":"michael@maplekiwi.com"},{"name":"msdewey","email":"moiradewey@gmail.com"}],"homepage":"https://adobe.github.io/spectrum-web-components/components/rule","bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"dist":{"shasum":"3da23abe4517a7c83f37abf1ee900ea3face8529","tarball":"https://registry.npmjs.org/@spectrum-web-components/rule/-/rule-0.5.1.tgz","fileCount":28,"integrity":"sha512-jKCbgXCVz+pR8gEPzlBFwZ8t6eHCHQDj55Oa1M0jGXuThydJJMSUfgPiM80q2TncAIzOB8cm7NXDQM8JTIHPPg==","signatures":[{"sig":"MEYCIQDVgvYY7gF5GEN8wHEvL6IRx/7ndxpYfeITvNWlywQHtQIhANMvgOue63L/uu0O9txHqkMyj8CGHZnCfeqP76ZJdy6h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b1kCRA9TVsSAnZWagAAz28P/13xnYfaZL8kmwt8TRSm\njbDKhoNQGTXrLvOWBywxU9u56fHJnubIwImcDrDYlRqEk/wbt05cyCCHIBqO\nmYqDTtDHoZ+E7VICF+xS2mhwLPrNLBt5HZJ8oW9A5ZkPtNtFfV1hA9BH1GWm\njIjSQ4g6RcOyOHRYi9FoEkL2ujF40p6tvKtMoSogJefLT0hNpj801/K/M7TC\nq3xk46z5yCoqBHmB8cSVZ469wsF1/oiJOm4qsxibeJTH38Em8v3Y1xWTAd9H\ngc+CXe6EpUJGR53GHUhAYgNtVSru8C3mCr0XLoqUOYwGtNkPeNHaOcSTkyBA\nubzClRPsAdV3kn7gWbJ1qd5Q7xVrPUdLAfTCOwXl/UJvLLtiZKULXrdIqDhL\nUf0G2tigrS9VIHMp3m2pb+a1KXSN462RC1G7H73V3szmnIvPGolq3srzIgWe\n4O9PGHKk8VOmkCVN6GmOK/V3tcCs0S3HQkK4f5BfKFAXnbBFl3zF30ycDaq/\ndVRoYiMeTfKDr00uSYQB3gbUROhuuZ5vhrHzPsAHx3Rfzj1hn0f5SueCc8WZ\nwG4qINH47Xk9ly7aEqn9PbjlyG4MXXKJVKe1VmOyABjKiHuuamX+UhRWkYLq\nfNh35kkOS5j+MEFrWqsa3QN+j3sZbaKn3w3xRdOVacp0ZQrH8neeySWb5DIW\ngme2\r\n=oJoH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js","./src/":"./src/","./sp-rule":"./sp-rule.js","./sp-rule.js":"./sp-rule.js","./package.json":"./package.json","./custom-elements.json":"./custom-elements.json"},"gitHead":"7bac515d0291c21c9fc7482120904fe5c5c83200","scripts":{"test":"echo \"Error: run tests from mono-repo root.\" && exit 1"},"_npmUser":{"name":"westbrook","email":"westbrook.johnson@gmail.com"},"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (darwin)","description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","directories":{},"sideEffects":["./sp-*.js","./sp-*.ts","./stories/typography-decorator.js","./stories/typography-decorator.ts"],"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.0.0","@spectrum-web-components/base":"^0.3.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@spectrum-css/divider":"^1.0.0-beta.3","@spectrum-web-components/action-button":"^0.2.1"},"_npmOperationalInternal":{"tmp":"tmp/rule_0.5.1_1611859811985_0.9890311783559056","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-04-16T15:31:35.714Z","modified":"2026-01-15T20:38:13.827Z","0.1.0":"2020-04-16T15:31:37.100Z","0.1.1":"2020-06-08T20:38:26.956Z","0.1.2-alpha.38":"2020-07-16T23:26:11.277Z","0.2.0":"2020-07-17T21:46:34.543Z","0.2.1":"2020-08-19T22:24:25.777Z","0.2.1-alpha.95":"2020-08-20T18:31:42.957Z","0.3.0":"2020-08-31T18:05:21.802Z","0.3.1":"2020-09-25T12:18:36.526Z","0.3.2-alpha.17":"2020-10-08T04:00:33.192Z","0.3.2-beta.17":"2020-10-08T13:41:55.109Z","0.3.2":"2020-10-12T17:55:08.916Z","0.3.3-alpha.0":"2020-10-12T18:54:51.722Z","0.3.3":"2020-10-12T20:27:12.780Z","0.3.4-alpha.60":"2020-11-19T20:44:57.822Z","0.3.4-alpha.84":"2020-12-02T18:05:41.089Z","0.3.4-alpha.85":"2020-12-02T19:03:43.445Z","0.3.4-alpha.169":"2021-01-12T22:21:43.817Z","0.3.4-alpha.178":"2021-01-13T14:33:54.083Z","0.4.0":"2021-01-13T18:34:58.666Z","0.4.0-alpha.40":"2021-01-13T19:49:25.569Z","0.5.0":"2021-01-21T17:11:07.512Z","0.5.1":"2021-01-28T18:50:12.125Z"},"bugs":{"url":"https://github.com/adobe/spectrum-web-components/issues"},"license":"Apache-2.0","homepage":"https://adobe.github.io/spectrum-web-components/components/rule","keywords":["spectrum css","web components","lit-element","lit-html"],"repository":{"url":"git+https://github.com/adobe/spectrum-web-components.git","type":"git","directory":"packages/rule"},"description":"`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.","maintainers":[{"email":"caseyisonit@gmail.com","name":"caseyisonit"},{"email":"ttomar@adobe.com","name":"taratadobe"},{"email":"rajrock38@gmail.com","name":"rajrock38"},{"email":"jnjosh@gmail.com","name":"jnjosh"},{"email":"nikkimk06@gmail.com","name":"nikkimk"},{"email":"rubcar@sapo.pt","name":"rubenc"},{"email":"jian.liao@gmail.com","name":"jianliao79"},{"email":"pvashish@adobe.com","name":"pvashish"},{"email":"patrickfulton@gmail.com","name":"patrickfulton"}],"readme":"## Description\n\n`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.\n\n### Usage\n\n[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/rule?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/rule)\n[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/rule?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/rule)\n\n```\nyarn add @spectrum-web-components/rule\n```\n\nImport the side effectful registration of `<sp-rule>` via:\n\n```\nimport '@spectrum-web-components/rule/sp-rule.js';\n```\n\nWhen looking to leverage the `Rule` base class as a type and/or for extension purposes, do so via:\n\n```\nimport { Rule } from '@spectrum-web-components/rule';\n```\n\n## Horizontal\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeXS\">Large</h2>\n<sp-rule size=\"s\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide like-elements (tables, tool groups, elements within a panel, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeS\">Large</h2>\n<sp-rule size=\"m\"></sp-rule>\n<p class=\"spectrum-Body\">\n    Divide subsections, or divide different groups of elements (between panels,\n    rails, etc.)\n</p>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<h2 class=\"spectrum-Heading spectrum-Heading--sizeM\">Large</h2>\n<sp-rule size=\"l\"></sp-rule>\n<p class=\"spectrum-Body\">Page or Section Titles.</p>\n```\n\n</div>\n\n## Vertical\n\nWhen a vertical Rule is used inside of a flex container, use `align-self: stretch; height: auto;` on the Rule.\n\n### Sizes\n\n<sp-tabs selected=\"m\">\n    <sp-tab value=\"s\">Small</sp-tab>\n    <sp-tab value=\"m\">Medium</sp-tab>\n    <sp-tab value=\"l\">Large</sp-tab>\n</sp-tabs>\n\n<div class=\"tabs--s\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"s\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--m\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"m\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n\n<div class=\"tabs--l\">\n\n```html-live\n<div style=\"height: 32px; display: flex;\">\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n    <sp-rule size=\"l\" vertical></sp-rule>\n    <sp-action-button quiet label=\"Zoom in\">\n        <sp-icon-magnify slot=\"icon\"></sp-icon-magnify>\n    </sp-action-button>\n</div>\n```\n\n</div>\n","readmeFilename":"README.md"}