chromia 0.1.12 → 0.1.13

package/dist/icons/CircleLockIcon.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <path
       id="icon_CircleLock"
@@ -68,19 +69,19 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <path
       id="icon_CircleLock"
       d="M17.6 13.2294C17.6 16.8583 14.6451 19.8001 11 19.8001C7.35495 19.8001 4.40002 16.8583 4.40002 13.2294C4.40002 9.60043 7.35495 6.6586 11 6.6586C14.6451 6.6586 17.6 9.60043 17.6 13.2294Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"
     />
     <path
       d="M6.05002 8.30129V7.20624C6.05002 4.43291 8.25788 2.19995 11 2.19995C13.7422 2.19995 15.95 4.43291 15.95 7.20624V8.84885M11 14.3784V12.1784M17.6 13.2294C17.6 16.8583 14.6451 19.8001 11 19.8001C7.35495 19.8001 4.40002 16.8583 4.40002 13.2294C4.40002 9.60043 7.35495 6.6586 11 6.6586C14.6451 6.6586 17.6 9.60043 17.6 13.2294Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/ClockIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Clock">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Clock">
       <path
         id="icon_Clock"
         d="M11.9695 6.9999C11.9695 10.0927 9.46165 12.5999 6.36805 12.5999C3.27446 12.5999 0.766602 10.0927 0.766602 6.9999C0.766602 3.90711 3.27446 1.3999 6.36805 1.3999C8.44138 1.3999 10.2516 2.52606 11.2201 4.1999M10.4329 7.61444L11.8332 6.21444L13.2336 7.61444M8.4666 8.52692L6.3666 7.82692V4.8999"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/CloseIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 10 10"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Close">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 10 10"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Close">
       <path
         id="icon_Close"
         d="M9 1L1 9M9 9L1 1"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/CoinBrokenIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinBrokenIcon">
       <path d="M10.1992 3.97682C11.4029 2.99131 12.9419 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 11.0581 21.01 12.5965 20.0253 13.8M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke="url(#grad-CoinBrokenIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinBrokenIcon">
-      <path d="M10.1992 3.97682C11.4029 2.99131 12.9419 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 11.0581 21.01 12.5965 20.0253 13.8M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M10.1992 3.97682C11.4029 2.99131 12.9419 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 11.0581 21.01 12.5965 20.0253 13.8M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CoinHandIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinHandIcon">
       <path d="M7.76328 21.1385C9.00943 20.7231 11.9171 21.743 13.9941 21.5538C15.6415 21.4038 16.2458 21.4486 17.7325 20.7231C19.0267 20.0915 20.4046 18.5849 21.3047 17.4735C21.8779 16.7658 21.6826 15.7411 20.9248 15.2359C20.2763 14.8035 19.4127 14.889 18.8615 15.4402L17.2163 17.0854C16.7489 17.5528 16.115 17.8154 15.454 17.8154H12.7479M7.76328 15.3231L9.0277 14.6909C9.83519 14.2871 10.7256 14.0769 11.6284 14.0769H11.9691C12.486 14.0769 13.0006 14.1458 13.4992 14.2818L15.2454 14.7581C16.1686 15.0098 16.4753 16.1649 15.7987 16.8415L14.8248 17.8154M11.5017 7.84615C11.5017 9.68144 12.9895 11.1692 14.8248 11.1692C16.6601 11.1692 18.1479 9.68144 18.1479 7.84615C18.1479 6.01087 16.6601 4.52307 14.8248 4.52307M11.5017 7.84615C11.5017 6.01087 12.9895 4.52307 14.8248 4.52307M11.5017 7.84615C9.66646 7.84615 8.17867 6.35836 8.17867 4.52307C8.17867 2.68779 9.66646 1.2 11.5017 1.2C13.337 1.2 14.8248 2.68779 14.8248 4.52307M3.19405 22.8H6.51713C6.97595 22.8 7.3479 22.428 7.3479 21.9692V14.4923C7.3479 14.0335 6.97595 13.6615 6.51713 13.6615H3.19405C2.73523 13.6615 2.36328 14.0335 2.36328 14.4923V21.9692C2.36328 22.428 2.73523 22.8 3.19405 22.8Z" stroke="url(#grad-CoinHandIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinHandIcon">
-      <path d="M7.76328 21.1385C9.00943 20.7231 11.9171 21.743 13.9941 21.5538C15.6415 21.4038 16.2458 21.4486 17.7325 20.7231C19.0267 20.0915 20.4046 18.5849 21.3047 17.4735C21.8779 16.7658 21.6826 15.7411 20.9248 15.2359C20.2763 14.8035 19.4127 14.889 18.8615 15.4402L17.2163 17.0854C16.7489 17.5528 16.115 17.8154 15.454 17.8154H12.7479M7.76328 15.3231L9.0277 14.6909C9.83519 14.2871 10.7256 14.0769 11.6284 14.0769H11.9691C12.486 14.0769 13.0006 14.1458 13.4992 14.2818L15.2454 14.7581C16.1686 15.0098 16.4753 16.1649 15.7987 16.8415L14.8248 17.8154M11.5017 7.84615C11.5017 9.68144 12.9895 11.1692 14.8248 11.1692C16.6601 11.1692 18.1479 9.68144 18.1479 7.84615C18.1479 6.01087 16.6601 4.52307 14.8248 4.52307M11.5017 7.84615C11.5017 6.01087 12.9895 4.52307 14.8248 4.52307M11.5017 7.84615C9.66646 7.84615 8.17867 6.35836 8.17867 4.52307C8.17867 2.68779 9.66646 1.2 11.5017 1.2C13.337 1.2 14.8248 2.68779 14.8248 4.52307M3.19405 22.8H6.51713C6.97595 22.8 7.3479 22.428 7.3479 21.9692V14.4923C7.3479 14.0335 6.97595 13.6615 6.51713 13.6615H3.19405C2.73523 13.6615 2.36328 14.0335 2.36328 14.4923V21.9692C2.36328 22.428 2.73523 22.8 3.19405 22.8Z" stroke="currentColor"/>
+      <path d="M7.76328 21.1385C9.00943 20.7231 11.9171 21.743 13.9941 21.5538C15.6415 21.4038 16.2458 21.4486 17.7325 20.7231C19.0267 20.0915 20.4046 18.5849 21.3047 17.4735C21.8779 16.7658 21.6826 15.7411 20.9248 15.2359C20.2763 14.8035 19.4127 14.889 18.8615 15.4402L17.2163 17.0854C16.7489 17.5528 16.115 17.8154 15.454 17.8154H12.7479M7.76328 15.3231L9.0277 14.6909C9.83519 14.2871 10.7256 14.0769 11.6284 14.0769H11.9691C12.486 14.0769 13.0006 14.1458 13.4992 14.2818L15.2454 14.7581C16.1686 15.0098 16.4753 16.1649 15.7987 16.8415L14.8248 17.8154M11.5017 7.84615C11.5017 9.68144 12.9895 11.1692 14.8248 11.1692C16.6601 11.1692 18.1479 9.68144 18.1479 7.84615C18.1479 6.01087 16.6601 4.52307 14.8248 4.52307M11.5017 7.84615C11.5017 6.01087 12.9895 4.52307 14.8248 4.52307M11.5017 7.84615C9.66646 7.84615 8.17867 6.35836 8.17867 4.52307C8.17867 2.68779 9.66646 1.2 11.5017 1.2C13.337 1.2 14.8248 2.68779 14.8248 4.52307M3.19405 22.8H6.51713C6.97595 22.8 7.3479 22.428 7.3479 21.9692V14.4923C7.3479 14.0335 6.97595 13.6615 6.51713 13.6615H3.19405C2.73523 13.6615 2.36328 14.0335 2.36328 14.4923V21.9692C2.36328 22.428 2.73523 22.8 3.19405 22.8Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/CoinNumberIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinNumberIcon">
       <path d="M7.85712 7.63636C8.63218 4.62505 11.3657 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 12.456 19.6139 15.0662 16.8542 15.9982M7.85712 17.1257H9.38099M9.38099 17.1257H10.7992M9.38099 17.1257V11.562C9.38099 11.562 8.31718 12.2934 7.63553 12.762M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke="url(#grad-CoinNumberIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinNumberIcon">
-      <path d="M7.85712 7.63636C8.63218 4.62505 11.3657 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 12.456 19.6139 15.0662 16.8542 15.9982M7.85712 17.1257H9.38099M9.38099 17.1257H10.7992M9.38099 17.1257V11.562C9.38099 11.562 8.31718 12.2934 7.63553 12.762M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.85712 7.63636C8.63218 4.62505 11.3657 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 12.456 19.6139 15.0662 16.8542 15.9982M7.85712 17.1257H9.38099M9.38099 17.1257H10.7992M9.38099 17.1257V11.562C9.38099 11.562 8.31718 12.2934 7.63553 12.762M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CoinUnbrokenIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinUnbrokenIcon">
       <path d="M7.85712 7.63636C8.63218 4.62505 11.3657 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 12.456 19.6139 15.0662 16.8542 15.9982M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke="url(#grad-CoinUnbrokenIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinUnbrokenIcon">
-      <path d="M7.85712 7.63636C8.63218 4.62505 11.3657 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 12.456 19.6139 15.0662 16.8542 15.9982M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.85712 7.63636C8.63218 4.62505 11.3657 2.39999 14.619 2.39999C18.4749 2.39999 21.6008 5.52586 21.6008 9.38181C21.6008 12.456 19.6139 15.0662 16.8542 15.9982M16.3628 14.6182C16.3628 18.4741 13.2369 21.6 9.38099 21.6C5.52504 21.6 2.39917 18.4741 2.39917 14.6182C2.39917 10.7622 5.52504 7.63636 9.38099 7.63636C13.2369 7.63636 16.3628 10.7622 16.3628 14.6182Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CoinsIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinsIcon">
       <path d="M9.49332 17.8821C9.09253 17.9594 8.67788 18 8.25334 18C4.79972 18 2 15.3137 2 12C2 8.68629 4.79972 6 8.25334 6C8.67788 6 9.09253 6.04059 9.49332 6.11795M22 12C22 15.3137 19.2003 18 15.7467 18C12.293 18 9.49332 15.3137 9.49332 12C9.49332 8.68629 12.293 6 15.7467 6C19.2003 6 22 8.68629 22 12Z" stroke="url(#grad-CoinsIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinsIcon">
-      <path d="M9.49332 17.8821C9.09253 17.9594 8.67788 18 8.25334 18C4.79972 18 2 15.3137 2 12C2 8.68629 4.79972 6 8.25334 6C8.67788 6 9.09253 6.04059 9.49332 6.11795M22 12C22 15.3137 19.2003 18 15.7467 18C12.293 18 9.49332 15.3137 9.49332 12C9.49332 8.68629 12.293 6 15.7467 6C19.2003 6 22 8.68629 22 12Z" stroke="currentColor"/>
+      <path d="M9.49332 17.8821C9.09253 17.9594 8.67788 18 8.25334 18C4.79972 18 2 15.3137 2 12C2 8.68629 4.79972 6 8.25334 6C8.67788 6 9.09253 6.04059 9.49332 6.11795M22 12C22 15.3137 19.2003 18 15.7467 18C12.293 18 9.49332 15.3137 9.49332 12C9.49332 8.68629 12.293 6 15.7467 6C19.2003 6 22 8.68629 22 12Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/CoinsRotateIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinsRotateIcon">
       <path d="M10.2 7.80001C10.7457 5.39523 12.8963 3.60001 15.4662 3.60001C18.4486 3.60001 20.8662 6.01767 20.8662 9.00001C20.8662 11.7625 18.7919 14.0405 16.1158 14.3613M6.60005 6.00001L9.00005 3.60001L6.60005 1.20001M1.80005 8.40001V6.80001C1.80005 5.0327 3.23274 3.60001 5.00005 3.60001H7.40005M17.4 18L15 20.4L17.4 22.8M22.2 15.6V17.2C22.2 18.9673 20.7674 20.4 19 20.4H16.6M12.6 16.2C12.6 19.1823 10.1824 21.6 7.20005 21.6C4.21771 21.6 1.80005 19.1823 1.80005 16.2C1.80005 13.2177 4.21771 10.8 7.20005 10.8C10.1824 10.8 12.6 13.2177 12.6 16.2Z" stroke="url(#grad-CoinsRotateIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CoinsRotateIcon">
-      <path d="M10.2 7.80001C10.7457 5.39523 12.8963 3.60001 15.4662 3.60001C18.4486 3.60001 20.8662 6.01767 20.8662 9.00001C20.8662 11.7625 18.7919 14.0405 16.1158 14.3613M6.60005 6.00001L9.00005 3.60001L6.60005 1.20001M1.80005 8.40001V6.80001C1.80005 5.0327 3.23274 3.60001 5.00005 3.60001H7.40005M17.4 18L15 20.4L17.4 22.8M22.2 15.6V17.2C22.2 18.9673 20.7674 20.4 19 20.4H16.6M12.6 16.2C12.6 19.1823 10.1824 21.6 7.20005 21.6C4.21771 21.6 1.80005 19.1823 1.80005 16.2C1.80005 13.2177 4.21771 10.8 7.20005 10.8C10.1824 10.8 12.6 13.2177 12.6 16.2Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M10.2 7.80001C10.7457 5.39523 12.8963 3.60001 15.4662 3.60001C18.4486 3.60001 20.8662 6.01767 20.8662 9.00001C20.8662 11.7625 18.7919 14.0405 16.1158 14.3613M6.60005 6.00001L9.00005 3.60001L6.60005 1.20001M1.80005 8.40001V6.80001C1.80005 5.0327 3.23274 3.60001 5.00005 3.60001H7.40005M17.4 18L15 20.4L17.4 22.8M22.2 15.6V17.2C22.2 18.9673 20.7674 20.4 19 20.4H16.6M12.6 16.2C12.6 19.1823 10.1824 21.6 7.20005 21.6C4.21771 21.6 1.80005 19.1823 1.80005 16.2C1.80005 13.2177 4.21771 10.8 7.20005 10.8C10.1824 10.8 12.6 13.2177 12.6 16.2Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CollectionIcon.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 18 18"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Collection">
       <path
@@ -67,13 +68,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 18 18"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Collection">
       <path
         id="icon_Collection"
         d="M3.90909 14.0164H4.87879M12.6364 10.1376H15.0606C16.1317 10.1376 17 11.0059 17 12.077V14.9861C17 16.0572 16.1317 16.9255 15.0606 16.9255H4.87879M8.27273 4.62344L11.2536 1.64253C12.011 0.885149 13.239 0.885148 13.9964 1.64253L16.0534 3.69957C16.8108 4.45695 16.8108 5.6849 16.0534 6.44228L7.78788 14.7078M2.93939 16.9255H5.84848C6.91958 16.9255 7.78788 16.0572 7.78788 14.9861V3.34977C7.78788 2.27867 6.91958 1.41037 5.84848 1.41037H2.93939C1.8683 1.41037 1 2.27867 1 3.34977V14.9861C1 16.0572 1.8683 16.9255 2.93939 16.9255Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/ColumnHorizontal.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 22 22"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ColumnHorizontal">
       <path
@@ -75,13 +76,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 22 22"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ColumnHorizontal">
       <path
         id="icon_ColumnHorizontal"
         d="M20.6 3.53336C20.6 2.35515 19.658 1.40002 18.4959 1.40002L3.5041 1.40002C2.34204 1.40002 1.39999 2.35515 1.39999 3.53336L1.39999 6.73336C1.39999 7.91156 2.34204 8.86669 3.5041 8.86669H18.4959C19.658 8.86669 20.6 7.91156 20.6 6.73336V3.53336Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -89,7 +90,7 @@ export { className as class };
       <path
         id="icon_ColumnHorizontal"
         d="M20.6 18.4667C20.6 19.6449 19.658 20.6 18.4959 20.6L3.5041 20.6C2.34203 20.6 1.39999 19.6449 1.39999 18.4667L1.39999 15.2667C1.39999 14.0885 2.34204 13.1334 3.5041 13.1334L18.4959 13.1334C19.658 13.1334 20.6 14.0885 20.6 15.2667V18.4667Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/ComponentIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ComponentIcon">
       <path d="M11.3329 2.27631C11.7013 1.90789 12.2987 1.9079 12.6671 2.27631L15.3581 4.96731C15.7265 5.33573 15.7265 5.93305 15.3581 6.30147L12.6671 8.99247C12.2987 9.36089 11.7013 9.36088 11.3329 8.99247L8.64192 6.30147C8.27351 5.93305 8.27351 5.33573 8.64193 4.96731L11.3329 2.27631Z" stroke="url(#grad-ComponentIcon)"/>
@@ -64,13 +65,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ComponentIcon">
-      <path d="M11.3329 2.27631C11.7013 1.90789 12.2987 1.9079 12.6671 2.27631L15.3581 4.96731C15.7265 5.33573 15.7265 5.93305 15.3581 6.30147L12.6671 8.99247C12.2987 9.36089 11.7013 9.36088 11.3329 8.99247L8.64192 6.30147C8.27351 5.93305 8.27351 5.33573 8.64193 4.96731L11.3329 2.27631Z" stroke="currentColor"/>
-      <path d="M17.6985 8.64192C18.0669 8.27351 18.6643 8.27351 19.0327 8.64192L21.7237 11.3329C22.0921 11.7013 22.0921 12.2987 21.7237 12.6671L19.0327 15.3581C18.6643 15.7265 18.0669 15.7265 17.6985 15.3581L15.0075 12.6671C14.6391 12.2987 14.6391 11.7013 15.0075 11.3329L17.6985 8.64192Z" stroke="currentColor"/>
-      <path d="M4.96731 8.64192C5.33573 8.2735 5.93305 8.27351 6.30147 8.64192L8.99247 11.3329C9.36089 11.7013 9.36088 12.2987 8.99247 12.6671L6.30147 15.3581C5.93305 15.7265 5.33573 15.7265 4.96731 15.3581L2.27631 12.6671C1.9079 12.2987 1.9079 11.7013 2.27631 11.3329L4.96731 8.64192Z" stroke="currentColor"/>
-      <path d="M11.3329 15.0075C11.7013 14.6391 12.2987 14.6391 12.6671 15.0075L15.3581 17.6985C15.7265 18.0669 15.7265 18.6643 15.3581 19.0327L12.6671 21.7237C12.2987 22.0921 11.7013 22.0921 11.3329 21.7237L8.64192 19.0327C8.27351 18.6643 8.27351 18.0669 8.64192 17.6985L11.3329 15.0075Z" stroke="currentColor"/>
+      <path d="M11.3329 2.27631C11.7013 1.90789 12.2987 1.9079 12.6671 2.27631L15.3581 4.96731C15.7265 5.33573 15.7265 5.93305 15.3581 6.30147L12.6671 8.99247C12.2987 9.36089 11.7013 9.36088 11.3329 8.99247L8.64192 6.30147C8.27351 5.93305 8.27351 5.33573 8.64193 4.96731L11.3329 2.27631Z" stroke={color}/>
+      <path d="M17.6985 8.64192C18.0669 8.27351 18.6643 8.27351 19.0327 8.64192L21.7237 11.3329C22.0921 11.7013 22.0921 12.2987 21.7237 12.6671L19.0327 15.3581C18.6643 15.7265 18.0669 15.7265 17.6985 15.3581L15.0075 12.6671C14.6391 12.2987 14.6391 11.7013 15.0075 11.3329L17.6985 8.64192Z" stroke={color}/>
+      <path d="M4.96731 8.64192C5.33573 8.2735 5.93305 8.27351 6.30147 8.64192L8.99247 11.3329C9.36089 11.7013 9.36088 12.2987 8.99247 12.6671L6.30147 15.3581C5.93305 15.7265 5.33573 15.7265 4.96731 15.3581L2.27631 12.6671C1.9079 12.2987 1.9079 11.7013 2.27631 11.3329L4.96731 8.64192Z" stroke={color}/>
+      <path d="M11.3329 15.0075C11.7013 14.6391 12.2987 14.6391 12.6671 15.0075L15.3581 17.6985C15.7265 18.0669 15.7265 18.6643 15.3581 19.0327L12.6671 21.7237C12.2987 22.0921 11.7013 22.0921 11.3329 21.7237L8.64192 19.0327C8.27351 18.6643 8.27351 18.0669 8.64192 17.6985L11.3329 15.0075Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/CopyIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 18 18"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Copy">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 18 18"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Copy">
       <path
         id="icon_Copy"
         d="M5.53388 7.64294L3.85879 9.31803C3.23319 9.94363 2.87343 10.7949 2.88 11.6895C2.88658 12.5841 3.23847 13.4405 3.89375 14.0755C4.52877 14.7308 5.38536 15.0827 6.27983 15.0893C7.1947 15.096 8.02577 14.7565 8.65141 14.1309L10.3265 12.4558M12.4661 10.3571L14.1412 8.68204C14.7668 8.05644 15.1266 7.20521 15.12 6.3106C15.1134 5.41599 14.7615 4.55958 14.1062 3.92453C13.4714 3.28966 12.6149 2.93776 11.7203 2.93118C10.8257 2.92461 9.97437 3.26395 9.34874 3.88957L7.67364 5.56466M6.45983 11.4954L11.4851 6.47013"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/CopyLeftIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CopyLeftIcon">
       <path d="M17.9999 9.60002H20.3999C21.0626 9.60002 21.5999 10.1373 21.5999 10.8L21.5999 19.6C21.5999 20.7046 20.7045 21.6 19.5999 21.6L10.7999 21.6C10.1372 21.6 9.5999 21.0628 9.5999 20.4V18M11.9999 2.40003L4.7999 2.40002C3.47442 2.40002 2.3999 3.47454 2.3999 4.80002L2.3999 12C2.3999 13.3255 3.47442 14.4 4.7999 14.4L11.9999 14.4C13.3254 14.4 14.3999 13.3255 14.3999 12L14.3999 4.80003C14.3999 3.47454 13.3254 2.40003 11.9999 2.40003Z" stroke="url(#grad-CopyLeftIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CopyLeftIcon">
-      <path d="M17.9999 9.60002H20.3999C21.0626 9.60002 21.5999 10.1373 21.5999 10.8L21.5999 19.6C21.5999 20.7046 20.7045 21.6 19.5999 21.6L10.7999 21.6C10.1372 21.6 9.5999 21.0628 9.5999 20.4V18M11.9999 2.40003L4.7999 2.40002C3.47442 2.40002 2.3999 3.47454 2.3999 4.80002L2.3999 12C2.3999 13.3255 3.47442 14.4 4.7999 14.4L11.9999 14.4C13.3254 14.4 14.3999 13.3255 14.3999 12L14.3999 4.80003C14.3999 3.47454 13.3254 2.40003 11.9999 2.40003Z" stroke="currentColor"/>
+      <path d="M17.9999 9.60002H20.3999C21.0626 9.60002 21.5999 10.1373 21.5999 10.8L21.5999 19.6C21.5999 20.7046 20.7045 21.6 19.5999 21.6L10.7999 21.6C10.1372 21.6 9.5999 21.0628 9.5999 20.4V18M11.9999 2.40003L4.7999 2.40002C3.47442 2.40002 2.3999 3.47454 2.3999 4.80002L2.3999 12C2.3999 13.3255 3.47442 14.4 4.7999 14.4L11.9999 14.4C13.3254 14.4 14.3999 13.3255 14.3999 12L14.3999 4.80003C14.3999 3.47454 13.3254 2.40003 11.9999 2.40003Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/CopyRightIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CopyRightIcon">
       <path d="M6.0001 14.4L3.6001 14.4C2.93735 14.4 2.4001 13.8627 2.4001 13.2L2.4001 4.39998C2.4001 3.29541 3.29553 2.39998 4.4001 2.39998L13.2001 2.39998C13.8628 2.39998 14.4001 2.93723 14.4001 3.59998L14.4001 5.99998M12.0001 21.6L19.2001 21.6C20.5256 21.6 21.6001 20.5255 21.6001 19.2L21.6001 12C21.6001 10.6745 20.5256 9.59998 19.2001 9.59998L12.0001 9.59998C10.6746 9.59998 9.6001 10.6745 9.6001 12L9.6001 19.2C9.6001 20.5255 10.6746 21.6 12.0001 21.6Z" stroke="url(#grad-CopyRightIcon)"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CopyRightIcon">
-      <path d="M6.0001 14.4L3.6001 14.4C2.93735 14.4 2.4001 13.8627 2.4001 13.2L2.4001 4.39998C2.4001 3.29541 3.29553 2.39998 4.4001 2.39998L13.2001 2.39998C13.8628 2.39998 14.4001 2.93723 14.4001 3.59998L14.4001 5.99998M12.0001 21.6L19.2001 21.6C20.5256 21.6 21.6001 20.5255 21.6001 19.2L21.6001 12C21.6001 10.6745 20.5256 9.59998 19.2001 9.59998L12.0001 9.59998C10.6746 9.59998 9.6001 10.6745 9.6001 12L9.6001 19.2C9.6001 20.5255 10.6746 21.6 12.0001 21.6Z" stroke="currentColor"/>
+      <path d="M6.0001 14.4L3.6001 14.4C2.93735 14.4 2.4001 13.8627 2.4001 13.2L2.4001 4.39998C2.4001 3.29541 3.29553 2.39998 4.4001 2.39998L13.2001 2.39998C13.8628 2.39998 14.4001 2.93723 14.4001 3.59998L14.4001 5.99998M12.0001 21.6L19.2001 21.6C20.5256 21.6 21.6001 20.5255 21.6001 19.2L21.6001 12C21.6001 10.6745 20.5256 9.59998 19.2001 9.59998L12.0001 9.59998C10.6746 9.59998 9.6001 10.6745 9.6001 12L9.6001 19.2C9.6001 20.5255 10.6746 21.6 12.0001 21.6Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/CrownIcon.svelte

@@ -29,7 +29,7 @@ export { className as class };
     width="15"
     height="12"
     viewBox="0 0 15 12"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
@@ -87,7 +87,7 @@ export { className as class };
   >
     <path
       d="M7.03271 1.30848C7.22509 1.03137 7.6325 1.02282 7.83583 1.29199C9.45541 3.43598 9.56234 3.85988 11.0219 5.25L13.4285 3.68342C13.8245 3.42565 14.324 3.81024 14.1761 4.25898L11.8718 11.25H2.97208L0.667713 4.25898C0.519801 3.81024 1.01938 3.42565 1.41536 3.68342L3.82192 5.25C4.87364 4.54888 5.2699 3.84775 7.03271 1.30848Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linejoin="round"
       {fill}

package/dist/icons/CurrencyBathIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CurrencyBathIcon">
       <path d="M11 4V6M11 18V20M8 6H13C13.7956 6 14.5587 6.31607 15.1213 6.87868C15.6839 7.44129 16 8.20435 16 9V9.143C16 9.90072 15.699 10.6274 15.1632 11.1632C14.6274 11.699 13.9007 12 13.143 12H8H13C13.7956 12 14.5587 12.3161 15.1213 12.8787C15.6839 13.4413 16 14.2044 16 15V15.143C16 15.9007 15.699 16.6274 15.1632 17.1632C14.6274 17.699 13.9007 18 13.143 18H8V6Z" stroke="url(#grad-CurrencyBathIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CurrencyBathIcon">
-      <path d="M11 4V6M11 18V20M8 6H13C13.7956 6 14.5587 6.31607 15.1213 6.87868C15.6839 7.44129 16 8.20435 16 9V9.143C16 9.90072 15.699 10.6274 15.1632 11.1632C14.6274 11.699 13.9007 12 13.143 12H8H13C13.7956 12 14.5587 12.3161 15.1213 12.8787C15.6839 13.4413 16 14.2044 16 15V15.143C16 15.9007 15.699 16.6274 15.1632 17.1632C14.6274 17.699 13.9007 18 13.143 18H8V6Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11 4V6M11 18V20M8 6H13C13.7956 6 14.5587 6.31607 15.1213 6.87868C15.6839 7.44129 16 8.20435 16 9V9.143C16 9.90072 15.699 10.6274 15.1632 11.1632C14.6274 11.699 13.9007 12 13.143 12H8H13C13.7956 12 14.5587 12.3161 15.1213 12.8787C15.6839 13.4413 16 14.2044 16 15V15.143C16 15.9007 15.699 16.6274 15.1632 17.1632C14.6274 17.699 13.9007 18 13.143 18H8V6Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CurrencyBitcoinIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CurrencyBitcoinIcon">
       <path d="M6.5 6H14.5C15.2956 6 16.0587 6.31607 16.6213 6.87868C17.1839 7.44129 17.5 8.20435 17.5 9C17.5 9.79565 17.1839 10.5587 16.6213 11.1213C16.0587 11.6839 15.2956 12 14.5 12M14.5 12C15.2956 12 16.0587 12.3161 16.6213 12.8787C17.1839 13.4413 17.5 14.2044 17.5 15C17.5 15.7956 17.1839 16.5587 16.6213 17.1213C16.0587 17.6839 15.2956 18 14.5 18H6.5M14.5 12H8.5M8.5 6V18M9.5 3V6M13.5 3V6M9.5 18V21M13.5 18V21" stroke="url(#grad-CurrencyBitcoinIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CurrencyBitcoinIcon">
-      <path d="M6.5 6H14.5C15.2956 6 16.0587 6.31607 16.6213 6.87868C17.1839 7.44129 17.5 8.20435 17.5 9C17.5 9.79565 17.1839 10.5587 16.6213 11.1213C16.0587 11.6839 15.2956 12 14.5 12M14.5 12C15.2956 12 16.0587 12.3161 16.6213 12.8787C17.1839 13.4413 17.5 14.2044 17.5 15C17.5 15.7956 17.1839 16.5587 16.6213 17.1213C16.0587 17.6839 15.2956 18 14.5 18H6.5M14.5 12H8.5M8.5 6V18M9.5 3V6M13.5 3V6M9.5 18V21M13.5 18V21" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M6.5 6H14.5C15.2956 6 16.0587 6.31607 16.6213 6.87868C17.1839 7.44129 17.5 8.20435 17.5 9C17.5 9.79565 17.1839 10.5587 16.6213 11.1213C16.0587 11.6839 15.2956 12 14.5 12M14.5 12C15.2956 12 16.0587 12.3161 16.6213 12.8787C17.1839 13.4413 17.5 14.2044 17.5 15C17.5 15.7956 17.1839 16.5587 16.6213 17.1213C16.0587 17.6839 15.2956 18 14.5 18H6.5M14.5 12H8.5M8.5 6V18M9.5 3V6M13.5 3V6M9.5 18V21M13.5 18V21" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CurrencyCentIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CurrencyCentIcon">
       <path d="M17 7.54C15.9015 6.54696 14.4728 5.99803 12.992 6M12.992 6C12.2046 6.00053 11.425 6.15614 10.6977 6.45795C9.97047 6.75976 9.30977 7.20186 8.75336 7.75902C8.19695 8.31617 7.75573 8.97746 7.45489 9.70513C7.15405 10.4328 6.99948 11.2126 7 12C7 15.314 9.682 18 12.992 18M12.992 6L12.993 4M12.992 18C14.4709 18.0021 15.8979 17.4547 16.996 16.464M12.992 18L12.993 20" stroke="url(#grad-CurrencyCentIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_CurrencyCentIcon">
-      <path d="M17 7.54C15.9015 6.54696 14.4728 5.99803 12.992 6M12.992 6C12.2046 6.00053 11.425 6.15614 10.6977 6.45795C9.97047 6.75976 9.30977 7.20186 8.75336 7.75902C8.19695 8.31617 7.75573 8.97746 7.45489 9.70513C7.15405 10.4328 6.99948 11.2126 7 12C7 15.314 9.682 18 12.992 18M12.992 6L12.993 4M12.992 18C14.4709 18.0021 15.8979 17.4547 16.996 16.464M12.992 18L12.993 20" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M17 7.54C15.9015 6.54696 14.4728 5.99803 12.992 6M12.992 6C12.2046 6.00053 11.425 6.15614 10.6977 6.45795C9.97047 6.75976 9.30977 7.20186 8.75336 7.75902C8.19695 8.31617 7.75573 8.97746 7.45489 9.70513C7.15405 10.4328 6.99948 11.2126 7 12C7 15.314 9.682 18 12.992 18M12.992 6L12.993 4M12.992 18C14.4709 18.0021 15.8979 17.4547 16.996 16.464M12.992 18L12.993 20" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}