chromia 0.1.12 → 0.1.13

package/dist/icons/GridIcon.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 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Grid">
       <path
@@ -91,13 +92,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_Grid">
       <path
         d="M11.3556 1.3999C12.0429 1.3999 12.6 1.94943 12.6 2.6273L12.6 4.72253C12.6 5.4004 12.0429 5.94993 11.3556 5.94993H9.48892C8.80163 5.94993 8.24447 5.4004 8.24447 4.72253L8.24447 2.6273C8.24447 1.94943 8.80162 1.3999 9.48891 1.3999L11.3556 1.3999Z"
         id="icon_Grid"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -105,7 +106,7 @@ export { className as class };
       <path
         d="M2.64447 1.3999C1.95718 1.3999 1.40002 1.94943 1.40002 2.6273L1.40003 4.72253C1.40003 5.4004 1.95719 5.94993 2.64447 5.94993H4.51114C5.19843 5.94993 5.75558 5.4004 5.75558 4.72253L5.75558 2.6273C5.75558 1.94943 5.19842 1.3999 4.51113 1.3999L2.64447 1.3999Z"
         id="icon_Grid"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -113,7 +114,7 @@ export { className as class };
       <path
         d="M11.3556 8.04993C12.0429 8.04993 12.6 8.59945 12.6 9.27732V11.3725C12.6 12.0504 12.0429 12.5999 11.3556 12.5999H9.48892C8.80163 12.5999 8.24447 12.0504 8.24447 11.3725L8.24447 9.27732C8.24447 8.59945 8.80163 8.04993 9.48892 8.04993H11.3556Z"
         id="icon_Grid"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -121,7 +122,7 @@ export { className as class };
       <path
         d="M2.64447 8.04993C1.95719 8.04993 1.40003 8.59945 1.40003 9.27732L1.40003 11.3725C1.40003 12.0504 1.95719 12.5999 2.64448 12.5999H4.51114C5.19843 12.5999 5.75559 12.0504 5.75559 11.3725L5.75558 9.27732C5.75558 8.59945 5.19843 8.04993 4.51114 8.04993H2.64447Z"
         id="icon_Grid"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/Hash01Icon.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_Hash01Icon">
       <path d="M19.2 15.6H4.80005M19.2 8.39999H4.80005M8.40005 19.2L8.40005 4.79999M15.6 19.2L15.6 4.79999" stroke="url(#grad-Hash01Icon)"/>
@@ -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_Hash01Icon">
-      <path d="M19.2 15.6H4.80005M19.2 8.39999H4.80005M8.40005 19.2L8.40005 4.79999M15.6 19.2L15.6 4.79999" stroke="currentColor"/>
+      <path d="M19.2 15.6H4.80005M19.2 8.39999H4.80005M8.40005 19.2L8.40005 4.79999M15.6 19.2L15.6 4.79999" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Hash02Icon.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_Hash02Icon">
       <path d="M19.2 15.6H4.80005M19.2 8.39999H4.80005M7.20005 19.2L9.60005 4.79999M14.4 19.2L16.8 4.79999" stroke="url(#grad-Hash02Icon)"/>
@@ -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_Hash02Icon">
-      <path d="M19.2 15.6H4.80005M19.2 8.39999H4.80005M7.20005 19.2L9.60005 4.79999M14.4 19.2L16.8 4.79999" stroke="currentColor"/>
+      <path d="M19.2 15.6H4.80005M19.2 8.39999H4.80005M7.20005 19.2L9.60005 4.79999M14.4 19.2L16.8 4.79999" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/HeartIcon.svelte

@@ -29,7 +29,7 @@ export { className as class };
     width="16"
     height="15"
     viewBox="0 0 16 15"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
@@ -70,7 +70,7 @@ export { className as class };
   >
     <path
       d="M13.1728 1.55738C12.7046 1.32994 11.8008 1.17273 11.2975 1.17273C9.79715 1.17273 8.76648 2.59473 8.04853 3.62048C7.33057 2.59488 6.5552 1.94203 5.6713 1.47374C5.10314 1.17273 3.81814 1.17273 3.15726 1.47374C1.20848 2.36134 -0.0664515 5.496 1.92062 7.96605C4.92119 11.1737 5.29627 11.5583 7.78905 14.044C7.83037 14.067 7.87623 14.2091 7.92146 14.2091C7.96494 14.2091 8.00869 14.1985 8.04853 14.1773C10.9224 11.5583 10.9224 11.5583 14.2981 8.09647C16.1735 5.78856 15.0483 2.46827 13.1728 1.55738Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       {fill}
       stroke-linejoin="round"

package/dist/icons/HelpCircleContainedIcon.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_HelpCircleContainedIcon">
       <path d="M11.9989 16.8V16.8422M9.5999 9.04535C9.5999 7.69483 10.6744 6.60002 11.9999 6.60002C13.3254 6.60002 14.3999 7.69483 14.3999 9.04535C14.3999 10.3959 13.3254 11.4907 11.9999 11.4907C11.9999 11.4907 11.9989 12.2206 11.9989 13.1209M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke="url(#grad-HelpCircleContainedIcon)" 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_HelpCircleContainedIcon">
-      <path d="M11.9989 16.8V16.8422M9.5999 9.04535C9.5999 7.69483 10.6744 6.60002 11.9999 6.60002C13.3254 6.60002 14.3999 7.69483 14.3999 9.04535C14.3999 10.3959 13.3254 11.4907 11.9999 11.4907C11.9999 11.4907 11.9989 12.2206 11.9989 13.1209M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.9989 16.8V16.8422M9.5999 9.04535C9.5999 7.69483 10.6744 6.60002 11.9999 6.60002C13.3254 6.60002 14.3999 7.69483 14.3999 9.04535C14.3999 10.3959 13.3254 11.4907 11.9999 11.4907C11.9999 11.4907 11.9989 12.2206 11.9989 13.1209M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/HelpIcon.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_HelpIcon">
       <path d="M14.5456 14.5456C13.1397 15.9514 10.8603 15.9514 9.45442 14.5456M14.5456 14.5456C15.9515 13.1397 15.9515 10.8603 14.5456 9.45439M14.5456 14.5456L18.364 18.3639M9.45442 14.5456C8.04853 13.1397 8.04853 10.8603 9.45442 9.45439M9.45442 14.5456L5.63604 18.3639M9.45442 9.45439C10.8603 8.0485 13.1397 8.0485 14.5456 9.45439M9.45442 9.45439L5.63604 5.63601M14.5456 9.45439L18.364 5.63601M18.7882 18.7882C15.0392 22.5372 8.96081 22.5372 5.21178 18.7882C1.46274 15.0392 1.46274 8.96078 5.21178 5.21175C8.96081 1.46271 15.0392 1.46271 18.7882 5.21175C22.5373 8.96078 22.5373 15.0392 18.7882 18.7882Z" stroke="url(#grad-HelpIcon)" 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_HelpIcon">
-      <path d="M14.5456 14.5456C13.1397 15.9514 10.8603 15.9514 9.45442 14.5456M14.5456 14.5456C15.9515 13.1397 15.9515 10.8603 14.5456 9.45439M14.5456 14.5456L18.364 18.3639M9.45442 14.5456C8.04853 13.1397 8.04853 10.8603 9.45442 9.45439M9.45442 14.5456L5.63604 18.3639M9.45442 9.45439C10.8603 8.0485 13.1397 8.0485 14.5456 9.45439M9.45442 9.45439L5.63604 5.63601M14.5456 9.45439L18.364 5.63601M18.7882 18.7882C15.0392 22.5372 8.96081 22.5372 5.21178 18.7882C1.46274 15.0392 1.46274 8.96078 5.21178 5.21175C8.96081 1.46271 15.0392 1.46271 18.7882 5.21175C22.5373 8.96078 22.5373 15.0392 18.7882 18.7882Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.5456 14.5456C13.1397 15.9514 10.8603 15.9514 9.45442 14.5456M14.5456 14.5456C15.9515 13.1397 15.9515 10.8603 14.5456 9.45439M14.5456 14.5456L18.364 18.3639M9.45442 14.5456C8.04853 13.1397 8.04853 10.8603 9.45442 9.45439M9.45442 14.5456L5.63604 18.3639M9.45442 9.45439C10.8603 8.0485 13.1397 8.0485 14.5456 9.45439M9.45442 9.45439L5.63604 5.63601M14.5456 9.45439L18.364 5.63601M18.7882 18.7882C15.0392 22.5372 8.96081 22.5372 5.21178 18.7882C1.46274 15.0392 1.46274 8.96078 5.21178 5.21175C8.96081 1.46271 15.0392 1.46271 18.7882 5.21175C22.5373 8.96078 22.5373 15.0392 18.7882 18.7882Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/HelpSquareContainedIcon.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_HelpSquareContainedIcon">
       <path d="M11.9999 16.8V16.8422M9.60094 9.04529C9.60094 7.69477 10.6755 6.59996 12.0009 6.59996C13.3264 6.59996 14.4009 7.69477 14.4009 9.04529C14.4009 10.3958 13.3264 11.4906 12.0009 11.4906C12.0009 11.4906 11.9999 12.2205 11.9999 13.1208M21.5999 5.99996L21.5999 18.0001C21.5999 19.9883 19.9881 21.6001 17.9999 21.6001H5.9999C4.01168 21.6001 2.3999 19.9883 2.3999 18.0001V5.99996C2.3999 4.01174 4.01168 2.39996 5.9999 2.39996H17.9999C19.9881 2.39996 21.5999 4.01174 21.5999 5.99996Z" stroke="url(#grad-HelpSquareContainedIcon)" 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_HelpSquareContainedIcon">
-      <path d="M11.9999 16.8V16.8422M9.60094 9.04529C9.60094 7.69477 10.6755 6.59996 12.0009 6.59996C13.3264 6.59996 14.4009 7.69477 14.4009 9.04529C14.4009 10.3958 13.3264 11.4906 12.0009 11.4906C12.0009 11.4906 11.9999 12.2205 11.9999 13.1208M21.5999 5.99996L21.5999 18.0001C21.5999 19.9883 19.9881 21.6001 17.9999 21.6001H5.9999C4.01168 21.6001 2.3999 19.9883 2.3999 18.0001V5.99996C2.3999 4.01174 4.01168 2.39996 5.9999 2.39996H17.9999C19.9881 2.39996 21.5999 4.01174 21.5999 5.99996Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.9999 16.8V16.8422M9.60094 9.04529C9.60094 7.69477 10.6755 6.59996 12.0009 6.59996C13.3264 6.59996 14.4009 7.69477 14.4009 9.04529C14.4009 10.3958 13.3264 11.4906 12.0009 11.4906C12.0009 11.4906 11.9999 12.2205 11.9999 13.1208M21.5999 5.99996L21.5999 18.0001C21.5999 19.9883 19.9881 21.6001 17.9999 21.6001H5.9999C4.01168 21.6001 2.3999 19.9883 2.3999 18.0001V5.99996C2.3999 4.01174 4.01168 2.39996 5.9999 2.39996H17.9999C19.9881 2.39996 21.5999 4.01174 21.5999 5.99996Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Home01Icon.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_Home01Icon">
       <path d="M2.3999 9.24381C2.3999 8.84979 2.60045 8.48014 2.93811 8.25179L11.2581 2.62527C11.7022 2.32494 12.2976 2.32494 12.7417 2.62527L21.0617 8.25179C21.3994 8.48014 21.5999 8.84979 21.5999 9.24381V19.7741C21.5999 20.7825 20.7403 21.6 19.6799 21.6H4.3199C3.25952 21.6 2.3999 20.7825 2.3999 19.7741V9.24381Z" stroke="url(#grad-Home01Icon)"/>
@@ -62,11 +63,11 @@ 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_Home01Icon">
-      <path d="M2.3999 9.24381C2.3999 8.84979 2.60045 8.48014 2.93811 8.25179L11.2581 2.62527C11.7022 2.32494 12.2976 2.32494 12.7417 2.62527L21.0617 8.25179C21.3994 8.48014 21.5999 8.84979 21.5999 9.24381V19.7741C21.5999 20.7825 20.7403 21.6 19.6799 21.6H4.3199C3.25952 21.6 2.3999 20.7825 2.3999 19.7741V9.24381Z" stroke="currentColor"/>
-      <path d="M14.3999 13.2C14.3999 14.5255 13.3254 15.6 11.9999 15.6C10.6744 15.6 9.5999 14.5255 9.5999 13.2C9.5999 11.8745 10.6744 10.8 11.9999 10.8C13.3254 10.8 14.3999 11.8745 14.3999 13.2Z" stroke="currentColor"/>
+      <path d="M2.3999 9.24381C2.3999 8.84979 2.60045 8.48014 2.93811 8.25179L11.2581 2.62527C11.7022 2.32494 12.2976 2.32494 12.7417 2.62527L21.0617 8.25179C21.3994 8.48014 21.5999 8.84979 21.5999 9.24381V19.7741C21.5999 20.7825 20.7403 21.6 19.6799 21.6H4.3199C3.25952 21.6 2.3999 20.7825 2.3999 19.7741V9.24381Z" stroke={color}/>
+      <path d="M14.3999 13.2C14.3999 14.5255 13.3254 15.6 11.9999 15.6C10.6744 15.6 9.5999 14.5255 9.5999 13.2C9.5999 11.8745 10.6744 10.8 11.9999 10.8C13.3254 10.8 14.3999 11.8745 14.3999 13.2Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Home03Icon.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_Home03Icon">
       <path d="M2.3999 9.24381C2.3999 8.84979 2.60045 8.48014 2.93811 8.25179L11.2581 2.62527C11.7022 2.32494 12.2976 2.32494 12.7417 2.62527L21.0617 8.25179C21.3994 8.48014 21.5999 8.84979 21.5999 9.24381V19.7741C21.5999 20.7825 20.7403 21.6 19.6799 21.6H4.3199C3.25952 21.6 2.3999 20.7825 2.3999 19.7741V9.24381Z" stroke="url(#grad-Home03Icon)"/>
@@ -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_Home03Icon">
-      <path d="M2.3999 9.24381C2.3999 8.84979 2.60045 8.48014 2.93811 8.25179L11.2581 2.62527C11.7022 2.32494 12.2976 2.32494 12.7417 2.62527L21.0617 8.25179C21.3994 8.48014 21.5999 8.84979 21.5999 9.24381V19.7741C21.5999 20.7825 20.7403 21.6 19.6799 21.6H4.3199C3.25952 21.6 2.3999 20.7825 2.3999 19.7741V9.24381Z" stroke="currentColor"/>
+      <path d="M2.3999 9.24381C2.3999 8.84979 2.60045 8.48014 2.93811 8.25179L11.2581 2.62527C11.7022 2.32494 12.2976 2.32494 12.7417 2.62527L21.0617 8.25179C21.3994 8.48014 21.5999 8.84979 21.5999 9.24381V19.7741C21.5999 20.7825 20.7403 21.6 19.6799 21.6H4.3199C3.25952 21.6 2.3999 20.7825 2.3999 19.7741V9.24381Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Home04Icon.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_Home04Icon">
       <path d="M8.7999 21.6V14.2964C8.7999 13.6241 9.37298 13.0791 10.0799 13.0791H13.9199C14.6268 13.0791 15.1999 13.6241 15.1999 14.2964V21.6M11.2581 2.62527L2.93811 8.25179C2.60045 8.48014 2.3999 8.84979 2.3999 9.24381V19.7741C2.3999 20.7825 3.25952 21.6 4.3199 21.6H19.6799C20.7403 21.6 21.5999 20.7825 21.5999 19.7741V9.24381C21.5999 8.84979 21.3994 8.48014 21.0617 8.25179L12.7417 2.62527C12.2976 2.32494 11.7022 2.32494 11.2581 2.62527Z" stroke="url(#grad-Home04Icon)"/>
@@ -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_Home04Icon">
-      <path d="M8.7999 21.6V14.2964C8.7999 13.6241 9.37298 13.0791 10.0799 13.0791H13.9199C14.6268 13.0791 15.1999 13.6241 15.1999 14.2964V21.6M11.2581 2.62527L2.93811 8.25179C2.60045 8.48014 2.3999 8.84979 2.3999 9.24381V19.7741C2.3999 20.7825 3.25952 21.6 4.3199 21.6H19.6799C20.7403 21.6 21.5999 20.7825 21.5999 19.7741V9.24381C21.5999 8.84979 21.3994 8.48014 21.0617 8.25179L12.7417 2.62527C12.2976 2.32494 11.7022 2.32494 11.2581 2.62527Z" stroke="currentColor"/>
+      <path d="M8.7999 21.6V14.2964C8.7999 13.6241 9.37298 13.0791 10.0799 13.0791H13.9199C14.6268 13.0791 15.1999 13.6241 15.1999 14.2964V21.6M11.2581 2.62527L2.93811 8.25179C2.60045 8.48014 2.3999 8.84979 2.3999 9.24381V19.7741C2.3999 20.7825 3.25952 21.6 4.3199 21.6H19.6799C20.7403 21.6 21.5999 20.7825 21.5999 19.7741V9.24381C21.5999 8.84979 21.3994 8.48014 21.0617 8.25179L12.7417 2.62527C12.2976 2.32494 11.7022 2.32494 11.2581 2.62527Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Home05Icon.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_Home05Icon">
       <path d="M20.9399 10.8L19.1999 9.06122V4.80002C19.1999 4.14002 18.6599 3.60002 17.9999 3.60002H16.7999C16.1399 3.60002 15.5999 4.14002 15.5999 4.80002V5.46362L13.1999 3.06602C12.8723 2.75642 12.5723 2.40002 11.9999 2.40002C11.4275 2.40002 11.1275 2.75642 10.7999 3.06602L3.0599 10.8C2.6855 11.19 2.3999 11.4744 2.3999 12C2.3999 12.6756 2.9183 13.2 3.5999 13.2H4.7999V20.4C4.7999 21.06 5.3399 21.6 5.9999 21.6H8.3999C9.06264 21.6 9.5999 21.0628 9.5999 20.4V15.6C9.5999 14.94 10.1399 14.4 10.7999 14.4H13.1999C13.8599 14.4 14.3999 14.94 14.3999 15.6V20.4C14.3999 21.0628 14.3372 21.6 14.9999 21.6H17.9999C18.6599 21.6 19.1999 21.06 19.1999 20.4V13.2H20.3999C21.0815 13.2 21.5999 12.6756 21.5999 12C21.5999 11.4744 21.3143 11.19 20.9399 10.8Z" stroke="url(#grad-Home05Icon)" 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_Home05Icon">
-      <path d="M20.9399 10.8L19.1999 9.06122V4.80002C19.1999 4.14002 18.6599 3.60002 17.9999 3.60002H16.7999C16.1399 3.60002 15.5999 4.14002 15.5999 4.80002V5.46362L13.1999 3.06602C12.8723 2.75642 12.5723 2.40002 11.9999 2.40002C11.4275 2.40002 11.1275 2.75642 10.7999 3.06602L3.0599 10.8C2.6855 11.19 2.3999 11.4744 2.3999 12C2.3999 12.6756 2.9183 13.2 3.5999 13.2H4.7999V20.4C4.7999 21.06 5.3399 21.6 5.9999 21.6H8.3999C9.06264 21.6 9.5999 21.0628 9.5999 20.4V15.6C9.5999 14.94 10.1399 14.4 10.7999 14.4H13.1999C13.8599 14.4 14.3999 14.94 14.3999 15.6V20.4C14.3999 21.0628 14.3372 21.6 14.9999 21.6H17.9999C18.6599 21.6 19.1999 21.06 19.1999 20.4V13.2H20.3999C21.0815 13.2 21.5999 12.6756 21.5999 12C21.5999 11.4744 21.3143 11.19 20.9399 10.8Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M20.9399 10.8L19.1999 9.06122V4.80002C19.1999 4.14002 18.6599 3.60002 17.9999 3.60002H16.7999C16.1399 3.60002 15.5999 4.14002 15.5999 4.80002V5.46362L13.1999 3.06602C12.8723 2.75642 12.5723 2.40002 11.9999 2.40002C11.4275 2.40002 11.1275 2.75642 10.7999 3.06602L3.0599 10.8C2.6855 11.19 2.3999 11.4744 2.3999 12C2.3999 12.6756 2.9183 13.2 3.5999 13.2H4.7999V20.4C4.7999 21.06 5.3399 21.6 5.9999 21.6H8.3999C9.06264 21.6 9.5999 21.0628 9.5999 20.4V15.6C9.5999 14.94 10.1399 14.4 10.7999 14.4H13.1999C13.8599 14.4 14.3999 14.94 14.3999 15.6V20.4C14.3999 21.0628 14.3372 21.6 14.9999 21.6H17.9999C18.6599 21.6 19.1999 21.06 19.1999 20.4V13.2H20.3999C21.0815 13.2 21.5999 12.6756 21.5999 12C21.5999 11.4744 21.3143 11.19 20.9399 10.8Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/HomeIcon.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 20 20"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Home">
       <path
@@ -67,13 +68,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 20 20"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Home">
       <path
         id="icon_Home"
         d="M6 14.5H14M9.38184 2.18771L2.44851 6.87647C2.16713 7.06676 2 7.3748 2 7.70316V16.4784C2 17.3188 2.71634 18 3.6 18H16.4C17.2837 18 18 17.3188 18 16.4784V7.70316C18 7.3748 17.8329 7.06676 17.5515 6.87647L10.6182 2.18771C10.2481 1.93743 9.75193 1.93743 9.38184 2.18771Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/HourglassIcon.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 16 16"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Hourglass">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 16 16"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Hourglass">
       <path
         id="icon_Hourglass"
         d="M4.43431 14.4H11.5657C11.9697 14.4 12.2972 14.0725 12.2972 13.6686V11.7147C12.2972 11.5585 12.2472 11.4065 12.1546 11.2808L10.0453 8.41819C9.86078 8.16776 9.85484 7.82801 10.0305 7.57128L11.9865 4.71246C12.0698 4.59081 12.1143 4.44684 12.1143 4.29943V2.33143C12.1143 1.92747 11.7868 1.6 11.3829 1.6H4.43431C4.03035 1.6 3.70288 1.92747 3.70288 2.33143V4.28534C3.70288 4.44148 3.75285 4.59352 3.84547 4.71922L5.94318 7.56611C6.13329 7.82413 6.13329 8.17586 5.94318 8.43388L3.84547 11.2808C3.75285 11.4065 3.70288 11.5585 3.70288 11.7147V13.6686C3.70288 14.0725 4.03035 14.4 4.43431 14.4Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/Icon.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_Icon">
         <path
@@ -68,7 +69,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_Icon">
         <path

package/dist/icons/ImageIcon.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_ImageIcon">
       <path d="M8.4668 12.8825L8.14358 12.501L8.14357 12.501L8.4668 12.8825ZM8.51961 12.8319L8.16336 12.481L8.16297 12.4814L8.51961 12.8319ZM6.29789 14.7202L5.97467 14.3387L5.97466 14.3387L6.29789 14.7202ZM6.17908 14.8453L6.58949 15.1309L6.58949 15.1309L6.17908 14.8453ZM17.6924 12.9592L17.3462 13.3199V13.3199L17.6924 12.9592ZM15.8413 11.1822L15.4951 11.5429H15.4951L15.8413 11.1822ZM15.1539 11.1773L14.8127 10.8118L14.8115 10.813L15.1539 11.1773ZM11.7252 14.3998L12.0663 14.7654L12.0676 14.7642L11.7252 14.3998ZM11.0272 14.3846L10.6692 14.7337L10.6699 14.7344L11.0272 14.3846ZM11.0182 14.3754L10.6598 14.7241L10.6602 14.7244L11.0182 14.3754ZM10.9692 14.3278L11.2965 13.9499L11.2965 13.9499L10.9692 14.3278ZM9.29885 12.881L9.62621 12.5031L9.62621 12.5031L9.29885 12.881ZM9.24966 12.8332L9.6081 12.4847L9.60776 12.4843L9.24966 12.8332ZM9.24085 12.8242L9.59896 12.4753L9.59828 12.4746L9.24085 12.8242ZM8.52909 12.8223L8.17356 12.4707L8.17285 12.4714L8.52909 12.8223ZM16.3194 6.59982V6.09983C16.0433 6.09983 15.8194 6.32368 15.8194 6.59982H16.3194ZM16.6626 6.59982H17.1626C17.1626 6.32368 16.9388 6.09983 16.6626 6.09983V6.59982ZM16.6626 6.89045V7.39045C16.9388 7.39045 17.1626 7.16659 17.1626 6.89045H16.6626ZM16.3194 6.89045H15.8194C15.8194 7.16659 16.0433 7.39045 16.3194 7.39045V6.89045ZM2.3999 6.00002H1.8999V18H2.3999H2.8999V6.00002H2.3999ZM5.9999 21.6V22.1H17.9999V21.6V21.1H5.9999V21.6ZM21.5999 18H22.0999V6.00002H21.5999H21.0999V18H21.5999ZM17.9999 2.40002V1.90002H5.9999V2.40002V2.90002H17.9999V2.40002ZM21.5999 6.00002H22.0999C22.0999 3.73566 20.2643 1.90002 17.9999 1.90002V2.40002V2.90002C19.712 2.90002 21.0999 4.28794 21.0999 6.00002H21.5999ZM17.9999 21.6V22.1C20.2643 22.1 22.0999 20.2644 22.0999 18H21.5999H21.0999C21.0999 19.7121 19.712 21.1 17.9999 21.1V21.6ZM2.3999 18H1.8999C1.8999 20.2644 3.73554 22.1 5.9999 22.1V21.6V21.1C4.28782 21.1 2.8999 19.7121 2.8999 18H2.3999ZM2.3999 6.00002H2.8999C2.8999 4.28794 4.28782 2.90002 5.9999 2.90002V2.40002V1.90002C3.73554 1.90002 1.8999 3.73566 1.8999 6.00002H2.3999ZM8.4668 12.8825L8.79002 13.2639C8.82893 13.231 8.86184 13.197 8.87624 13.1823L8.51961 12.8319L8.16297 12.4814C8.15376 12.4908 8.14918 12.4955 8.1452 12.4993C8.14168 12.5027 8.1415 12.5027 8.14358 12.501L8.4668 12.8825ZM6.29789 14.7202L6.62112 15.1017L8.79002 13.2639L8.4668 12.8825L8.14357 12.501L5.97467 14.3387L6.29789 14.7202ZM6.17908 14.8453L6.58949 15.1309C6.58756 15.1337 6.58796 15.1325 6.59314 15.1272C6.59849 15.1217 6.60708 15.1136 6.62112 15.1017L6.29789 14.7202L5.97466 14.3387C5.91625 14.3882 5.83737 14.461 5.76868 14.5597L6.17908 14.8453ZM5.9999 15.4165H6.4999C6.4999 15.314 6.53136 15.2144 6.58949 15.1309L6.17908 14.8453L5.76868 14.5597C5.59429 14.8103 5.4999 15.1091 5.4999 15.4165H5.9999ZM5.9999 17.5H6.4999V15.4165H5.9999H5.4999V17.5H5.9999ZM6.4999 18V17.5V17.5H5.9999H5.4999C5.4999 18.0523 5.94762 18.5 6.4999 18.5V18ZM17.4999 18V17.5H6.4999V18V18.5H17.4999V18ZM17.9999 17.5H17.4999L17.4999 17.5V18V18.5C18.0522 18.5 18.4999 18.0523 18.4999 17.5H17.9999ZM17.9999 13.6806H17.4999V17.5H17.9999H18.4999V13.6806H17.9999ZM17.6924 12.9592L17.3462 13.3199C17.4444 13.4142 17.4999 13.5445 17.4999 13.6806H17.9999H18.4999C18.4999 13.2722 18.3333 12.8814 18.0387 12.5986L17.6924 12.9592ZM15.8413 11.1822L15.4951 11.5429L17.3462 13.3199L17.6924 12.9592L18.0387 12.5986L16.1876 10.8215L15.8413 11.1822ZM15.1539 11.1773L15.4951 11.5429V11.5429L15.8413 11.1822L16.1876 10.8215C15.8046 10.4538 15.2009 10.4495 14.8127 10.8118L15.1539 11.1773ZM11.7252 14.3998L12.0676 14.7642L15.4963 11.5417L15.1539 11.1773L14.8115 10.813L11.3827 14.0355L11.7252 14.3998ZM11.0272 14.3846L10.6699 14.7344C11.0461 15.1187 11.6663 15.1388 12.0663 14.7654L11.7252 14.3998L11.384 14.0343L11.3844 14.0348L11.0272 14.3846ZM11.0182 14.3754L10.6602 14.7244L10.6692 14.7337L11.0272 14.3846L11.3852 14.0355L11.3761 14.0263L11.0182 14.3754ZM10.9692 14.3278L10.6418 14.7057C10.6399 14.7041 10.64 14.7041 10.6433 14.7073C10.647 14.7109 10.6513 14.7153 10.6598 14.7241L11.0182 14.3754L11.3765 14.0266C11.3631 14.0129 11.3325 13.981 11.2965 13.9499L10.9692 14.3278ZM9.29885 12.881L8.9715 13.259L10.6418 14.7057L10.9692 14.3278L11.2965 13.9499L9.62621 12.5031L9.29885 12.881ZM9.24966 12.8332L8.89121 13.1818C8.90465 13.1957 8.93535 13.2277 8.9715 13.259L9.29885 12.881L9.62621 12.5031C9.62813 12.5048 9.62796 12.5047 9.62467 12.5015C9.62096 12.4979 9.61669 12.4935 9.6081 12.4847L9.24966 12.8332ZM9.24085 12.8242L8.88275 13.1732L8.89155 13.1822L9.24966 12.8332L9.60776 12.4843L9.59896 12.4753L9.24085 12.8242ZM8.52909 12.8223L8.88462 13.1738C8.88476 13.1737 8.88417 13.1742 8.8834 13.1745C8.88299 13.1747 8.88323 13.1745 8.88403 13.1745C8.88481 13.1745 8.88504 13.1747 8.88461 13.1745C8.88381 13.1742 8.88324 13.1737 8.88342 13.1738L9.24085 12.8242L9.59828 12.4746C9.20817 12.0758 8.56533 12.0745 8.17356 12.4707L8.52909 12.8223ZM8.51961 12.8319L8.87585 13.1827L8.88533 13.1731L8.52909 12.8223L8.17285 12.4714L8.16336 12.481L8.51961 12.8319ZM16.3194 6.59982V7.09982H16.6626V6.59982V6.09983H16.3194V6.59982ZM16.6626 6.59982H16.1626V6.89045H16.6626H17.1626V6.59982H16.6626ZM16.6626 6.89045V6.39045H16.3194V6.89045V7.39045H16.6626V6.89045ZM16.3194 6.89045H16.8194V6.59982H16.3194H15.8194V6.89045H16.3194Z" fill="url(#grad-ImageIcon)"/>
@@ -61,7 +62,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_ImageIcon">
       <path d="M8.4668 12.8825L8.14358 12.501L8.14357 12.501L8.4668 12.8825ZM8.51961 12.8319L8.16336 12.481L8.16297 12.4814L8.51961 12.8319ZM6.29789 14.7202L5.97467 14.3387L5.97466 14.3387L6.29789 14.7202ZM6.17908 14.8453L6.58949 15.1309L6.58949 15.1309L6.17908 14.8453ZM17.6924 12.9592L17.3462 13.3199V13.3199L17.6924 12.9592ZM15.8413 11.1822L15.4951 11.5429H15.4951L15.8413 11.1822ZM15.1539 11.1773L14.8127 10.8118L14.8115 10.813L15.1539 11.1773ZM11.7252 14.3998L12.0663 14.7654L12.0676 14.7642L11.7252 14.3998ZM11.0272 14.3846L10.6692 14.7337L10.6699 14.7344L11.0272 14.3846ZM11.0182 14.3754L10.6598 14.7241L10.6602 14.7244L11.0182 14.3754ZM10.9692 14.3278L11.2965 13.9499L11.2965 13.9499L10.9692 14.3278ZM9.29885 12.881L9.62621 12.5031L9.62621 12.5031L9.29885 12.881ZM9.24966 12.8332L9.6081 12.4847L9.60776 12.4843L9.24966 12.8332ZM9.24085 12.8242L9.59896 12.4753L9.59828 12.4746L9.24085 12.8242ZM8.52909 12.8223L8.17356 12.4707L8.17285 12.4714L8.52909 12.8223ZM16.3194 6.59982V6.09983C16.0433 6.09983 15.8194 6.32368 15.8194 6.59982H16.3194ZM16.6626 6.59982H17.1626C17.1626 6.32368 16.9388 6.09983 16.6626 6.09983V6.59982ZM16.6626 6.89045V7.39045C16.9388 7.39045 17.1626 7.16659 17.1626 6.89045H16.6626ZM16.3194 6.89045H15.8194C15.8194 7.16659 16.0433 7.39045 16.3194 7.39045V6.89045ZM2.3999 6.00002H1.8999V18H2.3999H2.8999V6.00002H2.3999ZM5.9999 21.6V22.1H17.9999V21.6V21.1H5.9999V21.6ZM21.5999 18H22.0999V6.00002H21.5999H21.0999V18H21.5999ZM17.9999 2.40002V1.90002H5.9999V2.40002V2.90002H17.9999V2.40002ZM21.5999 6.00002H22.0999C22.0999 3.73566 20.2643 1.90002 17.9999 1.90002V2.40002V2.90002C19.712 2.90002 21.0999 4.28794 21.0999 6.00002H21.5999ZM17.9999 21.6V22.1C20.2643 22.1 22.0999 20.2644 22.0999 18H21.5999H21.0999C21.0999 19.7121 19.712 21.1 17.9999 21.1V21.6ZM2.3999 18H1.8999C1.8999 20.2644 3.73554 22.1 5.9999 22.1V21.6V21.1C4.28782 21.1 2.8999 19.7121 2.8999 18H2.3999ZM2.3999 6.00002H2.8999C2.8999 4.28794 4.28782 2.90002 5.9999 2.90002V2.40002V1.90002C3.73554 1.90002 1.8999 3.73566 1.8999 6.00002H2.3999ZM8.4668 12.8825L8.79002 13.2639C8.82893 13.231 8.86184 13.197 8.87624 13.1823L8.51961 12.8319L8.16297 12.4814C8.15376 12.4908 8.14918 12.4955 8.1452 12.4993C8.14168 12.5027 8.1415 12.5027 8.14358 12.501L8.4668 12.8825ZM6.29789 14.7202L6.62112 15.1017L8.79002 13.2639L8.4668 12.8825L8.14357 12.501L5.97467 14.3387L6.29789 14.7202ZM6.17908 14.8453L6.58949 15.1309C6.58756 15.1337 6.58796 15.1325 6.59314 15.1272C6.59849 15.1217 6.60708 15.1136 6.62112 15.1017L6.29789 14.7202L5.97466 14.3387C5.91625 14.3882 5.83737 14.461 5.76868 14.5597L6.17908 14.8453ZM5.9999 15.4165H6.4999C6.4999 15.314 6.53136 15.2144 6.58949 15.1309L6.17908 14.8453L5.76868 14.5597C5.59429 14.8103 5.4999 15.1091 5.4999 15.4165H5.9999ZM5.9999 17.5H6.4999V15.4165H5.9999H5.4999V17.5H5.9999ZM6.4999 18V17.5V17.5H5.9999H5.4999C5.4999 18.0523 5.94762 18.5 6.4999 18.5V18ZM17.4999 18V17.5H6.4999V18V18.5H17.4999V18ZM17.9999 17.5H17.4999L17.4999 17.5V18V18.5C18.0522 18.5 18.4999 18.0523 18.4999 17.5H17.9999ZM17.9999 13.6806H17.4999V17.5H17.9999H18.4999V13.6806H17.9999ZM17.6924 12.9592L17.3462 13.3199C17.4444 13.4142 17.4999 13.5445 17.4999 13.6806H17.9999H18.4999C18.4999 13.2722 18.3333 12.8814 18.0387 12.5986L17.6924 12.9592ZM15.8413 11.1822L15.4951 11.5429L17.3462 13.3199L17.6924 12.9592L18.0387 12.5986L16.1876 10.8215L15.8413 11.1822ZM15.1539 11.1773L15.4951 11.5429V11.5429L15.8413 11.1822L16.1876 10.8215C15.8046 10.4538 15.2009 10.4495 14.8127 10.8118L15.1539 11.1773ZM11.7252 14.3998L12.0676 14.7642L15.4963 11.5417L15.1539 11.1773L14.8115 10.813L11.3827 14.0355L11.7252 14.3998ZM11.0272 14.3846L10.6699 14.7344C11.0461 15.1187 11.6663 15.1388 12.0663 14.7654L11.7252 14.3998L11.384 14.0343L11.3844 14.0348L11.0272 14.3846ZM11.0182 14.3754L10.6602 14.7244L10.6692 14.7337L11.0272 14.3846L11.3852 14.0355L11.3761 14.0263L11.0182 14.3754ZM10.9692 14.3278L10.6418 14.7057C10.6399 14.7041 10.64 14.7041 10.6433 14.7073C10.647 14.7109 10.6513 14.7153 10.6598 14.7241L11.0182 14.3754L11.3765 14.0266C11.3631 14.0129 11.3325 13.981 11.2965 13.9499L10.9692 14.3278ZM9.29885 12.881L8.9715 13.259L10.6418 14.7057L10.9692 14.3278L11.2965 13.9499L9.62621 12.5031L9.29885 12.881ZM9.24966 12.8332L8.89121 13.1818C8.90465 13.1957 8.93535 13.2277 8.9715 13.259L9.29885 12.881L9.62621 12.5031C9.62813 12.5048 9.62796 12.5047 9.62467 12.5015C9.62096 12.4979 9.61669 12.4935 9.6081 12.4847L9.24966 12.8332ZM9.24085 12.8242L8.88275 13.1732L8.89155 13.1822L9.24966 12.8332L9.60776 12.4843L9.59896 12.4753L9.24085 12.8242ZM8.52909 12.8223L8.88462 13.1738C8.88476 13.1737 8.88417 13.1742 8.8834 13.1745C8.88299 13.1747 8.88323 13.1745 8.88403 13.1745C8.88481 13.1745 8.88504 13.1747 8.88461 13.1745C8.88381 13.1742 8.88324 13.1737 8.88342 13.1738L9.24085 12.8242L9.59828 12.4746C9.20817 12.0758 8.56533 12.0745 8.17356 12.4707L8.52909 12.8223ZM8.51961 12.8319L8.87585 13.1827L8.88533 13.1731L8.52909 12.8223L8.17285 12.4714L8.16336 12.481L8.51961 12.8319ZM16.3194 6.59982V7.09982H16.6626V6.59982V6.09983H16.3194V6.59982ZM16.6626 6.59982H16.1626V6.89045H16.6626H17.1626V6.59982H16.6626ZM16.6626 6.89045V6.39045H16.3194V6.89045V7.39045H16.6626V6.89045ZM16.3194 6.89045H16.8194V6.59982H16.3194H15.8194V6.89045H16.3194Z" fill="currentColor"/>

package/dist/icons/InformationCircleContainedIcon.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_InformationCircleContainedIcon">
       <path d="M2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12Z" stroke="url(#grad-InformationCircleContainedIcon)" stroke-linejoin="round"/>
@@ -62,11 +63,11 @@ 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_InformationCircleContainedIcon">
-      <path d="M2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12Z" stroke="currentColor" stroke-linejoin="round"/>
-      <path d="M12 12L12 16.8M12 8.44221V8.40002" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12Z" stroke={color} stroke-linejoin="round"/>
+      <path d="M12 12L12 16.8M12 8.44221V8.40002" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/InformationSquareContainedIcon.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_InformationSquareContainedIcon">
       <path d="M11.9999 12L11.9999 16.8M11.9999 8.4422V8.40001M2.3999 18L2.3999 5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999L17.9999 2.3999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18Z" stroke="url(#grad-InformationSquareContainedIcon)" 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_InformationSquareContainedIcon">
-      <path d="M11.9999 12L11.9999 16.8M11.9999 8.4422V8.40001M2.3999 18L2.3999 5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999L17.9999 2.3999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.9999 12L11.9999 16.8M11.9999 8.4422V8.40001M2.3999 18L2.3999 5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999L17.9999 2.3999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/LightBulb01Icon.svelte

@@ -29,7 +29,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
       d="M9.6 21.6H14.4M10.2 9.60002H13.8M6 8.40002C6 5.08632 8.68629 2.40002 12 2.40002C15.3137 2.40002 18 5.08632 18 8.40002C18 10.8604 16.5191 12.8742 14.4 13.8V17.4C14.4 18.0628 13.8627 18.6 13.2 18.6H10.8C10.1373 18.6 9.6 18.0628 9.6 17.4V13.9008C7.48091 12.9749 6 10.8604 6 8.40002Z"
@@ -63,11 +63,11 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <path
       d="M9.6 21.6H14.4M10.2 9.60002H13.8M6 8.40002C6 5.08632 8.68629 2.40002 12 2.40002C15.3137 2.40002 18 5.08632 18 8.40002C18 10.8604 16.5191 12.8742 14.4 13.8V17.4C14.4 18.0628 13.8627 18.6 13.2 18.6H10.8C10.1373 18.6 9.6 18.0628 9.6 17.4V13.9008C7.48091 12.9749 6 10.8604 6 8.40002Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/LightIcon.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 14 14"
-      fill="none"
+      fill={fill}
     >
       <g id="id_Light">
         <path
@@ -67,13 +68,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_Light">
         <path
           id="icon_Light"
           d="M6.99999 1.04135V0.599976M6.99999 13.4V12.9586M1.04137 6.99998H0.599993M13.4 6.99998H12.9586M2.78623 2.78665L2.47413 2.47454M11.5259 11.5254L11.2138 11.2133M2.78623 11.2133L2.47413 11.5254M11.5259 2.47451L11.2138 2.78661M3.47758 6.97584C3.47758 8.92597 5.05848 10.5069 7.00861 10.5069C8.95875 10.5069 10.5396 8.92597 10.5396 6.97584C10.5396 5.0257 8.95875 3.4448 7.00861 3.4448C5.05848 3.4448 3.47758 5.0257 3.47758 6.97584Z"
-          stroke="currentColor"
+          stroke={color}
           stroke-width={weight}
           stroke-linecap="round"
           stroke-linejoin="round"