monkey-style-guide 2.0.170 → 2.0.172

package/README.md

@@ -497,6 +497,7 @@ Icons Options:
 - **double-arrow-left**
 - **double-arrow-right**
 - **download**
+- **drag-drop**
 - **edit-square**
 - **edit**
 - **email**
@@ -1231,7 +1232,7 @@ import { MonkeyStyleGuideSettingsService } from 'monkey-style-guide';
 })
 export class AppComponent {
   constructor(private settingsService: MonkeyStyleGuideSettingsService) {
-    this.settingsService.boostrap('');
+    this.settingsService.bootstrap('');
   }
 }
 ```
@@ -1251,7 +1252,7 @@ export class AppComponent {
 [expansion-screenshot1]: https://user-images.githubusercontent.com/10110065/111636157-f8b08080-87d6-11eb-86ab-86839297d068.png
 [expansion-screenshot2]: https://user-images.githubusercontent.com/10110065/111636340-24336b00-87d7-11eb-9f19-504ab96cc9af.png
 [file-upload-screenshot1]: https://user-images.githubusercontent.com/10110065/111640018-8b065380-87da-11eb-8d47-87ddea29b943.png
-[icons-screenshot1]: https://user-images.githubusercontent.com/12416871/196422713-51477478-4db3-4234-83a2-d87ef953d545.png
+[icons-screenshot1]: https://user-images.githubusercontent.com/12416871/201798118-f5ac7a0d-f3ef-4aeb-b701-4ca2278707d1.png
 [input-filter-screenshot]: https://user-images.githubusercontent.com/32619691/163216159-3a9f985e-3ba9-4e10-8ba4-0f60931f83d1.png
 [input-screenshot]: https://dev-monkey-emails.s3-us-west-2.amazonaws.com/monkey-style-guide/demos/images/input.png
 [license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=flat-square

package/assets/icons/average-tax.svg

@@ -1,6 +1,6 @@
-<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M9.43457 15.6713L14.7768 10.3291" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M15.0176 15.484C15.132 15.6022 15.13 15.7905 15.0131 15.9062C14.8961 16.0219 14.7078 16.0219 14.5909 15.9062C14.4739 15.7905 14.4719 15.6022 14.5864 15.484C14.6429 15.4257 14.7207 15.3927 14.802 15.3927C14.8832 15.3927 14.961 15.4257 15.0176 15.484" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M9.62595 10.0849C9.7404 10.203 9.73839 10.3913 9.62145 10.507C9.50451 10.6227 9.31622 10.6227 9.19928 10.507C9.08234 10.3913 9.08033 10.203 9.19477 10.0849C9.25131 10.0265 9.3291 9.99354 9.41036 9.99354C9.49163 9.99354 9.56942 10.0265 9.62595 10.0849" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<rect x="3.10254" y="3.99634" width="18.0075" height="18.0075" rx="5" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M9.43457 15.6713L14.7768 10.3291" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M15.0176 15.484C15.132 15.6022 15.13 15.7905 15.0131 15.9062C14.8961 16.0219 14.7078 16.0219 14.5909 15.9062C14.4739 15.7905 14.4719 15.6022 14.5864 15.484C14.6429 15.4257 14.7207 15.3927 14.802 15.3927C14.8832 15.3927 14.961 15.4257 15.0176 15.484" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M9.62595 10.0849C9.7404 10.203 9.73839 10.3913 9.62145 10.507C9.50451 10.6227 9.31622 10.6227 9.19928 10.507C9.08234 10.3913 9.08033 10.203 9.19477 10.0849C9.25131 10.0265 9.3291 9.99354 9.41036 9.99354C9.49163 9.99354 9.56942 10.0265 9.62595 10.0849" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<rect x="3.10254" y="3.99634" width="18.0075" height="18.0075" rx="5" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/bank-agency.svg

@@ -1,8 +1,8 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M9.21191 14.5V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M12.2119 14.5V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M15.2119 14.5V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M8.21191 14.5H16.2119" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.21191 8.15V10H16.2119V8.15L12.2119 6.5L8.21191 8.15Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1831 4.98159V4.98159C21.4809 8.29493 21.4809 13.6504 18.1831 16.9638V16.9638L14.6873 20.4713C14.0339 21.1278 13.1465 21.4978 12.2203 21.5C11.294 21.5022 10.4048 21.1363 9.74833 20.4829L9.73666 20.4713L6.24089 16.9638C2.94317 13.6504 2.94314 8.29499 6.24082 4.98159V4.98159C7.81701 3.39794 9.95773 2.5053 12.1921 2.50002C14.4264 2.49475 16.5713 3.37728 18.155 4.95346L18.1831 4.98159H18.1831Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M9.21191 14.5V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M12.2119 14.5V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M15.2119 14.5V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M8.21191 14.5H16.2119" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.21191 8.15V10H16.2119V8.15L12.2119 6.5L8.21191 8.15Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1831 4.98159V4.98159C21.4809 8.29493 21.4809 13.6504 18.1831 16.9638V16.9638L14.6873 20.4713C14.0339 21.1278 13.1465 21.4978 12.2203 21.5C11.294 21.5022 10.4048 21.1363 9.74833 20.4829L9.73666 20.4713L6.24089 16.9638C2.94317 13.6504 2.94314 8.29499 6.24082 4.98159V4.98159C7.81701 3.39794 9.95773 2.5053 12.1921 2.50002C14.4264 2.49475 16.5713 3.37728 18.155 4.95346L18.1831 4.98159H18.1831Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/drag-drop.svg

@@ -1,8 +1,8 @@
-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M15.9972 18.5024C15.7221 18.5024 15.497 18.7275 15.5 19.0026C15.5 19.2778 15.7251 19.5029 16.0002 19.5029C16.2754 19.5029 16.5004 19.2778 16.5004 19.0026C16.5004 18.7275 16.2754 18.5024 15.9972 18.5024" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M15.9972 12.5C15.7221 12.5 15.497 12.7251 15.5 13.0002C15.5 13.2753 15.7251 13.5004 16.0002 13.5004C16.2754 13.5004 16.5004 13.2753 16.5004 13.0002C16.5004 12.7251 16.2754 12.5 15.9972 12.5" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M15.9972 6.49756C15.7221 6.49756 15.497 6.72265 15.5 6.99777C15.5 7.27288 15.7251 7.49798 16.0002 7.49798C16.2754 7.49798 16.5004 7.27288 16.5004 6.99777C16.5004 6.72265 16.2754 6.49756 15.9972 6.49756" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M9.49724 18.5024C9.22212 18.5024 8.99703 18.7275 9.00003 19.0026C9.00003 19.2778 9.22512 19.5029 9.50024 19.5029C9.77535 19.5029 10.0004 19.2778 10.0004 19.0026C10.0004 18.7275 9.77535 18.5024 9.49724 18.5024" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M9.49724 12.5C9.22212 12.5 8.99703 12.7251 9.00003 13.0002C9.00003 13.2753 9.22512 13.5004 9.50024 13.5004C9.77535 13.5004 10.0004 13.2753 10.0004 13.0002C10.0004 12.7251 9.77535 12.5 9.49724 12.5" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M9.49724 6.49756C9.22212 6.49756 8.99703 6.72265 9.00003 6.99777C9.00003 7.27288 9.22512 7.49798 9.50024 7.49798C9.77535 7.49798 10.0004 7.27288 10.0004 6.99777C10.0004 6.72265 9.77535 6.49756 9.49724 6.49756" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M15.9972 18.5024C15.7221 18.5024 15.497 18.7275 15.5 19.0026C15.5 19.2778 15.7251 19.5029 16.0002 19.5029C16.2754 19.5029 16.5004 19.2778 16.5004 19.0026C16.5004 18.7275 16.2754 18.5024 15.9972 18.5024" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M15.9972 12.5C15.7221 12.5 15.497 12.7251 15.5 13.0002C15.5 13.2753 15.7251 13.5004 16.0002 13.5004C16.2754 13.5004 16.5004 13.2753 16.5004 13.0002C16.5004 12.7251 16.2754 12.5 15.9972 12.5" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M15.9972 6.49756C15.7221 6.49756 15.497 6.72265 15.5 6.99777C15.5 7.27288 15.7251 7.49798 16.0002 7.49798C16.2754 7.49798 16.5004 7.27288 16.5004 6.99777C16.5004 6.72265 16.2754 6.49756 15.9972 6.49756" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M9.49724 18.5024C9.22212 18.5024 8.99703 18.7275 9.00003 19.0026C9.00003 19.2778 9.22512 19.5029 9.50024 19.5029C9.77535 19.5029 10.0004 19.2778 10.0004 19.0026C10.0004 18.7275 9.77535 18.5024 9.49724 18.5024" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M9.49724 12.5C9.22212 12.5 8.99703 12.7251 9.00003 13.0002C9.00003 13.2753 9.22512 13.5004 9.50024 13.5004C9.77535 13.5004 10.0004 13.2753 10.0004 13.0002C10.0004 12.7251 9.77535 12.5 9.49724 12.5" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M9.49724 6.49756C9.22212 6.49756 8.99703 6.72265 9.00003 6.99777C9.00003 7.27288 9.22512 7.49798 9.50024 7.49798C9.77535 7.49798 10.0004 7.27288 10.0004 6.99777C10.0004 6.72265 9.77535 6.49756 9.49724 6.49756" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/hands-clap.svg

@@ -1,10 +1,10 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M17.39 1.76L16.31 2.84" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M8.31 1.76L9.31 2.76" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M12.85 1V2.41" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M14.582 22.545C16.691 22.799 18.89 22.123 20.508 20.504V20.504C22.202 18.81 22.937 16.381 22.468 14.032L21.226 7.824C21.081 7.098 20.443 6.575 19.702 6.575V6.575C18.844 6.575 18.148 7.271 18.148 8.129V9.612" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M15.37 8.039L13.552 6.221C12.966 5.635 12.016 5.635 11.431 6.221V6.221C10.845 6.807 10.845 7.757 11.431 8.342" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M6.78199 7.937C6.19599 7.351 6.19599 6.401 6.78199 5.816V5.816C7.36799 5.23 8.31799 5.23 8.90299 5.816L12.792 9.705L14.913 11.826V9.137C14.913 8.279 15.609 7.583 16.467 7.583V7.583C17.208 7.583 17.846 8.106 17.991 8.832L19.11 14.429C19.58 16.778 18.845 19.207 17.15 20.901V20.901C14.352 23.699 9.81499 23.699 7.01699 20.901L4.30699 18.19L1.83199 15.715C1.24599 15.129 1.24599 14.179 1.83199 13.594V13.594C2.41799 13.008 3.36799 13.008 3.95299 13.594" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M7.13599 16.776L2.53999 12.18C1.95399 11.594 1.95399 10.644 2.53999 10.059V10.059C3.12599 9.473 4.07599 9.473 4.66099 10.059" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M9.257 14.654L3.247 8.644C2.661 8.058 2.661 7.108 3.247 6.523V6.523C3.833 5.937 4.783 5.937 5.368 6.523L11.378 12.533" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M17.39 1.76L16.31 2.84" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M8.31 1.76L9.31 2.76" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M12.85 1V2.41" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M14.582 22.545C16.691 22.799 18.89 22.123 20.508 20.504V20.504C22.202 18.81 22.937 16.381 22.468 14.032L21.226 7.824C21.081 7.098 20.443 6.575 19.702 6.575V6.575C18.844 6.575 18.148 7.271 18.148 8.129V9.612" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M15.37 8.039L13.552 6.221C12.966 5.635 12.016 5.635 11.431 6.221V6.221C10.845 6.807 10.845 7.757 11.431 8.342" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M6.78199 7.937C6.19599 7.351 6.19599 6.401 6.78199 5.816V5.816C7.36799 5.23 8.31799 5.23 8.90299 5.816L12.792 9.705L14.913 11.826V9.137C14.913 8.279 15.609 7.583 16.467 7.583V7.583C17.208 7.583 17.846 8.106 17.991 8.832L19.11 14.429C19.58 16.778 18.845 19.207 17.15 20.901V20.901C14.352 23.699 9.81499 23.699 7.01699 20.901L4.30699 18.19L1.83199 15.715C1.24599 15.129 1.24599 14.179 1.83199 13.594V13.594C2.41799 13.008 3.36799 13.008 3.95299 13.594" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M7.13599 16.776L2.53999 12.18C1.95399 11.594 1.95399 10.644 2.53999 10.059V10.059C3.12599 9.473 4.07599 9.473 4.66099 10.059" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M9.257 14.654L3.247 8.644C2.661 8.058 2.661 7.108 3.247 6.523V6.523C3.833 5.937 4.783 5.937 5.368 6.523L11.378 12.533" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/money-discount.svg

@@ -1,8 +1,8 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M6.10645 15H7.10645" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M17.1064 7H18.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M10.3387 12.7678C9.70717 12.1363 9.46052 11.2157 9.69169 10.353C9.92286 9.49028 10.5967 8.81641 11.4595 8.58524C12.3222 8.35407 13.2427 8.60073 13.8743 9.23229" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M10.1064 18H6.10645C4.44959 18 3.10645 16.6569 3.10645 15V7C3.10645 5.34315 4.44959 4 6.10645 4H18.1064C19.7633 4 21.1064 5.34315 21.1064 7V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<circle cx="17.6064" cy="16.5" r="4.5" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M19.1064 16.5H16.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M6.10645 15H7.10645" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M17.1064 7H18.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M10.3387 12.7678C9.70717 12.1363 9.46052 11.2157 9.69169 10.353C9.92286 9.49028 10.5967 8.81641 11.4595 8.58524C12.3222 8.35407 13.2427 8.60073 13.8743 9.23229" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M10.1064 18H6.10645C4.44959 18 3.10645 16.6569 3.10645 15V7C3.10645 5.34315 4.44959 4 6.10645 4H18.1064C19.7633 4 21.1064 5.34315 21.1064 7V10" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<circle cx="17.6064" cy="16.5" r="4.5" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M19.1064 16.5H16.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/money-net.svg

@@ -1,8 +1,8 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M15.1064 18H18.1064C19.7633 18 21.1064 16.6569 21.1064 15V7C21.1064 5.34315 19.7633 4 18.1064 4H6.10645C4.44959 4 3.10645 5.34315 3.10645 7V9" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.fill]="fillColor"/>
-<path d="M18.1064 15H17.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M7.10645 7H6.10645" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M13.8744 12.7678C14.8507 11.7915 14.8507 10.2085 13.8744 9.23223C12.8981 8.25592 11.3152 8.25592 10.3389 9.23223" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M5.60645 19C3.67345 19 2.10645 17.433 2.10645 15.5C2.10645 13.567 3.67345 12 5.60645 12C7.53944 12 9.10645 13.567 9.10645 15.5C9.10662 16.4283 8.73792 17.3186 8.08151 17.9751C7.42509 18.6315 6.53476 19.0002 5.60645 19" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M5.45117 18.9921C6.17877 20.5416 7.92209 21.3356 9.56866 20.8672C11.2152 20.3989 12.2798 18.8064 12.083 17.1059C11.8863 15.4054 10.4862 14.098 8.77617 14.0181" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M15.1064 18H18.1064C19.7633 18 21.1064 16.6569 21.1064 15V7C21.1064 5.34315 19.7633 4 18.1064 4H6.10645C4.44959 4 3.10645 5.34315 3.10645 7V9" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.fill]="fillColor"/>
+<path d="M18.1064 15H17.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M7.10645 7H6.10645" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M13.8744 12.7678C14.8507 11.7915 14.8507 10.2085 13.8744 9.23223C12.8981 8.25592 11.3152 8.25592 10.3389 9.23223" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M5.60645 19C3.67345 19 2.10645 17.433 2.10645 15.5C2.10645 13.567 3.67345 12 5.60645 12C7.53944 12 9.10645 13.567 9.10645 15.5C9.10662 16.4283 8.73792 17.3186 8.08151 17.9751C7.42509 18.6315 6.53476 19.0002 5.60645 19" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M5.45117 18.9921C6.17877 20.5416 7.92209 21.3356 9.56866 20.8672C11.2152 20.3989 12.2798 18.8064 12.083 17.1059C11.8863 15.4054 10.4862 14.098 8.77617 14.0181" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/money-new.svg

@@ -1,7 +1,7 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M18.1064 8H19.1064C20.2114 8 21.1064 8.895 21.1064 10V17C21.1064 18.105 20.2114 19 19.1064 19H8.10645C7.00145 19 6.10645 18.105 6.10645 17V16" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.18945 15.417H16.0224C17.1734 15.417 18.1054 14.484 18.1054 13.334V7.084C18.1064 5.933 17.1734 5 16.0234 5H5.18945C4.03945 5 3.10645 5.933 3.10645 7.083V13.333C3.10645 14.484 4.03945 15.417 5.18945 15.417Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M14.6064 8H15.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M6.10645 12.5H6.60645" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M11.7632 9.10301C12.3732 9.71301 12.3732 10.703 11.7632 11.313C11.1532 11.923 10.1632 11.923 9.5532 11.313C8.9432 10.703 8.9432 9.71301 9.5532 9.10301C10.1632 8.49301 11.1532 8.49301 11.7632 9.10301" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M18.1064 8H19.1064C20.2114 8 21.1064 8.895 21.1064 10V17C21.1064 18.105 20.2114 19 19.1064 19H8.10645C7.00145 19 6.10645 18.105 6.10645 17V16" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.18945 15.417H16.0224C17.1734 15.417 18.1054 14.484 18.1054 13.334V7.084C18.1064 5.933 17.1734 5 16.0234 5H5.18945C4.03945 5 3.10645 5.933 3.10645 7.083V13.333C3.10645 14.484 4.03945 15.417 5.18945 15.417Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M14.6064 8H15.1064" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M6.10645 12.5H6.60645" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M11.7632 9.10301C12.3732 9.71301 12.3732 10.703 11.7632 11.313C11.1532 11.923 10.1632 11.923 9.5532 11.313C8.9432 10.703 8.9432 9.71301 9.5532 9.10301C10.1632 8.49301 11.1532 8.49301 11.7632 9.10301" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/office-work.svg

@@ -1,10 +1,10 @@
-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M13.0002 6.49731V8.99836" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M10.499 11.9998V9.99895C10.499 9.44644 10.9469 8.99854 11.4994 8.99854H14.5007C15.0532 8.99854 15.5011 9.44644 15.5011 9.99895V11.9998" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M7.99805 21.0035V13.0002C7.99805 12.4477 8.44595 11.9998 8.99846 11.9998H15.5012" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M10.499 15.0009H14.0005" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M10.499 18.0022H13.0001" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M11.9994 21.0033H7.99776C5.7877 21.0033 3.99609 19.2117 3.99609 17.0017V6.99752C3.99609 4.78746 5.7877 2.99585 7.99776 2.99585H18.0019C20.212 2.99585 22.0036 4.78746 22.0036 6.99752V10.9992" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5039 23.0042H16.0012C15.7249 23.0042 15.501 22.7802 15.501 22.504V22.0978C15.5043 20.9422 16.4403 20.0062 17.5958 20.0029H20.9092C22.0648 20.0062 23.0008 20.9422 23.0041 22.0978V22.504C23.0041 22.7802 22.7802 23.0042 22.5039 23.0042Z" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.2527 17.5019C18.1484 17.4997 17.2548 16.6033 17.2559 15.4991C17.257 14.3948 18.1524 13.5002 19.2567 13.5002C20.3609 13.5002 21.2564 14.3948 21.2575 15.4991C21.2586 16.6033 20.3649 17.4997 19.2607 17.5019H19.2527Z" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M13.0002 6.49731V8.99836" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M10.499 11.9998V9.99895C10.499 9.44644 10.9469 8.99854 11.4994 8.99854H14.5007C15.0532 8.99854 15.5011 9.44644 15.5011 9.99895V11.9998" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M7.99805 21.0035V13.0002C7.99805 12.4477 8.44595 11.9998 8.99846 11.9998H15.5012" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M10.499 15.0009H14.0005" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M10.499 18.0022H13.0001" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M11.9994 21.0033H7.99776C5.7877 21.0033 3.99609 19.2117 3.99609 17.0017V6.99752C3.99609 4.78746 5.7877 2.99585 7.99776 2.99585H18.0019C20.212 2.99585 22.0036 4.78746 22.0036 6.99752V10.9992" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5039 23.0042H16.0012C15.7249 23.0042 15.501 22.7802 15.501 22.504V22.0978C15.5043 20.9422 16.4403 20.0062 17.5958 20.0029H20.9092C22.0648 20.0062 23.0008 20.9422 23.0041 22.0978V22.504C23.0041 22.7802 22.7802 23.0042 22.5039 23.0042Z" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.2527 17.5019C18.1484 17.4997 17.2548 16.6033 17.2559 15.4991C17.257 14.3948 18.1524 13.5002 19.2567 13.5002C20.3609 13.5002 21.2564 14.3948 21.2575 15.4991C21.2586 16.6033 20.3649 17.4997 19.2607 17.5019H19.2527Z" stroke="#1F2024" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/phone-call.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.131 13.869C8.961 12.699 8.079 11.389 7.493 10.06C7.37 9.779 7.442 9.45 7.659 9.233L8.478 8.414C9.149 7.743 9.149 6.794 8.563 6.208L7.39 5.035C6.609 4.254 5.343 4.254 4.562 5.035L3.91 5.686C3.169 6.427 2.86 7.496 3.06 8.556C3.554 11.169 5.072 14.03 7.521 16.479C9.97 18.928 12.831 20.446 15.444 20.94C16.504 21.14 17.573 20.831 18.314 20.09L18.965 19.439C19.746 18.658 19.746 17.392 18.965 16.611L17.792 15.438C17.206 14.852 16.256 14.852 15.671 15.438L14.768 16.342C14.551 16.559 14.222 16.632 13.941 16.508C12.612 15.921 11.301 15.038 10.131 13.869Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.832 2.671C20.129 2.671 21 3.849 21 4.947C21 7.176 17.386 9 17.321 9C17.255 9 13.642 7.176 13.642 4.947C13.642 3.849 14.513 2.67 15.81 2.67C16.552 2.67 17.039 3.028 17.321 3.347C17.603 3.029 18.09 2.671 18.832 2.671Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.131 13.869C8.961 12.699 8.079 11.389 7.493 10.06C7.37 9.779 7.442 9.45 7.659 9.233L8.478 8.414C9.149 7.743 9.149 6.794 8.563 6.208L7.39 5.035C6.609 4.254 5.343 4.254 4.562 5.035L3.91 5.686C3.169 6.427 2.86 7.496 3.06 8.556C3.554 11.169 5.072 14.03 7.521 16.479C9.97 18.928 12.831 20.446 15.444 20.94C16.504 21.14 17.573 20.831 18.314 20.09L18.965 19.439C19.746 18.658 19.746 17.392 18.965 16.611L17.792 15.438C17.206 14.852 16.256 14.852 15.671 15.438L14.768 16.342C14.551 16.559 14.222 16.632 13.941 16.508C12.612 15.921 11.301 15.038 10.131 13.869Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.832 2.671C20.129 2.671 21 3.849 21 4.947C21 7.176 17.386 9 17.321 9C17.255 9 13.642 7.176 13.642 4.947C13.642 3.849 14.513 2.67 15.81 2.67C16.552 2.67 17.039 3.028 17.321 3.347C17.603 3.029 18.09 2.671 18.832 2.671Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/pin-navigation.svg

@@ -1,5 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M15.049 15H17.558C18.419 15 19.183 15.551 19.455 16.368L20.122 18.368C20.554 19.663 19.59 21 18.225 21H5.775C4.41 21 3.446 19.663 3.878 18.368L4.545 16.368C4.816 15.551 5.581 15 6.442 15H8.952" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C12 18 6 13.208 6 8.833C6 5.612 8.686 3 12 3C15.314 3 18 5.612 18 8.833C18 13.208 12 18 12 18Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M13.4142 7.58579C14.1953 8.36684 14.1953 9.63317 13.4142 10.4142C12.6332 11.1953 11.3668 11.1953 10.5858 10.4142C9.80472 9.63317 9.80472 8.36684 10.5858 7.58579C11.3668 6.80474 12.6332 6.80474 13.4142 7.58579" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M15.049 15H17.558C18.419 15 19.183 15.551 19.455 16.368L20.122 18.368C20.554 19.663 19.59 21 18.225 21H5.775C4.41 21 3.446 19.663 3.878 18.368L4.545 16.368C4.816 15.551 5.581 15 6.442 15H8.952" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C12 18 6 13.208 6 8.833C6 5.612 8.686 3 12 3C15.314 3 18 5.612 18 8.833C18 13.208 12 18 12 18Z" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M13.4142 7.58579C14.1953 8.36684 14.1953 9.63317 13.4142 10.4142C12.6332 11.1953 11.3668 11.1953 10.5858 10.4142C9.80472 9.63317 9.80472 8.36684 10.5858 7.58579C11.3668 6.80474 12.6332 6.80474 13.4142 7.58579" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/registration.svg

@@ -1,8 +1,8 @@
-<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M17 3C17 1.895 16.105 1 15 1" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M15 1H3C1.895 1 1 1.895 1 3V17C1 18.105 1.895 19 3 19H15C16.105 19 17 18.105 17 17" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M5 1V19" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 12H15C13.895 12 13 11.105 13 10V10C13 8.895 13.895 8 15 8H17C17.552 8 18 8.448 18 9V11C18 11.552 17.552 12 17 12Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M17 3V8" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M17 17V12" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M17 3C17 1.895 16.105 1 15 1" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M15 1H3C1.895 1 1 1.895 1 3V17C1 18.105 1.895 19 3 19H15C16.105 19 17 18.105 17 17" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M5 1V19" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 12H15C13.895 12 13 11.105 13 10V10C13 8.895 13.895 8 15 8H17C17.552 8 18 8.448 18 9V11C18 11.552 17.552 12 17 12Z" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M17 3V8" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M17 17V12" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/user-group.svg

@@ -1,8 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
-<path d="M20.7925 9.52352C21.5825 10.3136 21.5825 11.5944 20.7925 12.3845C20.0025 13.1745 18.7216 13.1745 17.9315 12.3845C17.1415 11.5944 17.1415 10.3136 17.9315 9.52352C18.7216 8.73349 20.0025 8.73349 20.7925 9.52352" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M14.2026 5.91236C15.4191 7.12884 15.4191 9.10115 14.2026 10.3176C12.9861 11.5341 11.0138 11.5341 9.79731 10.3176C8.58083 9.10116 8.58083 7.12885 9.79731 5.91236C11.0138 4.69588 12.9861 4.69588 14.2026 5.91236" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M6.06849 9.52352C6.85853 10.3136 6.85853 11.5944 6.06849 12.3845C5.27846 13.1745 3.99757 13.1745 3.20754 12.3845C2.41751 11.5944 2.41751 10.3136 3.20754 9.52352C3.99758 8.73349 5.27846 8.73349 6.06849 9.52352" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M23 19V17.904C23 16.523 21.881 15.404 20.5 15.404H19.699" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M1 19V17.904C1 16.523 2.119 15.404 3.5 15.404H4.301" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-<path d="M17.339 19V17.399C17.339 15.466 15.772 13.899 13.839 13.899H10.16C8.227 13.899 6.66 15.466 6.66 17.399V19" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M20.7925 9.52352C21.5825 10.3136 21.5825 11.5944 20.7925 12.3845C20.0025 13.1745 18.7216 13.1745 17.9315 12.3845C17.1415 11.5944 17.1415 10.3136 17.9315 9.52352C18.7216 8.73349 20.0025 8.73349 20.7925 9.52352" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M14.2026 5.91236C15.4191 7.12884 15.4191 9.10115 14.2026 10.3176C12.9861 11.5341 11.0138 11.5341 9.79731 10.3176C8.58083 9.10116 8.58083 7.12885 9.79731 5.91236C11.0138 4.69588 12.9861 4.69588 14.2026 5.91236" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M6.06849 9.52352C6.85853 10.3136 6.85853 11.5944 6.06849 12.3845C5.27846 13.1745 3.99757 13.1745 3.20754 12.3845C2.41751 11.5944 2.41751 10.3136 3.20754 9.52352C3.99758 8.73349 5.27846 8.73349 6.06849 9.52352" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M23 19V17.904C23 16.523 21.881 15.404 20.5 15.404H19.699" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M1 19V17.904C1 16.523 2.119 15.404 3.5 15.404H4.301" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M17.339 19V17.399C17.339 15.466 15.772 13.899 13.839 13.899H10.16C8.227 13.899 6.66 15.466 6.66 17.399V19" stroke="#323232" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/scss/partials/_breakpoints.scss

@@ -1,35 +1,35 @@
-$breakpoints: (
-  xs: 'screen and (max-width: 599px)',
-  sm: 'screen and (min-width: 600px) and (max-width: 959px)',
-  md: 'screen and (min-width: 960px) and (max-width: 1279px)',
-  lg: 'screen and (min-width: 1280px) and (max-width: 1919px)',
-  xl: 'screen and (min-width: 1920px) and (max-width: 5000px)',
-  lt-sm: 'screen and (max-width: 599px)',
-  lt-md: 'screen and (max-width: 959px)',
-  lt-lg: 'screen and (max-width: 1279px)',
-  lt-xl: 'screen and (max-width: 1919px)',
-  gt-xs: 'screen and (min-width: 600px)',
-  gt-sm: 'screen and (min-width: 960px)',
-  gt-md: 'screen and (min-width: 1280px)',
-  gt-lg: 'screen and (min-width: 1920px)',
-) !default;
-
-$helper-breakpoints: (
-  xs: null,
-  sm: 'gt-xs',
-  md: 'gt-sm',
-  lg: 'gt-md',
-  xl: 'gt-lg',
-);
-
-@mixin media-breakpoint($breakpointName) {
-  $mediaQuery: map-get($breakpoints, $breakpointName);
-
-  @if ($mediaQuery == null) {
-    @content;
-  } @else {
-    @media #{$mediaQuery} {
-      @content;
-    }
-  }
-}
+$breakpoints: (
+  xs: 'screen and (max-width: 599px)',
+  sm: 'screen and (min-width: 600px) and (max-width: 959px)',
+  md: 'screen and (min-width: 960px) and (max-width: 1279px)',
+  lg: 'screen and (min-width: 1280px) and (max-width: 1919px)',
+  xl: 'screen and (min-width: 1920px) and (max-width: 5000px)',
+  lt-sm: 'screen and (max-width: 599px)',
+  lt-md: 'screen and (max-width: 959px)',
+  lt-lg: 'screen and (max-width: 1279px)',
+  lt-xl: 'screen and (max-width: 1919px)',
+  gt-xs: 'screen and (min-width: 600px)',
+  gt-sm: 'screen and (min-width: 960px)',
+  gt-md: 'screen and (min-width: 1280px)',
+  gt-lg: 'screen and (min-width: 1920px)',
+) !default;
+
+$helper-breakpoints: (
+  xs: null,
+  sm: 'gt-xs',
+  md: 'gt-sm',
+  lg: 'gt-md',
+  xl: 'gt-lg',
+);
+
+@mixin media-breakpoint($breakpointName) {
+  $mediaQuery: map-get($breakpoints, $breakpointName);
+
+  @if ($mediaQuery == null) {
+    @content;
+  } @else {
+    @media #{$mediaQuery} {
+      @content;
+    }
+  }
+}

package/assets/scss/partials/components/_badge.scss

@@ -1,55 +1,55 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence 
-**************************/
-@import '../variables.scss';
-
-monkey-badge {
-  mecx-monkey-badge {
-    width: 24px;
-    height: 24px;
-    background: #fa3838;
-    border-radius: 20px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin-left: 5px;
-
-    .badge-count {
-      font-style: normal;
-      font-weight: normal;
-      font-size: 16px;
-      line-height: 24px;
-      text-align: center;
-      color: #fafafa;
-    }
-  }
-
-  .pulse::before {
-    content: '';
-    display: block;
-    position: absolute;
-    animation: pulse 1s ease infinite;
-    border-radius: 50%;
-    border: 4px double #ff6666;
-    width: 22px;
-    height: 22px;
-  }
-
-  @keyframes pulse {
-    0% {
-      transform: scale(1);
-      opacity: 1;
-    }
-    60% {
-      transform: scale(1.3);
-      opacity: 0.4;
-    }
-    100% {
-      transform: scale(1.4);
-      opacity: 0;
-    }
-  }
-}
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence 
+**************************/
+@import '../variables.scss';
+
+monkey-badge {
+  mecx-monkey-badge {
+    width: 24px;
+    height: 24px;
+    background: #fa3838;
+    border-radius: 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: 5px;
+
+    .badge-count {
+      font-style: normal;
+      font-weight: normal;
+      font-size: 16px;
+      line-height: 24px;
+      text-align: center;
+      color: #fafafa;
+    }
+  }
+
+  .pulse::before {
+    content: '';
+    display: block;
+    position: absolute;
+    animation: pulse 1s ease infinite;
+    border-radius: 50%;
+    border: 4px double #ff6666;
+    width: 22px;
+    height: 22px;
+  }
+
+  @keyframes pulse {
+    0% {
+      transform: scale(1);
+      opacity: 1;
+    }
+    60% {
+      transform: scale(1.3);
+      opacity: 0.4;
+    }
+    100% {
+      transform: scale(1.4);
+      opacity: 0;
+    }
+  }
+}