{"_id":"@bliss-design-system/icon","_rev":"22-708e501a7afe613e2c86461981c7ddf0","name":"@bliss-design-system/icon","dist-tags":{"latest":"2.6.0","beta.0":"2.0.0-beta.0.4"},"versions":{"1.0.0":{"name":"@bliss-design-system/icon","version":"1.0.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","license":"MIT","main":"index.js","module":"index.js","publishConfig":{"access":"public"},"scripts":{"storybook":"start-storybook -p 6006","test":"web-test-runner --node-resolve ./test/*.test.js"},"dependencies":{"@bliss-design-system/iconsets":"^1.0.0"},"_id":"@bliss-design-system/icon@1.0.0","_nodeVersion":"14.15.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-B6R2/G6IapfZ4glgAKHtrc4hcN9/vM9VjoiyxaBHsXz40dW1Z2lMyp+hBjeFGawbzDxE8sVZvNdPwxR9hy8/BA==","shasum":"e470bf0a77b505d4bc489d46be4574fa0a56a228","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-1.0.0.tgz","fileCount":9,"unpackedSize":8691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIqmZCRA9TVsSAnZWagAAVY4P/1/PVdT6EL+oqInp1w4q\nCgb5AV+PlsEOUlNWi/55zThiOiPsimylxpCXEu0ZQGF1OUgF7bYVwq0yzAgb\nDyj9ew1EoR9oCp5QRHLUg9Mc6mdEZ//wjZ4VAt7ckp3xtjN2+IQGVYKPdzxg\n6dhXHhIM5q0MwRZSUNPSFyN4P1VesvYZbWuIjJ34m8XQrYUskLjUf/kixNbo\n05Ad4l+do23j5r+TZV357yvHJVDfLXeglX6CsseeU3ONxnvzgQLHbwTCr5rb\ndX/Np6fYv5ag6VN8lrlxhUuH0OYoj8KPGMTFED8GT8Ayu3CygfvjVxBkat6h\nn1XKSjbiD10oOFRM+DZpj8WTmrOR7knEkwd9FvyAa5cMuSZA0FILL+I1IBO9\nyXofExv9AKV8Muo0JpWTIVIDkwG3DZGTnUlMHlHAZN7QdVzTO8PiL0GZLIbg\n07KHopRtO/lvF9llppH+fNEt5ay8fXza432dbm/d+4zAMKfBTmMKWF/DG1Gm\nl99BavBR4Pb7ZrRyxtHgADMB0GXQ82zEGhnV8rgg7jP6gC/i1AhKEwg71zMc\nZf/pQbGrzMtm3/uRZFPn9+F6ZD6Mwg0mY6iHF+KunwrVkX3QEbsSbIrwnV7C\njr53G0hWIxF8mClvIgNJ9vBJFgMy1D4Z5VcTxE+LA4eDOB0Dm5JLmzrWimbe\nrPZy\r\n=uhkS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA9MjvwPzfOnBXsWtpJhu8n9jpiO4nrRZmVAQ5oZzEqkAiEA8TDhVmSvAUsuRRvUn++8A/QuomAkAopMW6ZfDRYRTPg="}]},"_npmUser":{"name":"coolcut","email":"jan@fruechtl.me"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_1.0.0_1612884376543_0.6083460367011257"},"_hasShrinkwrap":false},"1.0.1":{"name":"@bliss-design-system/icon","version":"1.0.1","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","license":"MIT","type":"module","main":"index.js","module":"index.js","publishConfig":{"access":"public"},"scripts":{"storybook":"start-storybook -p 6006","test":"web-test-runner --node-resolve ./test/*.test.js"},"dependencies":{"@bliss-design-system/iconsets":"^1.0.0","lit-element":"^2.4.0","lit-html":"^1.3.0"},"_id":"@bliss-design-system/icon@1.0.1","_nodeVersion":"14.15.1","_npmVersion":"6.14.11","dist":{"integrity":"sha512-ajtrvhO9w5deV9bPqqvWuzMLMg/T5ssukVx7nXjBZ0Ap+AGvGnhcOjvAN3sAvrzlz0zFDGEbl45TULjW8Kj3yQ==","shasum":"d9cc0a68ddb76ad12a483add39cf8b8bb79694ad","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-1.0.1.tgz","fileCount":7,"unpackedSize":6651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIrWqCRA9TVsSAnZWagAAGJYP/R4CmGoPUKs5w00ZymP4\n2KUwjb9vANMolzAGWd1Kc4Fj3Ntsy6HK2nY3QN6VzyfsOXnCA/Yk/okXazPb\nmlof50YYOjPswVMxuw2wd6+lTJtyEqY1U6yP267wQns01SnUSLexTESMCv69\nS4O3QjttcgCGcvWbk7gBXhFY5ax5pO9rA7L33uEkrSRQUZ75kkYxFjEauyCe\nmCNGUzRI5XamfKTFmOdNr3lXA+Euw3OoEPOtBHar/QYsbnUSR6JkqDUBj/8b\nAnPmeHKSJWBPLNh/93RPf21Zc0zQ0WkZAtBvNv3xlaVRoBQzcZZ7j/TAiZjN\nI9wZiDRAjSFu78AnwFczP/NVGFLkMzkq+QOBSWgd/ZABiIXeUkWejqIL7sfj\nR6j1LO1dWHfynXmjVNNleKqgtUHlQP2DvdAxva+l4TnpGJm+wF1UsuPQQJcW\nN9haYRzZkFDKzCe6i8toB3i2Bs5y9TmvCHoO+7YSo20MZl0n7UAzd6edq/Ws\nUkAQyKxDGkeP0icnIUAaGS1B7vTMMvPuCBA9nC5J9wJue2jZuhcUla2qfO+V\nO2V/HyaR+wf+huWkCwWgMSG8MEZsWFFH+jW8d2fl9ZQt+gPIvXk7LUPeDqKk\nKmt87liPYzZfROkm7/+MYv9Pw4nY+DpesI8EgyArcsrWXUKNRAFhvbghqMYW\nzYSq\r\n=t68c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkCmtzeGdSWz63E2NJOHAm6TvMKQLF6jer2o0v5rn9wwIhAK/2V2KhO+3CgPiSLSsiUv8Gn3LKnTHyT8lhMFn0hnnz"}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_1.0.1_1612887465558_0.07391505726604963"},"_hasShrinkwrap":false},"1.0.2":{"name":"@bliss-design-system/icon","version":"1.0.2","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","license":"MIT","type":"module","main":"index.js","module":"index.js","publishConfig":{"access":"public"},"scripts":{"storybook":"start-storybook -p 6006","test":"web-test-runner --node-resolve ./test/*.test.js"},"dependencies":{"@bliss-design-system/iconsets":"^1.0.0","lit-element":"^2.4.0","lit-html":"^1.3.0"},"_id":"@bliss-design-system/icon@1.0.2","_nodeVersion":"15.8.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wuqqbCN/ZczdDi59xmJcjTf/0Tuz8pt27nJhRvZx5DVMhWARvlRKtjwF9YirBxuVAWCyUFKMmmHUtvD9mS8Dgg==","shasum":"3bbcf88a80b9b765f5e5451efd0edd23b366d89b","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-1.0.2.tgz","fileCount":7,"unpackedSize":6896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJQKlCRA9TVsSAnZWagAAZOEP/1H8HG2A16TgsnbP/x3q\n2zSLIoONsYkcDs/zVGxIVV4JOeNr8D/hEgYDweXMPVmRfuXmthVklQKp57QU\naoJfGronosGzrU5FVPtQgh/vpOtnWE9W2mC1EZIhx5lZwfp3lwePiNuKUC0U\nZ7l9923ARIvGgfiZL0rTmZ2W6BeE9/GZVftlzT3l2qs3qgGgDmtTc1P/XQ+r\nJlabzzk78l/YvO+rFhh0L0Aa4ZNnVP5ea05zavI96w/t6ZCv1ELiSPCO2zmH\n0l3Nw7upH153ogPSnrRpnZyFkiWH7xi/u3mDqwStymeq4/+IDPKTYJu8KR37\nHii6kVthXJ02t9Yy8xqacpGD5rea67+icSrq0a5aSAoq6nm4gQN+AcE9ClIs\ncPQLmMPaw+N++Ip1Cq76r9WZ7+1/VMEjznUgK4IIi2BgymX7U6exRpmKLS30\nguiPMQE/cBkMOQdOep1IJWTCCo3PmNbsDnMxEVSDITFMG2TaE1W8EgWi+IY5\nU8UE4nGRF7biuDSjRXMn5JMIFwlM5Zz230JS73elFE3w1aleLNd7xETgJP3q\nTLyku/Yy8MI+Y3oc136JQYH8rxlKAtnDW+/KEzwyifUWfAXMtTXMAwzDCWN1\n+9wvPBPIhpyocE3sHPotemDp7j/u9tQmzU4tPcpHzmB9qtLioD2l4Mkvbjgh\ncbW2\r\n=mJMl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCd7nHkHd08XgTtFXIgEc4THpb8NLlNlC2nhWGzs//YDwIgJTmNx6c4ORubLcL0oZkIek6PVqMT7OxPw/uhpewbM+o="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_1.0.2_1613038245121_0.8822931143689969"},"_hasShrinkwrap":false},"1.0.3":{"name":"@bliss-design-system/icon","version":"1.0.3","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","license":"MIT","type":"module","main":"index.js","module":"index.js","publishConfig":{"access":"public"},"scripts":{"storybook":"start-storybook -c ../../.storybook -p 6006","test":"web-test-runner --node-resolve ./test/*.test.js"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.0"},"_id":"@bliss-design-system/icon@1.0.3","_nodeVersion":"15.9.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-CS2+70NiBkcPkw1mKh5A/uZ+6xN21hwYN3OYW2MDzoMd1e54sN4UXWhfpmoMV2REA1dcrZ4w/i3i13vWR3piNg==","shasum":"bfad9482ccf4e0eec34e68228c4b82896e933d70","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-1.0.3.tgz","fileCount":7,"unpackedSize":7889,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL9CYCRA9TVsSAnZWagAAHQEP/RjUFeFmgzrkCrrp+caY\nsvXi3ZNIZ3QQ3omTsWjn2ptA+hldeBY/CXA4Fq7FScXJ7n0zlenXPFnngw7d\nFSeDZQdDlcDPjkFT3mKZ3bxCPHciA3a92gy7cFknIcC16ob3KLftVLyAI8qB\nb+yCiK5gKEoMD5yeMbxlatE4fJzJExQbthJrsR7aaL1I9r33ObkIlriQ7RWV\ng0ztHQ61CJqm1bOmt8MbQk0OPTD2araU+SE6QZbCDy3tVnz9iDIXzDBgDC4H\nHrJdCgpKqCuiOugdVkUwdHvcchuxq3vPKppbfF+lIQxctPk4jJ70+7XLbPaS\nOtt1xb+joV7P6oC6Fnu2N4LxnWsYnbMCVwS4dOvQU8C1vQjYESGtU1pn0yue\npKjhRtBD+lTp4ZXbsfh2aj8R0dUEXSfiqLaDzGXEQyEDDJGtybiZUqv1Xfyz\ntJktbNaXIwcla+6v3pwQRO0VOieLV0YS+QlLhKNGAO7ysLkULTU7/w/8t3ji\nseNzD2nH6155WyYV6vhIOqsvCIHZAWAHWQ8d+nVG58XQm1KNMLQySNNrdy1N\nJOvsAciOc5LNpoqXMfmb2IetSYEhLXK3u0K4c9ZlLJ/fN/LlEE5uvRf56L6O\nPv6Cg0V30CIakXnGUomQcJC3MHELYsNJoWd5tc5JwynbLIAoPQFKONtFa/RE\nC4r8\r\n=sEJZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiZp843RqJN8QhUyNLKlJmciaspJ71aby3GErc5T+bFwIhANHfFJM7wl8CMN3gHioZheuWt3Jj0JbF/UIFW/0lZpfi"}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_1.0.3_1613746328033_0.4578733503215662"},"_hasShrinkwrap":false},"2.0.0-beta.0.0":{"name":"@bliss-design-system/icon","version":"2.0.0-beta.0.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","exports":{".":"./dist/index.js","./package.json":"./package.json","./icon":"./dist/index.js","./icon.js":"./dist/index.js"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.0"},"readme":"# \\<bliss-icon>\n\n`<bliss-icon>` renders an icon to the page. This web component has been designed to render the icons from the [Bliss Iconsets toolkit](https://gitlab.com/bliss-design-system/iconsets). Every icon component needs to have a `name` attribute.\n\nBy design, icons can only be rendered at 24x24 px (`medium`) or 48x48 px (`large`).\n\n- [Installation](#-installation)\n- [Usage](#-usage)\n  - [Properties](#properties)\n  - [Styling](#styling)\n- [Contributing](#-contributing)\n  - [Demoing with Storybook](#demoing-with-storybook)\n  - [Testing](#testing)\n  - [Committing](#committing)\n  - [Opening a merge request](#opening-a-merge-request)\n- [Troubleshooting](#-troubleshooting)\n\n## 📦 Installation\n\n> ⚠️ You'll need the Iconsets toolkit installed in order to use this component. You can find the [installation instructions here](https://gitlab.com/bliss-design-system/iconsets#-usage).\n\nTo install this component, run:\n\n```bash\nyarn add @bliss-design-system/icon\n```\n\n## 🏎 Usage\n\nTo use this component, you'll need to register the component to the `window`'s [Custom Elements Registry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry). In order to achieve that, you'll want to call this function within your application's client-facing entry file:\n\n```js\nimport { blissRegisterIcon } from '@bliss-design-system/icon';\n\nblissRegisterIcon(); // Registers <bliss-icon>\n```\n\nThat will make the component available in your application and you can use it like this:\n\n```html\n<!-- Render trash icon at medium size -->\n<bliss-icon name=\"trash\"></bliss-icon>\n```\n\n### Properties\n\nThe component accepts the following properties:\n\n| Property        | Type           | Description                | Default | Required | Options |\n| --------------- |:--------------:| :-------------------------:|:-------:|:--------:|:-------:|\n| name            | String         | Size of the icon component |         | true     | [Available icons](https://bliss.bryter.dev/0d64ef553/p/65def8-bliss-icons/b/41d9e3)\n| size            | String         | Size of the icon component | `medium`  | false    | `medium` or `large`\n\n### Styling\nThe `<bliss-icon>` component doesn't have any explicit styles. If you want to change the `size` of the component, you need to use the `size` attribute. \n\n```html\n<!-- Render trash icon at large size -->\n<bliss-icon name=\"trash\" size=\"large\"></bliss-icon>\n```\n\nBy default, the icon will inherit its parent element `color` property. This means that if you are using a `<bliss-icon>` component inside a button and the text color is red, the icon will inherit this color value and will be red. However, if you wish to color the icon differently you can do so by doing the following:\n\n```css\nbliss-icon {\n  color: blue;\n}\n```\n\nYou can also use the pattern above to apply any other CSS properties to the `bliss-icon` element, but keep in mind that this won't change the `svg` inside the `<bliss-icon>`, it only affects the element itself.\n\n## 🫕 Contributing\n\nIf you'd like to contribute, please open an issue with your suggested change on our [Proposal Board](). Once that is accepted, either the Bliss team will work on it or you can make changes locally by doing the following:\n\n```bash\n# Clone this repository\ngit clone https://gitlab.com/bliss-design-system/components.git\n\n# Move into the icon package\ncd components/packages/icon\n\n# Install the dependencies\nyarn\n```\n\n### Demoing with Storybook\n\nYou can see all of your changes as you make them on Storybook.\n\nTo run a local instance of Storybook for this component, run:\n\n```bash\nyarn storybook\n```\n\n### Testing\n\nIf you want to test as you develop, run:\n\n```bash\nyarn test\n```\n\nPlease note that the build pipeline will fail if coverage drops by more than 5%. \n\n### Committing\n\nWe follow the [Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/), meaning that you'll be prompted to fill out a descriptive message when you commit. We also use these commits to manage our releases, so we appreciate details.\n\nAs a guideline for this component, we use:\n- `fix` for bug fixes, minor stylistic improvements, etc.\n- `feat` for any backward compatible API changes.\n\nFor anything that breaks backwards compatibility or introduces significant changes that require a major version change, please get in touch with the team.\n\n### Opening a merge request\n\nWhen you're ready to open a merge request, please use a descriptive title and fill out the provided template.\n\nThe team will be notified, but it helps to post your merge request in [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P).\n\n## 🙃 Troubleshooting\n\nWe'll fill this section out as we go and as issues are raised. But if you haven't found what you're looking for, get in touch via [bliss@bryter.io](mailto:bliss@bryter.io) or via the [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P) Slack channel ✨.\n","readmeFilename":"README.md","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.0-beta.0.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-FUnUddWygcfIZExgUnHY26nJ9mHzy/pIMLAVJx8CJXZ2QKVNRWo6PCEbSpU7WKAD+2xLOYKE0W2lHNib2DWt2g==","shasum":"b0d64cc2cca2fbac618f51e7cf7da4a661cf885a","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.0-beta.0.0.tgz","fileCount":10,"unpackedSize":180266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPh1QCRA9TVsSAnZWagAAI3EP/38jkhmLLbOyKZD8M86I\npWNRNwP1tohl6bWSOcrmvvwFKvlE9fc8JFuVlVwxBzVwdffqtYGtlfdLlUzs\nluIYzF4soLewSqrz4F7gw454MSJw1xyoxN1Rk72GhUu7SyUFvUuc03SOpXOk\nwjCT9xvGkPG4Nm5atMab51q+v2inpyfYBBjs2U2s5QvhXxxKUY8Ou6Jf0LoV\njDOZx7rY+1dYmWkm2SP156PWTV9+kRICbekufA/3nwkZkSRxTkGdu6rWkHQp\ngDQmyhtGraQhZ/5EhEjGUdOgz56gluHvgsldTaOoX9CIX+q0ju7PFZqAzpLQ\nl/ItRKm8KBCl2V/aNJw659+E+G2bnUeUpMMQRX/TFDzZQ0jtpX1GxRRrFtZJ\nnolCWQZ4d4WSQ+h5+4+lxNw+9yKEqgX3jzvHoGemqyOxlOREtcUBNzjc/Uuu\nZFAQ2QVJMdY9uxw4sH5t/FYMy7ZI2P3/bAq43XeN8Q1eZQIUJFvU//j+a6EG\n4P8Aeo5puJIxdC14S0+S9DS4LARsi/52rG6L3TUCK6dZBvmMDwPrHt5oA1DQ\nxngKbNPSNJOGMGkKXZU8dQhDLoCzwwNZdrgO72jFAhnBL3QSQ+8+UXY0kru4\ngYrHdGJEmv2MRkxaXN2rxYNiYqF6t16ooraM40ImjtTpCiWZVC0bttI4VCae\n15bJ\r\n=E9vc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoWgFKD6AiN2ffP9v3JpCMe4khULIa1IZnFf2yyuMSWgIhAOV5u0qwpcYoshWfFo5b3yfUJfPSZ4tOaAbA09Z2t1ys"}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.0-beta.0.0_1614683471628_0.5054757878613527"},"_hasShrinkwrap":false},"2.0.0-beta.0.1":{"name":"@bliss-design-system/icon","version":"2.0.0-beta.0.1","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":"./index.js","./src/*":"./src/*","./package.json":"./package.json","./icon":"./index.js","./icon.js":"./index.js"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.0"},"readme":"# \\<bliss-icon>\n\n`<bliss-icon>` renders an icon to the page. This web component has been designed to render the icons from the [Bliss Iconsets toolkit](https://gitlab.com/bliss-design-system/iconsets). Every icon component needs to have a `name` attribute.\n\nBy design, icons can only be rendered at 24x24 px (`medium`) or 48x48 px (`large`).\n\n- [Installation](#-installation)\n- [Usage](#-usage)\n  - [Properties](#properties)\n  - [Styling](#styling)\n- [Contributing](#-contributing)\n  - [Demoing with Storybook](#demoing-with-storybook)\n  - [Testing](#testing)\n  - [Committing](#committing)\n  - [Opening a merge request](#opening-a-merge-request)\n- [Troubleshooting](#-troubleshooting)\n\n## 📦 Installation\n\n> ⚠️ You'll need the Iconsets toolkit installed in order to use this component. You can find the [installation instructions here](https://gitlab.com/bliss-design-system/iconsets#-usage).\n\nTo install this component, run:\n\n```bash\nyarn add @bliss-design-system/icon\n```\n\n## 🏎 Usage\n\nTo use this component, you'll need to register the component to the `window`'s [Custom Elements Registry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry). In order to achieve that, you'll want to call this function within your application's client-facing entry file:\n\n```js\nimport { blissRegisterIcon } from '@bliss-design-system/icon';\n\nblissRegisterIcon(); // Registers <bliss-icon>\n```\n\nThat will make the component available in your application and you can use it like this:\n\n```html\n<!-- Render trash icon at medium size -->\n<bliss-icon name=\"trash\"></bliss-icon>\n```\n\n### Properties\n\nThe component accepts the following properties:\n\n| Property        | Type           | Description                | Default | Required | Options |\n| --------------- |:--------------:| :-------------------------:|:-------:|:--------:|:-------:|\n| name            | String         | Size of the icon component |         | true     | [Available icons](https://bliss.bryter.dev/0d64ef553/p/65def8-bliss-icons/b/41d9e3)\n| size            | String         | Size of the icon component | `medium`  | false    | `medium` or `large`\n\n### Styling\nThe `<bliss-icon>` component doesn't have any explicit styles. If you want to change the `size` of the component, you need to use the `size` attribute. \n\n```html\n<!-- Render trash icon at large size -->\n<bliss-icon name=\"trash\" size=\"large\"></bliss-icon>\n```\n\nBy default, the icon will inherit its parent element `color` property. This means that if you are using a `<bliss-icon>` component inside a button and the text color is red, the icon will inherit this color value and will be red. However, if you wish to color the icon differently you can do so by doing the following:\n\n```css\nbliss-icon {\n  color: blue;\n}\n```\n\nYou can also use the pattern above to apply any other CSS properties to the `bliss-icon` element, but keep in mind that this won't change the `svg` inside the `<bliss-icon>`, it only affects the element itself.\n\n## 🫕 Contributing\n\nIf you'd like to contribute, please open an issue with your suggested change on our [Proposal Board](). Once that is accepted, either the Bliss team will work on it or you can make changes locally by doing the following:\n\n```bash\n# Clone this repository\ngit clone https://gitlab.com/bliss-design-system/components.git\n\n# Move into the icon package\ncd components/packages/icon\n\n# Install the dependencies\nyarn\n```\n\n### Demoing with Storybook\n\nYou can see all of your changes as you make them on Storybook.\n\nTo run a local instance of Storybook for this component, run:\n\n```bash\nyarn storybook\n```\n\n### Testing\n\nIf you want to test as you develop, run:\n\n```bash\nyarn test\n```\n\nPlease note that the build pipeline will fail if coverage drops by more than 5%. \n\n### Committing\n\nWe follow the [Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/), meaning that you'll be prompted to fill out a descriptive message when you commit. We also use these commits to manage our releases, so we appreciate details.\n\nAs a guideline for this component, we use:\n- `fix` for bug fixes, minor stylistic improvements, etc.\n- `feat` for any backward compatible API changes.\n\nFor anything that breaks backwards compatibility or introduces significant changes that require a major version change, please get in touch with the team.\n\n### Opening a merge request\n\nWhen you're ready to open a merge request, please use a descriptive title and fill out the provided template.\n\nThe team will be notified, but it helps to post your merge request in [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P).\n\n## 🙃 Troubleshooting\n\nWe'll fill this section out as we go and as issues are raised. But if you haven't found what you're looking for, get in touch via [bliss@bryter.io](mailto:bliss@bryter.io) or via the [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P) Slack channel ✨.\n","readmeFilename":"README.md","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.0-beta.0.1","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-289P2Pbx2ovjAoc0l1CzoLjISNHMKn+dfz3KQIq3oFtEIt6ZvGh5QQs8ug8x9d7aO1ZD2a/bQaTQLkBeMWwtfA==","shasum":"a2c82a506fac40128750f951d4e98944f4a0996f","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.0-beta.0.1.tgz","fileCount":11,"unpackedSize":10472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPiYxCRA9TVsSAnZWagAAx+EP/iblVPKE81FgiRegh6Sv\nqdhzf0zNUMMAXitUD9c7i+xdi0CQC2hKJ/mq6CD7u2QdFX0/sqmbHvVxzvDD\n+iirfAbTQoTaFL8HHiprVyNeWUa6x8G8k8yb1P8eezpvTPFM1B1Tu5CspxvN\nMD0D5lt1GgbmaQUHFB0LZH4JjPyog5R9X2Oj6rko81enwP+tveoZh+qNPsuJ\nbPGqdXnWB4QpxOEqhcSa5bB7Y5It+7mWSmLohYozqNJWusIGfXXXm8LdPEfs\nEE9KU8WFe2oFUhxkSFFzoF9KzUrd17lU07KsfcPnd/Sw1sBqccffuu4jWGqw\nMqKjYKN/eP6hyg5R6A/esvyGWsyxqmTwDsdZJZWEJul61oOYMTiYXJ0vus/E\nW+7uHUnyBMBUOR+TCXwIhVtm06qTIPVZ3SJLN7r8OI+kJKqoebz6PHZ4Hg4i\n9x6Jqd0VlDmIsncUrHzsD1Qbl4UjNkm4jzHIiELX6rKQjYLYI4sHwa/2sBM5\nPA+BLQbg0ZXPqBeTUJAvbAGGcVukieAPWiWLFmL8cNvL4KmvqOHQZrMNG8Q2\n3c2wg2IkS65UuOOtTIN3YW8x7F112pkplfyvwD3tZURskfzlnMQwct+E9S2c\ndRQfAaOpFotaJRwu2gXZh0bExH3vLAmxDeVV7u4+bBsfu3xZ+kYkIDufl7sh\nbm21\r\n=G9tN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2GlA4JnPsDEZ6ixIS0/YNy2jzxdhVQ13DZzyro1Bo3gIhAPhRshyPBRyhpLXcrqc6ss3T4GqyJ3HU6DLWeWHdVLKj"}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.0-beta.0.1_1614685745450_0.60505737602856"},"_hasShrinkwrap":false},"2.0.0-beta.0.2":{"name":"@bliss-design-system/icon","version":"2.0.0-beta.0.2","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./src/index.js","module":"./src/index.js","types":"./src/index.d.ts","exports":{".":"./src/index.js","./src/*":"./src/*","./package.json":"./package.json","./icon":"./src/index.js","./icon.js":"./src/index.js"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.0"},"readme":"# \\<bliss-icon>\n\n`<bliss-icon>` renders an icon to the page. This web component has been designed to render the icons from the [Bliss Iconsets toolkit](https://gitlab.com/bliss-design-system/iconsets). Every icon component needs to have a `name` attribute.\n\nBy design, icons can only be rendered at 24x24 px (`medium`) or 48x48 px (`large`).\n\n- [Installation](#-installation)\n- [Usage](#-usage)\n  - [Properties](#properties)\n  - [Styling](#styling)\n- [Contributing](#-contributing)\n  - [Demoing with Storybook](#demoing-with-storybook)\n  - [Testing](#testing)\n  - [Committing](#committing)\n  - [Opening a merge request](#opening-a-merge-request)\n- [Troubleshooting](#-troubleshooting)\n\n## 📦 Installation\n\n> ⚠️ You'll need the Iconsets toolkit installed in order to use this component. You can find the [installation instructions here](https://gitlab.com/bliss-design-system/iconsets#-usage).\n\nTo install this component, run:\n\n```bash\nyarn add @bliss-design-system/icon\n```\n\n## 🏎 Usage\n\nTo use this component, you'll need to register the component to the `window`'s [Custom Elements Registry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry). In order to achieve that, you'll want to call this function within your application's client-facing entry file:\n\n```js\nimport { blissRegisterIcon } from '@bliss-design-system/icon';\n\nblissRegisterIcon(); // Registers <bliss-icon>\n```\n\nThat will make the component available in your application and you can use it like this:\n\n```html\n<!-- Render trash icon at medium size -->\n<bliss-icon name=\"trash\"></bliss-icon>\n```\n\n### Properties\n\nThe component accepts the following properties:\n\n| Property        | Type           | Description                | Default | Required | Options |\n| --------------- |:--------------:| :-------------------------:|:-------:|:--------:|:-------:|\n| name            | String         | Size of the icon component |         | true     | [Available icons](https://bliss.bryter.dev/0d64ef553/p/65def8-bliss-icons/b/41d9e3)\n| size            | String         | Size of the icon component | `medium`  | false    | `medium` or `large`\n\n### Styling\nThe `<bliss-icon>` component doesn't have any explicit styles. If you want to change the `size` of the component, you need to use the `size` attribute. \n\n```html\n<!-- Render trash icon at large size -->\n<bliss-icon name=\"trash\" size=\"large\"></bliss-icon>\n```\n\nBy default, the icon will inherit its parent element `color` property. This means that if you are using a `<bliss-icon>` component inside a button and the text color is red, the icon will inherit this color value and will be red. However, if you wish to color the icon differently you can do so by doing the following:\n\n```css\nbliss-icon {\n  color: blue;\n}\n```\n\nYou can also use the pattern above to apply any other CSS properties to the `bliss-icon` element, but keep in mind that this won't change the `svg` inside the `<bliss-icon>`, it only affects the element itself.\n\n## 🫕 Contributing\n\nIf you'd like to contribute, please open an issue with your suggested change on our [Proposal Board](). Once that is accepted, either the Bliss team will work on it or you can make changes locally by doing the following:\n\n```bash\n# Clone this repository\ngit clone https://gitlab.com/bliss-design-system/components.git\n\n# Move into the icon package\ncd components/packages/icon\n\n# Install the dependencies\nyarn\n```\n\n### Demoing with Storybook\n\nYou can see all of your changes as you make them on Storybook.\n\nTo run a local instance of Storybook for this component, run:\n\n```bash\nyarn storybook\n```\n\n### Testing\n\nIf you want to test as you develop, run:\n\n```bash\nyarn test\n```\n\nPlease note that the build pipeline will fail if coverage drops by more than 5%. \n\n### Committing\n\nWe follow the [Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/), meaning that you'll be prompted to fill out a descriptive message when you commit. We also use these commits to manage our releases, so we appreciate details.\n\nAs a guideline for this component, we use:\n- `fix` for bug fixes, minor stylistic improvements, etc.\n- `feat` for any backward compatible API changes.\n\nFor anything that breaks backwards compatibility or introduces significant changes that require a major version change, please get in touch with the team.\n\n### Opening a merge request\n\nWhen you're ready to open a merge request, please use a descriptive title and fill out the provided template.\n\nThe team will be notified, but it helps to post your merge request in [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P).\n\n## 🙃 Troubleshooting\n\nWe'll fill this section out as we go and as issues are raised. But if you haven't found what you're looking for, get in touch via [bliss@bryter.io](mailto:bliss@bryter.io) or via the [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P) Slack channel ✨.\n","readmeFilename":"README.md","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.0-beta.0.2","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-gxQGwwebYImNAGf41udq/7XyLFu3Vb7b5breq/4gnfErwYh4/aOfq2r1cuhkf6LE3jS/c/tQxjekZufXJppKnw==","shasum":"030047d03b06e7f041f57c06abcb200c2cde8ebf","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.0-beta.0.2.tgz","fileCount":11,"unpackedSize":10569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPihnCRA9TVsSAnZWagAAKWwQAImHeo32KW5h2Vk2KwCm\nf3+2ozaFyG/DQpZvBffmtdW/Ws3BAb6kEpOemoFAopdbOIU0m56KlEp9aDTl\nvEZ/mP7wrigKinAERQl6h+UYnmB8YOa91uv+d8CdBkC1rY0cPAFOIIAoSQXx\n205QErqVbY3TPxPg2Ak3fdvFZTcA7W0dPMgGoR3mX467c7f8g4BDLuyUvhiS\ngvOGIaR5eIlereuRRRStum5ab4Huj0kYMkWQUwwP3Fnq0rm5tbem3hv6vYSs\njXojfyaILO+pIWEcTYjvITgmDwSzzEL3Wv8jkbr9Vgfqx2ekED0Ght3oGiMa\n4zFU1j4l3Ynvob09kBEXbqCObzfjJFasNBjBJ+ly51C5BFDz+CVF7QWi13uO\nQQ1aWOjhrIBqsIxl9BOq5x2EzGsQfTYeZrAcbKIMi8TmacHymQfy1UEOyDXv\nPg5yOUoEudPGTLgvUOEtRKscra7B+Jvs3GMKnAkkQUiasnZHMygcD7du9YsE\nIY5xL7a/qO899H0ekABIms0yQ8h3vv+YO6nOEx/tQ3HWthmV2Zud0uedcKL2\n2YQLVNqarmJNBP9mXp+ivoPjKmbv/zy3j5NoW5koIJzc9G1uTrsurNxntatS\nIkpfM8u3htEP9C/LbD+csowg/ozb1LCudJf+9s52WXLV52IOzFNzawMVbPf2\ncLMk\r\n=jyBR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHauAgQDTsdSh9R9S989UcSV4gZ7nRamqmEJESl1OtBRAiBO5kBQiK6x3MXLZOrTMG7UXO93TUnxlbrNOUXpvJrvJg=="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.0-beta.0.2_1614686310983_0.5053268710640106"},"_hasShrinkwrap":false},"2.0.0-beta.0.3":{"name":"@bliss-design-system/icon","version":"2.0.0-beta.0.3","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":"./src/ts/index.js","./src/*":"./src/*","./package.json":"./package.json","./icon":"./src/ts/index.js","./icon.js":"./src/ts/index.js"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.0"},"readme":"# \\<bliss-icon>\n\n`<bliss-icon>` renders an icon to the page. This web component has been designed to render the icons from the [Bliss Iconsets toolkit](https://gitlab.com/bliss-design-system/iconsets). Every icon component needs to have a `name` attribute.\n\nBy design, icons can only be rendered at 24x24 px (`medium`) or 48x48 px (`large`).\n\n- [Installation](#-installation)\n- [Usage](#-usage)\n  - [Properties](#properties)\n  - [Styling](#styling)\n- [Contributing](#-contributing)\n  - [Demoing with Storybook](#demoing-with-storybook)\n  - [Testing](#testing)\n  - [Committing](#committing)\n  - [Opening a merge request](#opening-a-merge-request)\n- [Troubleshooting](#-troubleshooting)\n\n## 📦 Installation\n\n> ⚠️ You'll need the Iconsets toolkit installed in order to use this component. You can find the [installation instructions here](https://gitlab.com/bliss-design-system/iconsets#-usage).\n\nTo install this component, run:\n\n```bash\nyarn add @bliss-design-system/icon\n```\n\n## 🏎 Usage\n\nTo use this component, you'll need to register the component to the `window`'s [Custom Elements Registry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry). In order to achieve that, you'll want to call this function within your application's client-facing entry file:\n\n```js\nimport { blissRegisterIcon } from '@bliss-design-system/icon';\n\nblissRegisterIcon(); // Registers <bliss-icon>\n```\n\nThat will make the component available in your application and you can use it like this:\n\n```html\n<!-- Render trash icon at medium size -->\n<bliss-icon name=\"trash\"></bliss-icon>\n```\n\n### Properties\n\nThe component accepts the following properties:\n\n| Property        | Type           | Description                | Default | Required | Options |\n| --------------- |:--------------:| :-------------------------:|:-------:|:--------:|:-------:|\n| name            | String         | Size of the icon component |         | true     | [Available icons](https://bliss.bryter.dev/0d64ef553/p/65def8-bliss-icons/b/41d9e3)\n| size            | String         | Size of the icon component | `medium`  | false    | `medium` or `large`\n\n### Styling\nThe `<bliss-icon>` component doesn't have any explicit styles. If you want to change the `size` of the component, you need to use the `size` attribute. \n\n```html\n<!-- Render trash icon at large size -->\n<bliss-icon name=\"trash\" size=\"large\"></bliss-icon>\n```\n\nBy default, the icon will inherit its parent element `color` property. This means that if you are using a `<bliss-icon>` component inside a button and the text color is red, the icon will inherit this color value and will be red. However, if you wish to color the icon differently you can do so by doing the following:\n\n```css\nbliss-icon {\n  color: blue;\n}\n```\n\nYou can also use the pattern above to apply any other CSS properties to the `bliss-icon` element, but keep in mind that this won't change the `svg` inside the `<bliss-icon>`, it only affects the element itself.\n\n## 🫕 Contributing\n\nIf you'd like to contribute, please open an issue with your suggested change on our [Proposal Board](). Once that is accepted, either the Bliss team will work on it or you can make changes locally by doing the following:\n\n```bash\n# Clone this repository\ngit clone https://gitlab.com/bliss-design-system/components.git\n\n# Move into the icon package\ncd components/packages/icon\n\n# Install the dependencies\nyarn\n```\n\n### Demoing with Storybook\n\nYou can see all of your changes as you make them on Storybook.\n\nTo run a local instance of Storybook for this component, run:\n\n```bash\nyarn storybook\n```\n\n### Testing\n\nIf you want to test as you develop, run:\n\n```bash\nyarn test\n```\n\nPlease note that the build pipeline will fail if coverage drops by more than 5%. \n\n### Committing\n\nWe follow the [Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/), meaning that you'll be prompted to fill out a descriptive message when you commit. We also use these commits to manage our releases, so we appreciate details.\n\nAs a guideline for this component, we use:\n- `fix` for bug fixes, minor stylistic improvements, etc.\n- `feat` for any backward compatible API changes.\n\nFor anything that breaks backwards compatibility or introduces significant changes that require a major version change, please get in touch with the team.\n\n### Opening a merge request\n\nWhen you're ready to open a merge request, please use a descriptive title and fill out the provided template.\n\nThe team will be notified, but it helps to post your merge request in [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P).\n\n## 🙃 Troubleshooting\n\nWe'll fill this section out as we go and as issues are raised. But if you haven't found what you're looking for, get in touch via [bliss@bryter.io](mailto:bliss@bryter.io) or via the [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P) Slack channel ✨.\n","readmeFilename":"README.md","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.0-beta.0.3","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-WzLqoaYyjGa2hdiDvrGTYQDT42Z4Mbgy2tA8mslS5Hg+6uvhQNPkv3qq4Mcf4ZxYkkMR5cstdzlucqaU/3cHgg==","shasum":"ca9870cfcf40e605ea3b5cfbeae39a28c85d8044","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.0-beta.0.3.tgz","fileCount":11,"unpackedSize":10627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPkVBCRA9TVsSAnZWagAA2c8P/jKWX8TNsUwr1Gbp7WOg\n/40Yht4A9ul5cluEzVBBf7VlF/ni8gg+OYNJHqiP7SXmCKp1LL780aPhA7xw\niBiQt/iV8l0k8UpF3iPphxIg2Tbba4JQNwjgevjVsrrSLtRuXLPFA7qNAeDB\nbp5kAtTByW9x1RvIyW1UrZ3ubLLG91WKtuV1lCP6qsZowZ3LV9K2A2qBg7Hi\nZ1RZ3DgtfyYcujgFg5XOFJ3M+rmCCS/8kp8gcAloNbFXPyXE5TowrMuceVVy\noGgtymG1kOQZpNWknPHbqNxPY+vewlp+S1ERJaWioXkjYOnoqbc3DydrLGZm\ny3iS4jceWM4GcuCwUy5FuXq5cC5Druw/eguvGClO9wTG78zjC0qlWmShYCFp\ngFO05rwG6pxgu3k6rxv96zZEydXv/pP11MeAeWjVfk3oiRaigps6ayi5nRSW\nnfaxx6G0r5t0CiCS4GkszyEiLR+uNCoNjzRDEBfbpLrOm2f+7Lqi17gEOQbr\nNIQxLRiVmPcn5c4jl8l/QuvG4AcpjTCa3rjRAEwoeVkY6YdBOvqBceoBQQ4E\nyoJDfLcNYZ1WEYQzflfbaWbG7Bb48XSUViUkQ9RhnVUQVkte4QO+ldq8SN3F\n29A3T7JuoxJFDES6TglBM5Rg2Zuz06VWF+CjGQcINz7sWkWLgVHIhO+i1YT4\nxGgj\r\n=0hM3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCniQtJma2Oq1AT6+8e4/db6w/QvJuF7oV1JCweKqH/MQIgZejHHlkAjUff2MWAIY01Jo8x2k4zVTrXIccD5Yfn3eE="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.0-beta.0.3_1614693697251_0.9004990325214035"},"_hasShrinkwrap":false},"2.0.0-beta.0.4":{"name":"@bliss-design-system/icon","version":"2.0.0-beta.0.4","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":"./src/ts/index.js","./src/*":"./src/*","./package.json":"./package.json","./icon":"./src/ts/index.js","./icon.js":"./src/ts/index.js","./custom-elements.json":"./custom-elements.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.1"},"readme":"# \\<bliss-icon>\n\n`<bliss-icon>` renders an icon to the page. This web component has been designed to render the icons from the [Bliss Iconsets toolkit](https://gitlab.com/bliss-design-system/iconsets). Every icon component needs to have a `name` attribute.\n\nBy design, icons can only be rendered at 24x24 px (`medium`) or 48x48 px (`large`).\n\n- [Installation](#-installation)\n- [Usage](#-usage)\n  - [Properties](#properties)\n  - [Styling](#styling)\n- [Contributing](#-contributing)\n  - [Demoing with Storybook](#demoing-with-storybook)\n  - [Testing](#testing)\n  - [Committing](#committing)\n  - [Opening a merge request](#opening-a-merge-request)\n- [Troubleshooting](#-troubleshooting)\n\n## 📦 Installation\n\n> ⚠️ You'll need the Iconsets toolkit installed in order to use this component. You can find the [installation instructions here](https://gitlab.com/bliss-design-system/iconsets#-usage).\n\nTo install this component, run:\n\n```bash\nyarn add @bliss-design-system/icon\n```\n\n## 🏎 Usage\n\nTo use this component, you'll need to register the component to the `window`'s [Custom Elements Registry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry). In order to achieve that, you'll want to call this function within your application's client-facing entry file:\n\n```js\nimport { blissRegisterIcon } from '@bliss-design-system/icon';\n\nblissRegisterIcon(); // Registers <bliss-icon>\n```\n\nThat will make the component available in your application and you can use it like this:\n\n```html\n<!-- Render trash icon at medium size -->\n<bliss-icon name=\"trash\"></bliss-icon>\n```\n\n### Properties\n\nThe component accepts the following properties:\n\n| Property        | Type           | Description                | Default | Required | Options |\n| --------------- |:--------------:| :-------------------------:|:-------:|:--------:|:-------:|\n| name            | String         | Size of the icon component |         | true     | [Available icons](https://bliss.bryter.dev/0d64ef553/p/65def8-bliss-icons/b/41d9e3)\n| size            | String         | Size of the icon component | `medium`  | false    | `medium` or `large`\n\n### Styling\nThe `<bliss-icon>` component doesn't have any explicit styles. If you want to change the `size` of the component, you need to use the `size` attribute. \n\n```html\n<!-- Render trash icon at large size -->\n<bliss-icon name=\"trash\" size=\"large\"></bliss-icon>\n```\n\nBy default, the icon will inherit its parent element `color` property. This means that if you are using a `<bliss-icon>` component inside a button and the text color is red, the icon will inherit this color value and will be red. However, if you wish to color the icon differently you can do so by doing the following:\n\n```css\nbliss-icon {\n  color: blue;\n}\n```\n\nYou can also use the pattern above to apply any other CSS properties to the `bliss-icon` element, but keep in mind that this won't change the `svg` inside the `<bliss-icon>`, it only affects the element itself.\n\n## 🫕 Contributing\n\nIf you'd like to contribute, please open an issue with your suggested change on our [Proposal Board](). Once that is accepted, either the Bliss team will work on it or you can make changes locally by doing the following:\n\n```bash\n# Clone this repository\ngit clone https://gitlab.com/bliss-design-system/components.git\n\n# Move into the icon package\ncd components/packages/icon\n\n# Install the dependencies\nyarn\n```\n\n### Demoing with Storybook\n\nYou can see all of your changes as you make them on Storybook.\n\nTo run a local instance of Storybook for this component, run:\n\n```bash\nyarn storybook\n```\n\n### Testing\n\nIf you want to test as you develop, run:\n\n```bash\nyarn test\n```\n\nPlease note that the build pipeline will fail if coverage drops by more than 5%. \n\n### Committing\n\nWe follow the [Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/), meaning that you'll be prompted to fill out a descriptive message when you commit. We also use these commits to manage our releases, so we appreciate details.\n\nAs a guideline for this component, we use:\n- `fix` for bug fixes, minor stylistic improvements, etc.\n- `feat` for any backward compatible API changes.\n\nFor anything that breaks backwards compatibility or introduces significant changes that require a major version change, please get in touch with the team.\n\n### Opening a merge request\n\nWhen you're ready to open a merge request, please use a descriptive title and fill out the provided template.\n\nThe team will be notified, but it helps to post your merge request in [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P).\n\n## 🙃 Troubleshooting\n\nWe'll fill this section out as we go and as issues are raised. But if you haven't found what you're looking for, get in touch via [bliss@bryter.io](mailto:bliss@bryter.io) or via the [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P) Slack channel ✨.\n","readmeFilename":"README.md","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.0-beta.0.4","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-lKzMORjzdB0349KcS+NuPslFALYPIp9MFej07rxnrEQXMl0ntvvzckzqPHeOr9yZcmWF+cIAiyfvgwosM8FfDg==","shasum":"ab7c79123b44bebdd0b9a13b2c83a1ce9b7b5a73","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.0-beta.0.4.tgz","fileCount":11,"unpackedSize":11179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP3h2CRA9TVsSAnZWagAAJ3MP/0L8aWh6RABnU1tDEDNY\nzuIBIHOUnV0CwbNyPohsudpX/G1BIPP39Px2sIQjvCrq6+kNyEu7KofXi7z+\nTsuMl9zC5LLFW/drSn7rwxrUU8cPq4c7Gjl0M5SyCQ5kXmG4SePkf9n+UM1b\nLzy4/gRoLgmW6Nftn/GbKf9Z6SC1oV9PvTt9dXedcppqA69NzOOSZ/ThQIef\noJfvhYBe/hXyznRBH+pshLjETYQoILk4VACgFOD1BgAtpNCdELjn6VTXwHm3\ns+eQhGj6MVPbZgip9CIT+FTFu3CyaLi8+bN/CISehDJ8/xMrzcL1tF524pVo\nU9dztPO58VDWFUdeFYNRBNcPCUrOAsOhwCUKlzqptGq+BNUY5qkmw0Lhxiil\nstGG34Xvca7STowuIbUNApRY+NjFI1KPj4Zekw4hzPeqgz0BePPT6Krhu7JA\nqe5I3c5nLipil+vAn3UPEIj8ydzoSzZb6GlVWTHSNMUEAVQgU2L4VCPK40pr\n0Q3ut5rYWP+u+E7kbJ6IcahDDP5qsuEJJGzbooxkResaIRNZQhOAMMfshYHz\nufoo+NM7qDZd+LzQZYmlIWuItDdYsZAPwvZHY1yju7tIdnt8HvDZn/CPvqLi\neJ+zdRV7lBGTayVUVutvut0ZQ+Tj7nBLJ+kQ9Xe4ZLEOubZPbguFYI+lM4Gt\nR6JW\r\n=lYOy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDAJWaF3JLUT0DPF3bowonoffxFQaZaQAHBTF4WqtwFNAiEAvwutZw6uLARwJB+Sx17gG31n1EEg08PQU7bY4SbPEZ8="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.0-beta.0.4_1614772342369_0.409891202214018"},"_hasShrinkwrap":false},"2.0.0":{"name":"@bliss-design-system/icon","version":"2.0.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":"./src/index.js","./src/*":"./src/*","./package.json":"./package.json","./icon":"./src/index.js","./icon.js":"./src/index.js","./custom-elements.json":"./custom-elements.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.1"},"contributes":{"html.customData":["./custom-elements.json"]},"bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.0","_nodeVersion":"15.11.0","_npmVersion":"7.6.0","dist":{"integrity":"sha512-Tz95Z8NHY+9QcVmk7qpl4BEZBgcJKjsmS2c7b8blow1SqYGqgtxGdQ8sVi+SaaOhHVKcZdnvY8cT3kPjQ2NV1w==","shasum":"60603da04efe08794b2f70eab801fc481d3ee668","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.0.tgz","fileCount":12,"unpackedSize":11936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQOG0CRA9TVsSAnZWagAA2qkP/jIfjhTWfBX2E6gPv77A\nICFEShUAiMtf3y9BxQ45o1XiKjYiE/28sBvrLABvX0MfAeOGsh0mJzgvadCu\noQp205ElyBF9dtpQh2IoEOQ6tTBdAjURoVOs2vzT34D9rstyinqV8WoDLwUj\nlQrNb37BN5aVuM9IRBW2tQl+LGvqYQdJr9z3rqLQqUvDSBSCVwx1GHbuVLt9\nCJ/L5uOCkGZE+j1vNMMv/xeXawrP60HcC1Sb4OBwGJWR8xh85MsAGSLbDHNg\nAlutBYp6apHCID0hSsqka89a/sbyIw1cKDnOM6CUKz6hPVB/+yT00saf5vpy\neuJQELqNghaW6Hv3lf2rO48KPecqWs6/rMNnxQHmXflLs1SSD1NuroakVr76\nomz1PRRZvzYo+Aph+iZNNahT4ko0xuCGY6kBw6le9CpHwtvmcBIAfbiVT1Lw\npB4y4CPDC60RNRYS6gh4/UEeIbGwQQyl8nS9Rk4blX0Bb1xi2PlJR4mU49dt\nLMPlDRMtken7o0seit59W7vdX8yi9Sf6+loX/sZsfGi7pT5vdz13BuuU4h4J\nGR8JmmfuXJm5hIVFi+S8jy4Vi63yne4IGZCB2btyQ/ySytq8/XNilD+EIzIZ\n+XqFC9CmwR9MYlWdfv/X56XGHnXnu9M//uP2MBZCCf4mXK0tRlth6+VLA5Oe\nenTT\r\n=RRpI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFN0oeZwDbhQ3+z70ZOBjYlTEBGXISSwkgENvvHq88rjAiEA9XYrUyNpFA08u70ZFp04B6gIl5vRUvEVcH1/PIoOBzU="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.0_1614864819868_0.025196947581840767"},"_hasShrinkwrap":false},"2.0.1":{"name":"@bliss-design-system/icon","version":"2.0.1","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./index.js","module":"./index.js","types":"./index.d.ts","exports":{".":"./src/index.js","./src/*":"./src/*","./package.json":"./package.json","./icon":"./src/index.js","./icon.js":"./src/index.js","./custom-elements.json":"./custom-elements.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.1.1"},"contributes":{"html.customData":["./custom-elements.json"]},"bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.0.1","_nodeVersion":"15.11.0","_npmVersion":"7.6.0","dist":{"integrity":"sha512-/byYfe7UAn8iTzD5yoYPSvxXls2wupIMjW8xDMH1VCssHbfg607R3vCwehU15sde0wdIsdpe8WzuYKweNQoaow==","shasum":"d14113efffcc71872c45c44a2cbd72be03ded68e","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.0.1.tgz","fileCount":12,"unpackedSize":11984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSMOjCRA9TVsSAnZWagAA8i8QAJ4BFaf8KsrSIkL7FGWT\nzIp5HtkBzSbHBz08DvVWgvBg1fC3hQ/nEprPF5lIjgAKKZ1ZWXMtIEq5+H7d\nZxd/7NjoFq67oBn7ovw9cqDUVohpdpKLWUov6CVrWkdSEkcZkyHt69rSl4vZ\noa/qVyJouX46oVnVgS/qafLULpQopP2m1cW51OqvtZ7dHAIEHzxZMEWPk8IE\nQ2+2f8AdotJntZm+1gr/WL40rtUjXFLwrQkjFMHslI0o+UEj9qtaU5jwehyw\nZiQBJhU2WVaSJGeivBj5qusyervM6Hg/PIzyE0gAE8QpabLPe/80GFXYNqbw\nvrsZWEY3ZJ5d+NhRf1xPW1JbR12q49S4GBvvIHqce4TjALytVxFQA+TJeOz9\nwPedO0Q4g9pI0O6p/+yuYq5P3SSoyCnZNn5qJNnCx7tXPLastIPb1lHgkGwa\n3fq9vjgRGC0BN8UwCXfzI3Njq0eo+jRFXJ+pvXTH1FO1ZQNlYY++MoCTEkzL\njnWN5cn1KqyGFiPvgz7fpNZzKjLYgw4gUEwKQ5qtjfK4SXKtpvi+Mc7n64yk\ni8ht1xO8yXXaBL9K3gLyePSZM/brr0Xxfl4rm3R3yoDtgBGSMSvt2mVpoVVi\nM2bQn71prmiLCGjbNzHjrZNjzF4gGEw2JumsM+GVx3eiOqbtq8TWdrZtkoG6\na5eT\r\n=qvDW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGHevjgKbz+0iOyCckottJL9D6pGkCMO6VV2VQX8ipBKAiEAgrv0eGoYjgDvDZy7gNkci8skszd4OGlNcCLm1BWzd3Q="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"carolstran","email":"hello@workwithcarolyn.com"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"bryter-bliss","email":"bliss@bryter.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.0.1_1615381411064_0.2508179832765165"},"_hasShrinkwrap":false},"2.1.0":{"name":"@bliss-design-system/icon","version":"2.1.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0","tslib":"^2.0.3"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.6.0"},"contributes":{"html.customData":["./custom-elements.json"]},"bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.1.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-Mw98hPmhfoDbqOtbQbC3svkz5tkwmryNGrGWFXjkdCi4kC/H/ucOgMJMv/BFvKX1LywvvI/5O4hJqiv2aiXSiA==","shasum":"cff3f8737fd17cfd4505bb60d05cdb1987b3c466","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.1.0.tgz","fileCount":9,"unpackedSize":233372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEkOWCRA9TVsSAnZWagAAotsP/jHgFb/NktbdP4ThRKs9\nM9Cg9QrCrjY1eX9WDaNUHAqNEHlM2unGoG/9VO5XK/37L+7yvj8IP9Jh5H5/\nLmQTrW8F6JTtgnk80BFzjHOOgrNyCwh0c/CrAg85JzSJjjdBToklJG9M7UuO\nFpQhegNMsEp09y2QQI7zLd+njgmbEsSE+lqCIKLFU63rEyW9ajvPMDrQy9qV\nE4NmO2wU9YycN9dq3IjoWgm2MDLfpAH/k5twOdG3qLbr8+H7iA2vpRcVjrKU\nPPd4mAU/XGLjA9eUc8nV6g6CP983EEzjyE16v1EVR7NnIrgjMMIX+Nwc9Qm4\nODbwObvoFuzSRsMqS7J9DWgPV7QHtiOQtWEoeSD4ktN5vzMgP/7VBiFK651S\nYu0KPdsX5BWuCmNKuCEztxX+VE5AAq+C7bu6M+1Fdq2FkQcfS89eApOA7YMq\nEMlLf6qUMYURlbvOPzvxZ7iCQKKu4+jr73ZyEtcPAq0pD/CZwaPVZ3j+Wj50\n/QmgS3o9nuZMJjiF5addFOeCHHl1Qj7UooMnyq4AMcFpJIwPoqwfkCqyQ0C5\nPJcMj8RjL8KUnmiGb2KaMkogDnH/Ei9H4c0zwgQz9+52l1fU5tEG0C4ba+42\n9jO5luqehXLL5G+gdQZagcevN7id0rKwtsZuncxMi39TuhIeCkn4rkCUxrmY\nhKSu\r\n=iPth\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiJ3ms96+epeadONT9N+x5EXR7BVxHh9aLf3KT1QwYZQIgDUgY017oYHLpd5GdZ45QzB0kaXZgG0edSAzinbPObnE="}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.1.0_1628586902733_0.6768787592856595"},"_hasShrinkwrap":false},"2.1.1":{"name":"@bliss-design-system/icon","version":"2.1.1","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit":"2.0.0-rc.2"},"peerDependencies":{"@bliss-design-system/iconsets":"^1.6.0"},"contributes":{"html.customData":["./custom-elements.json"]},"bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.1.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-xcvR4OMjCH3tZ+xrgtAnIAa7JPWocPF2tS6oEW23EX239FzR5moDax08hsWSTXgy26oghx0x22WIgncCJa9bqA==","shasum":"f2dfc5d4e7cf595461720ae8231b4cf07f49c404","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.1.1.tgz","fileCount":9,"unpackedSize":237326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzICdCRA9TVsSAnZWagAAHRYP/ja8eY9ZO3+0MgfVKUl4\n1rSAe8iCKlbGeDvjkBnV3KZYZSW4ZnXM1sWpGYMvsGJMRdiQerA/s34XUgbS\n/NSGbjeBDanDZNPwLyf/xdsvjenc3nCpOoAbH4pOAlck0+CucAwP5yri0FSs\nnWqTM0I8H4q3EuMlGsXlllsueF6NETWIn54DJMxvRjVeYRfUSXH8OXg/XxsE\n8Lw668SukqETKyGP727+y2KXw+RHv7zVz7ITS1PLglzVwuLGBALQXh3YXQP0\n61qZIvA8pL8494zJ2bKT/7fSuFNLRzOSZUrM+zcZjTYPbhEVYhp70dKZ8fAd\nNX5O2hShf5xhdFrpF9igS+sBL5DEwEYiQ44/XXV/2zGF1hF9Q1T6M8EDWDry\nZzz88kdl3bVRHktZ16XWaOEa/RxLRLtivR1RCNYZXLeaiM+3GVr3MFcqq1zP\n3nE+U44gm4QgSTULLUqcA/h0XATD7yKk/bB35LDkMsCyz5yI291OOqr3GO3Y\nkk/hIWhuAtdCiFJDgUbZSOeG7CF+uBBsNPX1M8UEERCnbEvPba6TlZFdPR0n\nxydHofg1rxsUK9aFUzJ2AF11pn2hVAyox+wWPCu/UO3MIMfb42OJqeWTlNWL\nzHXwHk8Caapdo3blUZQsxEzzX62xVY5M1SiZwtSjUpGXlMe69sX9nV/cK0QJ\nJopw\r\n=kUqX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqv6C67ul+xWLuXfGPGkN4XgC6Y0h/ALJM0zM8MU5tIAIhAOR7naOP22CuDgZqU2MK4vmYGzRX5tggI6raFaYqb3Da"}]},"_npmUser":{"name":"bryter-bliss","email":"bliss@bryter.io"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.1.1_1632223350288_0.40427173173373343"},"_hasShrinkwrap":false},"2.2.0":{"name":"@bliss-design-system/icon","version":"2.2.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit":"^2.0.0"},"peerDependencies":{"@bliss/iconset":"^1.0.2"},"contributes":{"html.customData":["./custom-elements.json"]},"gitHead":"27238809e437a861f150f46a0f31e0f3cc08fe59","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.2.0","_nodeVersion":"16.4.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-Y9wJUcS0znOgtoZbK0JwgpVZ0Tr6ENMDy9GrUZcc0PstT6Ob6ka3QQrnl4WEokXDBHuqRgGzyrffwJYzDFrIeQ==","shasum":"ed43404c1839e86fa2a1c7c8aa983f434d8a79a5","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.2.0.tgz","fileCount":7,"unpackedSize":218424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCe1nFTw/4sz0z3J0PzBx8qz5w4uPWtdj36a/kNxjjGcwIgEapWL5nuD2AeLkZppoz4MgZWL/QqbfFUZ4YGA+c7Z1U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNsqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU9w/8D6n6U8Y5DN0GjdkuCydVUd/Kiem9KA9qioqFPEyLwyP8x7Jf\r\n8TP1oQnxTqvObwFU6FNuSdP7oWlrCzqLcNs0KbtttHGmjOnz9jiBTPIm+pCO\r\nr0EUgNBYysYyz7NpX1IslO995BWDtXWrI2hFg8AczwnKjq31QVQx+qD9e30Z\r\nsvQhuIUj2qaUH9gLyZr3FsjYvZm3bzE/x+P7Tg6aLEXOriyg+4q3rt5RtO3E\r\nCbrbracUVjOIfuOjCrp4poPGUWo6Q8IoS47yRPZim6O7qEgsYkUrM2rMPRw0\r\nxAq28wTb+nSFZF3quaAa6HwHGX9B8EOtA5qIs9m1GpXVuG5xZCQqG3z99OZJ\r\nFB8T4ZnI3Fc9qMVRjmyvH17NL7itwC5WEAO5bXmqT+kDlcVDYDdVOBB0bdoh\r\nFlPj+tawQzcTf2Av8ks9YdWePNFZj7pJg7QCFDonef7HmtotYoPtABYe8vDj\r\nCnbLhzF2Vx237xAbJ+cQ/66leZFwVeqELLV+eTdwKiNoI5OgZ3wMpysKc+uy\r\nK6/R2hpqp2/rMU8FAdHK5z4gbcv3BDn+RmgHPZwfsBTHsYjV6CP0uDWeUrTm\r\npc05z1EEWSltQkfF85xqJY1wgHynqlR5KO7DfivrfSiM0oWD3iIcNR3bIAiE\r\neMu5NmkQf2Rm4RSmBwsD2CjZ7EC7dS9yi4U=\r\n=1enM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kilmc","email":"kil@kilmc.com"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.2.0_1652087593766_0.6769703643245193"},"_hasShrinkwrap":false},"2.2.1":{"name":"@bliss-design-system/icon","version":"2.2.1","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit":"^2.0.0"},"peerDependencies":{"@bliss/iconset":"^1.0.2"},"contributes":{"html.customData":["./custom-elements.json"]},"gitHead":"ca1e5b6a8da4cc37b80b9bbf7d575704d40cdc6b","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.2.1","_nodeVersion":"16.4.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-jsBGsOgqzb5fB/tdb8xC48ha+LNfkc4V3d/k6nw2pZCe6rWsz0qHuG/k2YPt8SpTxYo9l+nqiobjOh9VNc8uLw==","shasum":"7fa87b528ff3e5fae1199cf7e446fbc9e52b7b7c","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.2.1.tgz","fileCount":7,"unpackedSize":218265,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzi5xIsXQKbNAVX2x+53ksNogSRBskzKMwGbrQGKvCPQIgf7iXO7auBfKJx2dPADdlipeMgVi+yHLdEqfBDBoJONE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieOacACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3cA/9EDVyVNzQ8k8kvnrOSGaLKeNcozico0UcrNrzAcfDp9Yx4VY3\r\nQpVWpGzRfm/+1HXo2Yg5cM87nF/xz7OqpmvuH/ZFN1QwjmCuNW2i2Wx3LPBd\r\n0I9rAoMiU/sa6YnuJT+qPLS75sBKF35iJYHPWMoDbLI+GvbKeXn/ovFdY0T/\r\nohTG1AX40qNvBeN48y6GaErv6DxT7V82mH/aup2PdVdTQ3bzPiHdhFifw52T\r\nmhPELC/RCyevq8vE/3sUO+T0EnpQepG3etZZgY2G2DN8nYah+OC2JbFnNeA3\r\nqc5cMMoFOBlXNGsCEmShyBajGhj8VEo9x2e8EaT3u1PpNWrG15Y671YE/A6O\r\n8xRx0n51XYOzzbHmOWUacWDiylxy/a5qRaX2wkVM9ITb6n6IRz1YkUTbIzGw\r\nbA/EUL2rQsq1mIkjj0GsaU5X2d1g5Xi3ASlw2Uc6G3RigvX6DtVuXySVYKcw\r\nCo2jiFBzJvJ3swpVoDdNWSepo62nD/zZ2d2LNnDBVpZkg1vLlFShK6L690nu\r\ne3paZ7BSJk+Gbqy+JZ9fdYSrL8RpVfZPDIFpYwtjMzFY5hbBTzdwkSaX28tX\r\nw8dLEKgNzXrj9JnemrbNk2EZ86Rk94hzrleimTjW2LeOS6xfeVQCjV+794fY\r\nX4q2Sax5UzRlYYN5+ENiIlyXB+lhT/I3J+Q=\r\n=n+Cz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kilmc","email":"kil@kilmc.com"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.2.1_1652090524241_0.32754172914681057"},"_hasShrinkwrap":false},"2.3.0":{"name":"@bliss-design-system/icon","version":"2.3.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit":"2.0.0-rc.2"},"peerDependencies":{"@bliss/iconset":"^1.0.5"},"contributes":{"html.customData":["./custom-elements.json"]},"gitHead":"c54256a905281eb13d924e87fb2d4e3f9387e458","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.3.0","_nodeVersion":"16.4.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-a6MdaY4hdoNt11OcGCLE5lL6A1gzKIkLkGyYbdfc5b553mnZkLV8ZPZ7CJvTZP1dUhBaSq3fSjNJmkyBVtHA2g==","shasum":"adbffbccae15c842f894f91963f571d8e8b92204","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.3.0.tgz","fileCount":8,"unpackedSize":217289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGD72E4utNOYzyobUph5OLstRkn2pW8Bjx9OY5rxzEaZAiEA6z3YBPibPpr+OS/zl+9vg/+kfYGkRaomlQa0qjwrlyM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglkuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqv3Q/+Mqa50mpgSpSeuI5/4GqbMY9ttR9hkdrklZIwC1VJblsvGHUV\r\nm3cNwlGOSF/F29aMswqEFoEBSEgRkhD0xh+sXgsoWbFLwJeScKj/ck47AYu3\r\nY1B2vKFe8kw8qFQMqZnAup/4x/zalBBjGNtPwIGrz8/a2CO/0fI1LUYCYEp/\r\nD7sbfubXdQpL4tOjAb6tMo9g5kqkK856RU7y6iYFNqwJodWlLNuZoR62eBS4\r\n2IOdxtDd8LKCtSsxO1aFdZcVxKOHq6uF64rk6jB0EeqdQBvw6aUQUkZ1SGdp\r\neL6tpQNy1T/pweQZYnvNO3BMbZJDxqfZFH0H+cjzeeKug+Ojk3lGVkxySagI\r\nj+dcdvO10xjCTIm27OgwIsg3zJGk1rApQT5CXsj73ZNXX1f1S65Myi6POika\r\naML/3TiFaIfMl3O8Ap993bW/HL3nionYHYLM60PfpqeZxbixN0R7SAQZJtV0\r\n534s+yP6Ag+F3Cvpv3yOj9X6iwY7vcGfJjzb6hzi0CV7UWFhHGrXr2paUN2W\r\nIzSAXxfrLD4AXpSzjd1l9w/NWA8zATPtCNXziu4Fr9KGzYM8YRVItnAl6nja\r\nVWmDh0EHO91DKpbg4ycDcmE/8bALELJBrpWUzHDgtDYRVMGSgVKp6+Vwtawc\r\nRF/2X4RrxcNyG36tX99Y02I59cnsIJqqne0=\r\n=QthW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kilmc","email":"kil@kilmc.com"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.3.0_1652709677863_0.6638124651160517"},"_hasShrinkwrap":false},"2.4.0":{"name":"@bliss-design-system/icon","version":"2.4.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit":"2.0.0-rc.2"},"peerDependencies":{"@bliss/iconset":"^1.0.5"},"contributes":{"html.customData":["./custom-elements.json"]},"gitHead":"c54256a905281eb13d924e87fb2d4e3f9387e458","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.4.0","_nodeVersion":"16.4.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-LK7xgvdFssWfW6klDvPpmoyY4MTqrkcCrzWcX4Gs9eSodeNbeihSv/InzNz6IAnjf4C4LtwHC9mbOvUWyL4P3Q==","shasum":"e12e78b65fd4eaeb0c6a553dd31ba1221ada4644","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.4.0.tgz","fileCount":8,"unpackedSize":217289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsTv0C6q/ee/EHV+M0gVolTbp2wUBCg/UlFAju9qu/OgIgLytNIXMg4u5MkEQvW0Qrhr+ILD4OW5j+RH3Y2IFWIMc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig2VRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPARAAmicd+Tl8ucPjBNxVBcXmoS17nqW/D/VnxNYxyW5KmO70qQO6\r\nk0uUgTpcm+/9BL9UZBaGMbW+AyWxFd+jLw8rqI4WjXCCzuTFbLGhEB5OF8LK\r\nA5s6W50wb6rN4drbJ/GJXGraBvRzJLoka0K8rEDoWYObO3mdmr9HGcb8U8ls\r\nQh4B50foTbzoRtSnvGZA78jRmMaXnHnyGhz9gXcNENGMVFE6v0NPGGb+6yjN\r\nzdZNYzi9FVhrj5cnz+zWwmbhjvHwO2ZF+AFUHlfodBHMl+8zwhxkqHcBFI68\r\nAXtfpuZTu7tzOXbcScp1FHJvt0Sh/5uz8D+VhyZjqtyWHjF5OFRTA0Fgk77N\r\ncAIhvRjy4lhwsaeM3Jw4ePIui/rXbjfo0Xz290gUqMFG/uCRQTn76pYSRipz\r\n1xEP77+zjjJJuKRIACAco5GUougZEkv4Zb2TzSjvQW+YntLAoUSQlI0BKjWf\r\nwxH5mF8ol2onoo5g3ZgxbLsr6YicuLKFFDWkFrW2dzZMtiAEGPoQWYT83V+c\r\nIYGPfQYRLYUmNUwG/EitgvZ9qyatOVgutXXJtaNLx4Z8ecvbBnKLcqHLfN80\r\noJAP0Uev8SgIOUcI5BITBS/Komsnju49k5HiuQM497fWRDIQnHrafgyE8cA6\r\ntztjXgUuTajsAD61RpfaYPCVz4R9xjpGVU8=\r\n=C1yn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kilmc","email":"kil@kilmc.com"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.4.0_1652778321784_0.09166129418920943"},"_hasShrinkwrap":false},"2.5.0":{"name":"@bliss-design-system/icon","version":"2.5.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit":"2.0.0-rc.2"},"peerDependencies":{"@bliss/iconset":"^1.0.5"},"contributes":{"html.customData":["./custom-elements.json"]},"gitHead":"c54256a905281eb13d924e87fb2d4e3f9387e458","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.5.0","_nodeVersion":"16.4.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-LRzMAiNlsMv6fZAsTtLGv06bcDAKegAj8GmpLIknhSVV9bWMqcYw73aw4IX5FLcgx8OFl8YyF564r15Q9xG8YQ==","shasum":"67731f30c6916633512cabc0824b0a1529e8c2a2","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.5.0.tgz","fileCount":8,"unpackedSize":231650,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC28hqz7Wtc8wNI8K0tVG6SX6hOpkm7Bx4WnaFSIX9HDwIhAJEKsLHYha/S4eBQYiIxeI+aKyBl94s3Te3JkQmuhv6z"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig2l5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQ5A//dk4FbJ0svrn4sODL/FPutWW/pYspNl+OIHIGycNAd4t0XSXf\r\nyCo4X7Ar40ntBVmu2annDEDPHq1rEvRQtF66HO7kO07hAcpflvdYZwlizYds\r\ngczv9Gz/nOBtEGvE0myhHa82wncjXQTPI6Wn56JvhDOb2gmTW4IFzqGULJg1\r\nvr0Io7LVYlS3mm0Sc67cdtrqCAFwA4+xy77D+19A6ZQGtVLM/mnAUGj/X1MM\r\nzKmuIt0/VPUMf+9OQ4WZjrBr+kZfZF15O6eBiBA3ltrWChcaKE35HvxhxWvl\r\nLk3CJOWWhR6USqI83kl1B+PAXyveAIM0axhpgbsWM0Lk7ujAgzAqYFKB1/Z0\r\nFZpmuSCr3g4vvmVmeTVaJ/S0H6AZTM1jzc03lih8TE5gbcWlk3UBGQY5QaG+\r\n6DP9XWsv8CtOLLWXIoaX3jpDuhovDWkeEL9ixy6n64tC6e36EcGbM+psWZmu\r\noNLBNIVWt2GLpZzoFgogGiFUozyyUe//CxoMxsbHVzmSL8XcAJWUOEyUrH7e\r\nF0F0BL301G+uyLshcTKpTsh22LUiszWqxXsDABBZgEG12mgdt6uZkkoaAbmi\r\neYCtFcqmN1PnvL9fZ1MjrjQ3B1aml9ieZiSacd/2fhyYCDXoU2C5cgC+Nwtt\r\nD97W/8AdEFKjZRYpD/YwiC6q4Po/RzRhgi4=\r\n=sFdD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kilmc","email":"kil@kilmc.com"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.5.0_1652779384973_0.008626045706345176"},"_hasShrinkwrap":false},"2.6.0":{"name":"@bliss-design-system/icon","version":"2.6.0","description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"keywords":["icon","web components","bliss","lit"],"publishConfig":{"access":"public"},"license":"MIT","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./*":"./*","./package.json":"./package.json"},"scripts":{"test":"echo \"Error: tests should be run from toolkit root.\" && exit 1"},"dependencies":{"lit-element":"^2.4.0","lit-html":"^1.3.0","tslib":"^2.0.3"},"peerDependencies":{"@bliss/iconset":"^1.0.5"},"contributes":{"html.customData":["./custom-elements.json"]},"gitHead":"d2862ce78d426053c41823ed185b544a107b1ed9","bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"homepage":"https://gitlab.com/bliss-design-system/components#readme","_id":"@bliss-design-system/icon@2.6.0","_nodeVersion":"16.4.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-MvJW3L4D4UBeYR+wnwmYq5yOeWi1rR3H1wq9kg3fzAL8IJQJS8XLPYOojG9oqOnkwkKwIKl4i2h7Ryy0ZJaO1w==","shasum":"adb1e0cb70c2515e6e837871ec530c61978cab4a","tarball":"https://registry.npmjs.org/@bliss-design-system/icon/-/icon-2.6.0.tgz","fileCount":8,"unpackedSize":231703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAd4GKhJgLk0m7SmIQrpUb9VPAKbGdpLsqyi2IbZwk7OAiEA8j8jprgAmulyGiXsKHVdMV3pD1URGaTsuWIzUwwtEqM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3BdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmokuw/9EW/8EVN36tEQzZxl8sTcM0RVLG0cBex0/9MbaW9y+6bsbzh/\r\nvpYXzxMnmhc1cpW8upbMd43mUuc5fx7Eg71sm/I+czM67UAG/7NpMd7ekr+F\r\niPFs87TE6AfnYEjYMOrYTcp4N55EWPnHTHMXuhx98bfuh8RCjaThB0JPmW3b\r\nqVub4J5//J+Zn3UIE7r8QnFNAtLCQ7NSYkJsbZjaaTyJEtipjAsabsQhZ0i8\r\n+Vv2yKnnjes3t9ntH6+vMqFSW/nkfi1anonPPUJ94WxWmIsCYu8OgfXJZF2V\r\nTVihwq4d5GjPnm6qMiIGPlmQ7y9yTkZY26F8EB2dLosRATZo7jErLX0aE4ee\r\nk5LSNifRQTu6UOhQiXowDK1YXtYF4q1xf3yYmx7kGcXRMHrsjLl4TzmNMiSP\r\n4OYaNNNF+JOr2NbngCT3rZ7q0umlSfyuJovR/FyefRTUdBv3F+PEge5cbDkD\r\n73V8YcvewVmwGdWwPVYNuxEYsQ1HwHNa3TSftk6vr+wovG/wfmLM5ABGUqK7\r\nuPD5NNgtd9gfXkWfWs1BmsE6bNbFp3mDmbObdICEe5dz8fKZxjGajEAGMxcg\r\nE3c06pncnSyQTHSpJfAFIkhRWTxAqAbA1g8Lfbd35Ue/WVXgbwUZCI6D2fBj\r\nLsbXBRLifgEUOJ+ZqMSfdpOvK59kaUTzW3s=\r\n=zb4t\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"kilmc","email":"kil@kilmc.com"},"directories":{},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/icon_2.6.0_1652781149086_0.7120054114199363"},"_hasShrinkwrap":false}},"time":{"created":"2021-02-09T15:26:16.300Z","1.0.0":"2021-02-09T15:26:16.662Z","modified":"2022-05-17T09:52:29.348Z","1.0.1":"2021-02-09T16:17:45.743Z","1.0.2":"2021-02-11T10:10:45.260Z","1.0.3":"2021-02-19T14:52:08.159Z","2.0.0-beta.0.0":"2021-03-02T11:11:11.799Z","2.0.0-beta.0.1":"2021-03-02T11:49:05.567Z","2.0.0-beta.0.2":"2021-03-02T11:58:31.152Z","2.0.0-beta.0.3":"2021-03-02T14:01:37.390Z","2.0.0-beta.0.4":"2021-03-03T11:52:22.493Z","2.0.0":"2021-03-04T13:33:39.995Z","2.0.1":"2021-03-10T13:03:31.282Z","2.1.0":"2021-08-10T09:15:02.957Z","2.1.1":"2021-09-21T11:22:30.449Z","2.2.0":"2022-05-09T09:13:13.982Z","2.2.1":"2022-05-09T10:02:04.405Z","2.3.0":"2022-05-16T14:01:18.113Z","2.4.0":"2022-05-17T09:05:21.933Z","2.5.0":"2022-05-17T09:23:05.152Z","2.6.0":"2022-05-17T09:52:29.236Z"},"maintainers":[{"name":"bryter-bliss","email":"bliss@bryter.io"},{"name":"coolcut","email":"jan@fruechtl.me"},{"name":"gvonkoss","email":"gabrielle@gvonkoss.com"},{"name":"kilmc","email":"kil@kilmc.com"}],"description":"Bliss Design Sytem icon web component, consumes icons from Bliss Iconsets toolkit","license":"MIT","readme":"# \\<bliss-icon>\n\n`<bliss-icon>` renders an icon to the page. This web component has been designed to render the icons from the [Bliss Iconsets toolkit](https://gitlab.com/bliss-design-system/iconsets). Every icon component needs to have a `name` attribute.\n\nBy design, icons can only be rendered at 24x24 px (`medium`) or 48x48 px (`large`).\n\n- [Installation](#-installation)\n- [Usage](#-usage)\n  - [Properties](#properties)\n  - [Styling](#styling)\n- [Contributing](#-contributing)\n  - [Demoing with Storybook](#demoing-with-storybook)\n  - [Testing](#testing)\n  - [Committing](#committing)\n  - [Opening a merge request](#opening-a-merge-request)\n- [Troubleshooting](#-troubleshooting)\n\n## 📦 Installation\n\n> ⚠️ You'll need the Iconsets toolkit installed in order to use this component. You can find the [installation instructions here](https://gitlab.com/bliss-design-system/iconsets#-usage).\n\nTo install this component, run:\n\n```bash\nyarn add @bliss-design-system/icon\n```\n\n## 🏎 Usage\n\nTo use this component, you'll need to register the component to the `window`'s [Custom Elements Registry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry). In order to achieve that, you'll want to call this function within your application's client-facing entry file:\n\n```js\nimport { blissRegisterIcon } from '@bliss-design-system/icon';\n\nblissRegisterIcon(); // Registers <bliss-icon>\n```\n\nThat will make the component available in your application and you can use it like this:\n\n```html\n<!-- Render trash icon at medium size -->\n<bliss-icon name=\"trash\"></bliss-icon>\n```\n\n### Properties\n\nThe component accepts the following properties:\n\n| Property        | Type           | Description                | Default | Required | Options |\n| --------------- |:--------------:| :-------------------------:|:-------:|:--------:|:-------:|\n| name            | String         | Size of the icon component |         | true     | [Available icons](https://bliss.bryter.dev/0d64ef553/p/65def8-bliss-icons/b/41d9e3)\n| size            | String         | Size of the icon component | `medium`  | false    | `medium` or `large`\n\n### Styling\nThe `<bliss-icon>` component doesn't have any explicit styles. If you want to change the `size` of the component, you need to use the `size` attribute. \n\n```html\n<!-- Render trash icon at large size -->\n<bliss-icon name=\"trash\" size=\"large\"></bliss-icon>\n```\n\nBy default, the icon will inherit its parent element `color` property. This means that if you are using a `<bliss-icon>` component inside a button and the text color is red, the icon will inherit this color value and will be red. However, if you wish to color the icon differently you can do so by doing the following:\n\n```css\nbliss-icon {\n  color: blue;\n}\n```\n\nYou can also use the pattern above to apply any other CSS properties to the `bliss-icon` element, but keep in mind that this won't change the `svg` inside the `<bliss-icon>`, it only affects the element itself.\n\n## 🫕 Contributing\n\nIf you'd like to contribute, please open an issue with your suggested change on our [Proposal Board](). Once that is accepted, either the Bliss team will work on it or you can make changes locally by doing the following:\n\n```bash\n# Clone this repository\ngit clone https://gitlab.com/bliss-design-system/components.git\n\n# Move into the icon package\ncd components/packages/icon\n\n# Install the dependencies\nyarn\n```\n\n### Demoing with Storybook\n\nYou can see all of your changes as you make them on Storybook.\n\nTo run a local instance of Storybook for this component, run:\n\n```bash\nyarn storybook\n```\n\n### Testing\n\nIf you want to test as you develop, run:\n\n```bash\nyarn test\n```\n\nPlease note that the build pipeline will fail if coverage drops by more than 5%. \n\n### Committing\n\nWe follow the [Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/), meaning that you'll be prompted to fill out a descriptive message when you commit. We also use these commits to manage our releases, so we appreciate details.\n\nAs a guideline for this component, we use:\n- `fix` for bug fixes, minor stylistic improvements, etc.\n- `feat` for any backward compatible API changes.\n\nFor anything that breaks backwards compatibility or introduces significant changes that require a major version change, please get in touch with the team.\n\n### Opening a merge request\n\nWhen you're ready to open a merge request, please use a descriptive title and fill out the provided template.\n\nThe team will be notified, but it helps to post your merge request in [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P).\n\n## 🙃 Troubleshooting\n\nWe'll fill this section out as we go and as issues are raised. But if you haven't found what you're looking for, get in touch via [bliss@bryter.io](mailto:bliss@bryter.io) or via the [#bliss_support](https://bryterworkspace.slack.com/archives/CLBTUEQ5P) Slack channel ✨.\n","readmeFilename":"README.md","homepage":"https://gitlab.com/bliss-design-system/components#readme","repository":{"type":"git","url":"git+https://gitlab.com/bliss-design-system/components.git","directory":"packages/icon"},"bugs":{"url":"https://gitlab.com/bliss-design-system/components/issues"},"keywords":["icon","web components","bliss","lit"]}