{"_id":"@brightlayer-ui/symbols","_rev":"7-d44257f1c8c6b3da3332b2f6141348a3","name":"@brightlayer-ui/symbols","dist-tags":{"latest":"1.1.0","beta":"1.2.0-beta.0"},"versions":{"0.0.0":{"name":"@brightlayer-ui/symbols","version":"0.0.0","description":"One line symbols for Brightlayer UI applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","publish:package":"set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish","tag:package":"npx -p @brightlayer-ui/tag blui-tag -s -blui-symbols"},"repository":{"type":"git","url":"git+https://github.com/brightlayer-ui/symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/brightlayer-ui/symbols/issues"},"homepage":"https://github.com/brightlayer-ui/symbols#readme","dependencies":{},"_id":"@brightlayer-ui/symbols@0.0.0","_nodeVersion":"14.17.1","_npmVersion":"7.19.1","dist":{"integrity":"sha512-yhLPTUQwsrVzZMiRDXJLEFWGoVGas2lT9bqLguyUynjoJBOlb7AFTS3bdV5EV83ILv0cBb1KfM0NWCmsHeTdgA==","shasum":"b1321ce1642c0ca24c4e95736cbc27d4729b6d0e","tarball":"https://registry.npmjs.org/@brightlayer-ui/symbols/-/symbols-0.0.0.tgz","fileCount":112,"unpackedSize":468471,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/TbnPiGX30kygegmvKkfxBzYxPqipQ/Z7WJa22SVCiwIhAOindP0EL6cB9et0Epu2RcneM7Ws7m76nRtdWpK2Nu5G"}]},"_npmUser":{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"},"directories":{},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/symbols_0.0.0_1634836423548_0.14515088876504234"},"_hasShrinkwrap":false},"1.0.7-beta.0":{"name":"@brightlayer-ui/symbols","version":"1.0.7-beta.0","description":"One line symbols for Brightlayer UI applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","publish:package":"set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish","tag:package":"npx -p @brightlayer-ui/tag blui-tag -s -blui-symbols"},"repository":{"type":"git","url":"git+https://github.com/brightlayer-ui/symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/brightlayer-ui/symbols/issues"},"homepage":"https://github.com/brightlayer-ui/symbols#readme","dependencies":{},"readme":"# Brightlayer UI Symbols\n[![](https://img.shields.io/npm/v/@brightlayer-ui/symbols.svg?label=@brightlayer-ui/symbols&style=flat)](https://www.npmjs.com/package/@brightlayer-ui/symbols)\n[![](https://img.shields.io/circleci/project/github/brightlayer-ui/symbols/master.svg?style=flat)](https://circleci.com/gh/brightlayer-ui/symbols/tree/master)\n\nThis is a library of one-line symbols for use in Brightlayer UI applications.\n\n## Installation\nTo install the Brightlayer UI symbols from NPM as a dependency for your project, you can run one of the following commands in your project root:\n```\nnpm install --save @brightlayer-ui/symbols\nor\nyarn add @brightlayer-ui/symbols\n```\n\n## Usage\n### Angular\nThe simplest way to use these SVG symbols in Angular is to register them with the matIconRegistry so they can be used with the ```<mat-icon>``` tag. You can register symbols individually, or as the entire Brightlayer UI set:\n\n```\nimport { Component } from \"@angular/core\";\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\ndeclare var require: any;\nconst symbol = require(\"@brightlayer-ui/symbols/battery.svg\"); // individual symbol\nconst symbolSet = require(\"@brightlayer-ui/symbols/symbols.svg\"); // full set\n```\n\nThen, in your constructor, register the symbol or the symbol set. It will then be available for use as a ```<mat-icon>```.\n\n#### Individual Icon\n```\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIcon(\n      \"battery\",\n      this.domSanitizer.bypassSecurityTrustResourceUrl(symbol)\n    );\n  }\n}\n```\n\n```\n// app.component.html\n<mat-icon svgIcon=\"battery\"></mat-icon>\n```\n\n#### Entire Icon Set\n```\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIconSetInNamespace('blui-symbols', this.domSanitizer.bypassSecurityTrustResourceUrl(symbolSet));\n  }\n}\n```\n\n```\n// app.component.ts\n<mat-icon svgIcon=\"blui-symbols:battery\"></mat-icon>\n```\n\n### React\n```\nconst symbol = require('@brightlayer-ui/symbols/SYMBOL_NAME.svg');\n...\n<img src={symbol}/>\n```\n\n>NOTE: If you will be using many of these symbols in your application, we recommend you use [@brightlayer-ui/symbols-mui](https://www.npmjs.com/package/@brightlayer-ui/symbols-mui) to simplify usage. This library makes more sense if you just need one or two symbols or if you want to reduce the size of your bundle.\n\n### Available Symbols\nPlease see [Available Symbols](https://github.com/brightlayer-ui/symbols/blob/master/available_symbols.md) for a list of currently available symbols.\n\n# For Icon Creators\nEach symbol has its own folder in the /icons/symbols folder, which includes the clean SVG file .\n\n\n","readmeFilename":"README.md","_id":"@brightlayer-ui/symbols@1.0.7-beta.0","_nodeVersion":"12.9.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-EoEXkI00pK99VDpu5+Dxg/O7vKjp+Q6KajYvWkQA7tvB3sCTKuLN1VaRK0ShulSMr2bTWaCDjuKQFAT3OhKjmw==","shasum":"b21a10496c5e1f744d1d0aa14941d75a1cb4701a","tarball":"https://registry.npmjs.org/@brightlayer-ui/symbols/-/symbols-1.0.7-beta.0.tgz","fileCount":112,"unpackedSize":468337,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCd4ha3ZJlht0x5Ff0ZB2JiRTuZ+mMKfU9Ghzo9pMQfPQIhAMKQMFmHfrjuHI/BnOvrPckIGd9I1CSxJYE3Gx1QEcia"}]},"_npmUser":{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"},"directories":{},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/symbols_1.0.7-beta.0_1634854099026_0.7324391570334072"},"_hasShrinkwrap":false},"1.0.7":{"name":"@brightlayer-ui/symbols","version":"1.0.7","description":"One line symbols for Brightlayer UI applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","publish:package":"set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish","tag:package":"npx -p @brightlayer-ui/tag blui-tag -s -blui-symbols"},"repository":{"type":"git","url":"git+https://github.com/brightlayer-ui/symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/brightlayer-ui/symbols/issues"},"homepage":"https://github.com/brightlayer-ui/symbols#readme","dependencies":{},"_id":"@brightlayer-ui/symbols@1.0.7","_nodeVersion":"12.9.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-3SFY8EGIY9urPvUxVj90Dc98pvtfftrzhFgY5Fkt3+jOyPdqNykrMveWr6nLzDvQ5QZ07JHbUTcAgnDlplj1SQ==","shasum":"ac66c9e8d6653867d03d984c6bb0b6d33de284bd","tarball":"https://registry.npmjs.org/@brightlayer-ui/symbols/-/symbols-1.0.7.tgz","fileCount":112,"unpackedSize":468329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzaA9CRA9TVsSAnZWagAAyooP+gKlIjqiJngZMMqMITuN\nGqQIngrRKSw6In6SHRk6nC4rn4vvVzo+0wq46jkYjUaJ2nHWLqB5Zj05cHVq\nOrs+x9fsqu5/1ecFHJDevarjIQaRNv00TW4VK/ISVkaC6EI2oFxoU7QzxBgP\npVuxzlM4gqgwujZK4OpYJC9mNBY8fA1mOkbnM/ITeBgxq0wl0UsT5p69ZJNH\negM3HmtDWiLNffv1ZYxw1FDd/P1XpMkHBwfdMXTUgZ7spf8hPrO4V72HbJJK\nzNnb0XqSJuSs+QtHdo2Ay0ymXh2FamHmMh8f+Qz90hX39xFZsP/3BsXakcXu\nAYqH5djCKTYkNBi578ox87GRGhSyUeYAStkOs4ZpP0LajmDI3omMCk7n63pp\nzZKcyAJkgqacSROi13KUKZRQpdElk17hclG1gMRvewJ4J0Xdi4/Q4aemrHvo\neddAblg5TqnXoQXdAa5Fhr66o3EUTsQgiNATIOpbQFWsJ11M/zR8QO/lhuI8\nyXx5jvHNOefn6KHtSLCMTkxjl6JITS7l9VuVCsBYw57hhEfzCMOH0pp8mt5x\nT1O4KI40B75fKojUaczdDhy8rtENazWnDNqwbk0WX7IW0u0EMdSCpKRI12Dz\nkT4UHMrfhaWsLeu1k4tPtmYydj3zei4WHYWdVPWEZDiDLJK6sXisiNV7FBKL\nJMEz\r\n=dlQ2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICSCsCGcQwVvi3IXbij4c9yuCgE7pm4uznWV33XdxtKCAiBxq/4eNqK3eTgdP6lXGeZda4javd0p6xD4fYUOJRI/eA=="}]},"_npmUser":{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"},"directories":{},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/symbols_1.0.7_1635520509314_0.04368324318065908"},"_hasShrinkwrap":false},"1.1.0-beta.0":{"name":"@brightlayer-ui/symbols","version":"1.1.0-beta.0","description":"One line symbols for Brightlayer UI applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","publish:package":"set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish","tag:package":"npx -p @brightlayer-ui/tag blui-tag -s -blui-symbols"},"repository":{"type":"git","url":"git+https://github.com/etn-ccis/blui-symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/etn-ccis/blui-symbols/issues"},"homepage":"https://github.com/etn-ccis/blui-symbols/tree/master/symbols#readme","dependencies":{},"keywords":["icons","material","brightlayer-ui","one-line"],"readme":"# Brightlayer UI Symbols\n[![](https://img.shields.io/npm/v/@brightlayer-ui/symbols.svg?label=@brightlayer-ui/symbols&style=flat)](https://www.npmjs.com/package/@brightlayer-ui/symbols)\n[![](https://img.shields.io/circleci/project/github/etn-ccis/blui-symbols/master.svg?style=flat)](https://circleci.com/gh/etn-ccis/blui-symbols/tree/master)\n\nThis is a library of one-line symbols for use in Brightlayer UI applications.\n\n## Installation\nTo install the Brightlayer UI symbols from NPM as a dependency for your project, you can run one of the following commands in your project root:\n```sh\nnpm install --save @brightlayer-ui/symbols\nor\nyarn add @brightlayer-ui/symbols\n```\n\n## Usage\n### Angular\nThe simplest way to use these SVG symbols in Angular is to register them with the matIconRegistry so they can be used with the ```<mat-icon>``` tag. You can register symbols individually, or as the entire Brightlayer UI set:\n\n```\nimport { Component } from \"@angular/core\";\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\ndeclare var require: any;\nconst symbol = require(\"@brightlayer-ui/symbols/battery.svg\"); // individual symbol\nconst symbolSet = require(\"@brightlayer-ui/symbols/symbols.svg\"); // full set\n```\n\nThen, in your constructor, register the symbol or the symbol set. It will then be available for use as a ```<mat-icon>```.\n\n#### Individual Icon\n```ts\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIcon(\n      \"battery\",\n      this.domSanitizer.bypassSecurityTrustResourceUrl(symbol)\n    );\n  }\n}\n```\n\n```html\n// app.component.html\n<mat-icon svgIcon=\"battery\"></mat-icon>\n```\n\n#### Entire Icon Set\n```ts\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIconSetInNamespace('blui-symbols', this.domSanitizer.bypassSecurityTrustResourceUrl(symbolSet));\n  }\n}\n```\n\n```html\n// app.component.ts\n<mat-icon svgIcon=\"blui-symbols:battery\"></mat-icon>\n```\n\n### React\n```jsx\nconst symbol = require('@brightlayer-ui/symbols/SYMBOL_NAME.svg');\n...\n<img src={symbol}/>\n```\n\n>NOTE: If you will be using many of these symbols in your application, we recommend you use [@brightlayer-ui/symbols-mui](https://www.npmjs.com/package/@brightlayer-ui/symbols-mui) to simplify usage. This library makes more sense if you just need one or two symbols or if you want to reduce the size of your bundle.\n\n### Available Symbols\nPlease see [Available Symbols](https://github.com/etn-ccis/blui-symbols/blob/master/available_symbols.md) for a list of currently available symbols.\n\n# For Icon Creators\nEach symbol has its own folder in the /icons/symbols folder, which includes the clean SVG file .\n\n\n","readmeFilename":"README.md","_id":"@brightlayer-ui/symbols@1.1.0-beta.0","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-iRjJ+UDTXYQf1LMe/lBI9/z717S4MAMnBtgxIbOqiE0FRhGMlez2vl8mB46sCNW9fuUf9f7YghUGNK77fof5GA==","shasum":"9f70524f81e3d5d77884a125e460ff59bb7acce5","tarball":"https://registry.npmjs.org/@brightlayer-ui/symbols/-/symbols-1.1.0-beta.0.tgz","fileCount":114,"unpackedSize":480074,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDa/clOmjbxQqVKqMW1MkGfmjbdJpjc/+65eZ6L/FJ/TAIgRHads8ezY9RFLxLFjgVfFdPOwR+ewg9J5viqL0QDozA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG14VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqk/w/9GbiM7mF0UrSRvbhG7+D9PaaRv4PMv6e9J2V0pUPnP0eRXZ1e\r\n2je0ty6PyLHPSZsZJQQYEKSrTw4G1Jt0fQmcC4klA8JZBVDofNJypICJj5y6\r\nP6FrsRFKEMHe5KRDgIQ60LaMcVUXzvoQHlLBCb3yAWEtIelHEixT4wM4G6ry\r\nFqFQGf0HD//Thiilii4ugxCcxSpUhOlaLAwFwBtNr7JICDAYwdxg5qP4cAV9\r\nu4Swhb8hRV8WLmLCTiOmJ29ExRhygA6R3dZ6jQOkw2uIecjxClt9N+S2TUgu\r\nqU9VjnhPUVi5FvWCcUsTEyHqyDuOJxbpkvhSHUvPNbrkNO7jMmMlLFlR/wbX\r\nhnvZDyci7/Vc3jFdwB4I8uKRup/hxrxua/X+ZOKiWxnh2yrf0F3AgMefjxOk\r\nPR572RmDXyrGvtdX1/lkXudz+VUiwAy1HdiwpAtLlLvBIpdNTmj7u3bmDUO3\r\nqRNXGj3xxaH2vhaZ6eBEZCdig342jxeKlqEINy4c3n3YwPlBkSrsVAfPGkh0\r\ngW5ZA9VpRsBxoqVETLrL6u6srPCQ3Dd2b+lN0gYIRiL4/4anZxtQVUx8cgiX\r\nMNVyXjIo1t0d3CrjabuT4wVaA+l2LmAHOEKi+wrQ5Xu2ubFj9k+SVPR1D6bo\r\nfmcfWmkAr7stx2agmClCuAsFVibRM9sYCyA=\r\n=nRgl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"},"directories":{},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/symbols_1.1.0-beta.0_1679515156891_0.7166046553353629"},"_hasShrinkwrap":false},"1.2.0-beta.0":{"name":"@brightlayer-ui/symbols","version":"1.2.0-beta.0","description":"One line symbols for Brightlayer UI applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","publish:package":"set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish","tag:package":"npx -p @brightlayer-ui/tag blui-tag -s -blui-symbols"},"repository":{"type":"git","url":"git+https://github.com/etn-ccis/blui-symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/etn-ccis/blui-symbols/issues"},"homepage":"https://github.com/etn-ccis/blui-symbols/tree/master/symbols#readme","dependencies":{},"keywords":["icons","material","brightlayer-ui","one-line"],"readme":"# Brightlayer UI Symbols\n[![](https://img.shields.io/npm/v/@brightlayer-ui/symbols.svg?label=@brightlayer-ui/symbols&style=flat)](https://www.npmjs.com/package/@brightlayer-ui/symbols)\n[![](https://img.shields.io/circleci/project/github/etn-ccis/blui-symbols/master.svg?style=flat)](https://circleci.com/gh/etn-ccis/blui-symbols/tree/master)\n\nThis is a library of one-line symbols for use in Brightlayer UI applications.\n\n## Installation\nTo install the Brightlayer UI symbols from NPM as a dependency for your project, you can run one of the following commands in your project root:\n```sh\nnpm install --save @brightlayer-ui/symbols\nor\nyarn add @brightlayer-ui/symbols\n```\n\n## Usage\n### Angular\nThe simplest way to use these SVG symbols in Angular is to register them with the matIconRegistry so they can be used with the ```<mat-icon>``` tag. You can register symbols individually, or as the entire Brightlayer UI set:\n\n```\nimport { Component } from \"@angular/core\";\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\ndeclare var require: any;\nconst symbol = require(\"@brightlayer-ui/symbols/battery.svg\"); // individual symbol\nconst symbolSet = require(\"@brightlayer-ui/symbols/symbols.svg\"); // full set\n```\n\nThen, in your constructor, register the symbol or the symbol set. It will then be available for use as a ```<mat-icon>```.\n\n#### Individual Icon\n```ts\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIcon(\n      \"battery\",\n      this.domSanitizer.bypassSecurityTrustResourceUrl(symbol)\n    );\n  }\n}\n```\n\n```html\n// app.component.html\n<mat-icon svgIcon=\"battery\"></mat-icon>\n```\n\n#### Entire Icon Set\n```ts\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIconSetInNamespace('blui-symbols', this.domSanitizer.bypassSecurityTrustResourceUrl(symbolSet));\n  }\n}\n```\n\n```html\n// app.component.ts\n<mat-icon svgIcon=\"blui-symbols:battery\"></mat-icon>\n```\n\n### React\n```jsx\nconst symbol = require('@brightlayer-ui/symbols/SYMBOL_NAME.svg');\n...\n<img src={symbol}/>\n```\n\n>NOTE: If you will be using many of these symbols in your application, we recommend you use [@brightlayer-ui/symbols-mui](https://www.npmjs.com/package/@brightlayer-ui/symbols-mui) to simplify usage. This library makes more sense if you just need one or two symbols or if you want to reduce the size of your bundle.\n\n### Available Symbols\nPlease see [Available Symbols](https://github.com/etn-ccis/blui-symbols/blob/master/available_symbols.md) for a list of currently available symbols.\n\n# For Icon Creators\nEach symbol has its own folder in the /icons/symbols folder, which includes the clean SVG file .\n\n\n","readmeFilename":"README.md","gitHead":"189af6148d7fef1109fc1bb379ecf7be7414583c","_id":"@brightlayer-ui/symbols@1.2.0-beta.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-pUS7LaSgTicRuAVL/S06yzSnTqne3o71wuE80jmhFJIeY+O6rUzzOd1KrjbJxxQTJ7HKF4WIIGHg5jOZ/l9eFg==","shasum":"4cde667d1b4373325c7a771c285545eb077ad772","tarball":"https://registry.npmjs.org/@brightlayer-ui/symbols/-/symbols-1.2.0-beta.0.tgz","fileCount":114,"unpackedSize":480074,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHN4/j6FZNeRlfen3YUR4wDRJs1/nRijIHAnSbNdTc72AiEA8qrMOXBRfyMNVEZnnfof7bSKwriDbvp7BLz2lyTjojU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG2EHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoB2Q/+MgPWp3t1UvL8xeqB54eCyZ5f3j1qqD/t3A5+VworhpmAAuze\r\nhaMuFY6wjDHMnvsofuPrk9Yb4S4v51rYRc2+AGAx4qkFAmE40LAL8ZgN5TpG\r\nOvA2hLmP0Qk/hhylaG2jG4syKqNb35zxNYg01/msiO3eCxGhsJmWj89PjtNu\r\nqBjo2XkEu7/4pHE/L+vRuOFe1FLHRBiVhC4SIrZ6T7kWSV6m653Cqs5Ma77i\r\nOmtEQM2Fz7uFVNs4NVNWbiuPXiXh5dR7iZe0VE2qLPMwHo/qp71wCqOPgU+w\r\nN3jxOguX/5YCmYUXcKRD0oOSU732WowI2R1yR84qPi5fHwWsV8JUZ460++Sg\r\ncdIcMZwJriwGotYXkFUjGCnT0ZYuF0SgrDROh+PPLeNPS9cih7tmaorwNeSv\r\n35TPAc9d9mE/iwK29M7gpnW0y0Vowx4LV6gafHi/UscaB3TQpJfeaEiu5/QC\r\nso3k0abEZgGJGvjl4d5yOo2WupL79gxfz/i8gVFGqxBBpxxL4HrbdRFmGpUK\r\naique2PKxCuw0MZR0rK8v9E1p3gtZkE2/mbdfwPT7jF2+w5AsE/vbNW2N4bs\r\nf9+zH7n6MACqvPBWJEVDU4s3ZinIMCOokkC01Y02RDSrFbYKVAiuLuetFMKc\r\nWMmorAPHfhI1f81hMGPc4e37apjmy6cmr9I=\r\n=K5SC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"},"directories":{},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/symbols_1.2.0-beta.0_1679515910909_0.998637743018665"},"_hasShrinkwrap":false},"1.1.0":{"name":"@brightlayer-ui/symbols","version":"1.1.0","description":"One line symbols for Brightlayer UI applications","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","publish:package":"set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish","tag:package":"npx -p @brightlayer-ui/tag blui-tag -s -blui-symbols"},"repository":{"type":"git","url":"git+https://github.com/etn-ccis/blui-symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/etn-ccis/blui-symbols/issues"},"homepage":"https://github.com/etn-ccis/blui-symbols/tree/master/symbols#readme","dependencies":{},"keywords":["icons","material","brightlayer-ui","one-line"],"gitHead":"596d3d92a4ed192de3aafecb0c7003e6fe3ed951","_id":"@brightlayer-ui/symbols@1.1.0","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-9ztpRSv+Lvw8F4ebVaSvU10lQcv39Wtudr9sNc0IoFgTWujwCnMTOJOvmzeTkEVySYVGp3bQHf/51+NkE8oukg==","shasum":"87ee114647d70a9d0377cd0842324afa69931e3b","tarball":"https://registry.npmjs.org/@brightlayer-ui/symbols/-/symbols-1.1.0.tgz","fileCount":114,"unpackedSize":480070,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIArOVv/XMWch7ufxyGfS7F0PIbgTN2h8juFCFQZ8fQ1SAiAPeOiR4oImI1Z9RKu9KMXRcqkhImcX3pL2xSFCYfAdyg=="}]},"_npmUser":{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"},"directories":{},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/symbols_1.1.0_1697214695224_0.48617527284637885"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-21T17:13:43.491Z","0.0.0":"2021-10-21T17:13:43.738Z","modified":"2023-10-13T16:31:35.854Z","1.0.7-beta.0":"2021-10-21T22:08:19.179Z","1.0.7":"2021-10-29T15:15:09.507Z","1.1.0-beta.0":"2023-03-22T19:59:17.050Z","1.2.0-beta.0":"2023-03-22T20:11:51.094Z","1.1.0":"2023-10-13T16:31:35.633Z"},"maintainers":[{"name":"brightlayerui","email":"brightlayer-ui@eaton.com"}],"description":"One line symbols for Brightlayer UI applications","homepage":"https://github.com/etn-ccis/blui-symbols/tree/master/symbols#readme","repository":{"type":"git","url":"git+https://github.com/etn-ccis/blui-symbols.git"},"author":{"name":"Brightlayer UI","email":"brightlayer-ui@eaton.com"},"bugs":{"url":"https://github.com/etn-ccis/blui-symbols/issues"},"license":"BSD-3-Clause","readme":"# Brightlayer UI Symbols\n[![](https://img.shields.io/npm/v/@brightlayer-ui/symbols.svg?label=@brightlayer-ui/symbols&style=flat)](https://www.npmjs.com/package/@brightlayer-ui/symbols)\n[![](https://img.shields.io/circleci/project/github/etn-ccis/blui-symbols/master.svg?style=flat)](https://circleci.com/gh/etn-ccis/blui-symbols/tree/master)\n\nThis is a library of one-line symbols for use in Brightlayer UI applications.\n\n## Installation\nTo install the Brightlayer UI symbols from NPM as a dependency for your project, you can run one of the following commands in your project root:\n```sh\nnpm install --save @brightlayer-ui/symbols\nor\nyarn add @brightlayer-ui/symbols\n```\n\n## Usage\n### Angular\nThe simplest way to use these SVG symbols in Angular is to register them with the matIconRegistry so they can be used with the ```<mat-icon>``` tag. You can register symbols individually, or as the entire Brightlayer UI set:\n\n```\nimport { Component } from \"@angular/core\";\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\ndeclare var require: any;\nconst symbol = require(\"@brightlayer-ui/symbols/battery.svg\"); // individual symbol\nconst symbolSet = require(\"@brightlayer-ui/symbols/symbols.svg\"); // full set\n```\n\nThen, in your constructor, register the symbol or the symbol set. It will then be available for use as a ```<mat-icon>```.\n\n#### Individual Icon\n```ts\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIcon(\n      \"battery\",\n      this.domSanitizer.bypassSecurityTrustResourceUrl(symbol)\n    );\n  }\n}\n```\n\n```html\n// app.component.html\n<mat-icon svgIcon=\"battery\"></mat-icon>\n```\n\n#### Entire Icon Set\n```ts\n// app.component.ts\nexport class AppComponent {\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {\n    this.matIconRegistry.addSvgIconSetInNamespace('blui-symbols', this.domSanitizer.bypassSecurityTrustResourceUrl(symbolSet));\n  }\n}\n```\n\n```html\n// app.component.ts\n<mat-icon svgIcon=\"blui-symbols:battery\"></mat-icon>\n```\n\n### React\n```jsx\nconst symbol = require('@brightlayer-ui/symbols/SYMBOL_NAME.svg');\n...\n<img src={symbol}/>\n```\n\n>NOTE: If you will be using many of these symbols in your application, we recommend you use [@brightlayer-ui/symbols-mui](https://www.npmjs.com/package/@brightlayer-ui/symbols-mui) to simplify usage. This library makes more sense if you just need one or two symbols or if you want to reduce the size of your bundle.\n\n### Available Symbols\nPlease see [Available Symbols](https://github.com/etn-ccis/blui-symbols/blob/master/available_symbols.md) for a list of currently available symbols.\n\n# For Icon Creators\nEach symbol has its own folder in the /icons/symbols folder, which includes the clean SVG file .\n\n\n","readmeFilename":"README.md","keywords":["icons","material","brightlayer-ui","one-line"]}