chromia 0.1.12 → 0.1.13

package/dist/icons/SortVertical02Icon.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_SortVertical02Icon">
       <path d="M13.4415 6.62732H22M13.4415 11.4421H19.5547M13.4415 16.2569H17.1094M5.80564 6V18M5.80564 18L2 14.3317M5.80564 18L9.7566 14.3317" stroke="url(#grad-SortVertical02Icon)" 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_SortVertical02Icon">
-      <path d="M13.4415 6.62732H22M13.4415 11.4421H19.5547M13.4415 16.2569H17.1094M5.80564 6V18M5.80564 18L2 14.3317M5.80564 18L9.7566 14.3317" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.4415 6.62732H22M13.4415 11.4421H19.5547M13.4415 16.2569H17.1094M5.80564 6V18M5.80564 18L2 14.3317M5.80564 18L9.7566 14.3317" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/SparkleIcon.svelte

@@ -30,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}
   >
     <path
       id="icon_Sparkle"
@@ -66,13 +66,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <path
       id="icon_Sparkle"
       d="M6.16067 1.01475C6.41463 0.328417 7.38537 0.328417 7.63933 1.01475L8.9034 4.43084C8.98325 4.64662 9.15338 4.81675 9.36916 4.8966L12.7853 6.16067C13.4716 6.41463 13.4716 7.38537 12.7853 7.63933L9.36916 8.9034C9.15338 8.98325 8.98325 9.15338 8.9034 9.36916L7.63933 12.7853C7.38537 13.4716 6.41463 13.4716 6.16067 12.7853L4.8966 9.36916C4.81675 9.15338 4.64662 8.98325 4.43084 8.9034L1.01475 7.63933C0.328417 7.38537 0.328417 6.41463 1.01475 6.16067L4.43084 4.8966C4.64662 4.81675 4.81675 4.64662 4.8966 4.43084L6.16067 1.01475Z"
       fill={fillColor}
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/StarIcon.svelte

@@ -29,7 +29,7 @@ export { className as class };
     width="17"
     height="16"
     viewBox="0 0 17 16"
-    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.7108 1.03542C7.86572 0.72151 8.31334 0.72151 8.46827 1.03542L10.4738 5.09901C10.5353 5.22367 10.6542 5.31007 10.7918 5.33006L15.2762 5.98168C15.6226 6.03202 15.761 6.45774 15.5103 6.70208L12.2653 9.86515C12.1658 9.96218 12.1203 10.102 12.1438 10.239L12.9099 14.7053C12.9691 15.0503 12.6069 15.3134 12.2971 15.1505L8.28607 13.0418C8.16303 12.9771 8.01604 12.9771 7.893 13.0418L3.88199 15.1505C3.57214 15.3134 3.21001 15.0503 3.26918 14.7053L4.03522 10.239C4.05871 10.102 4.01329 9.96218 3.91375 9.86515L0.668778 6.702008C0.418106 6.45774 0.55643 6.03202 0.902849 5.98168L5.38729 5.33006C5.52485 5.31007 5.64377 5.22367 5.70529 5.09901L7.7108 1.03542Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linejoin="round"
       {fill}

package/dist/icons/Story01Icon.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_Story01Icon">
       <path d="M3.88516 11.8875V16.8726C3.88516 19.0818 5.67602 20.8726 7.88516 20.8726H16.1571C18.3663 20.8726 20.1571 19.0818 20.1571 16.8726V16.38V11.8875M2.50447 8.07856H21.5377M14.829 21V16.7647C14.829 15.5952 13.8717 14.6471 12.6907 14.6471H11.6215C10.4406 14.6471 9.48323 15.5952 9.48323 16.7647V21M6.25194 10.9597C5.72794 10.9597 5.15068 12.1805 4.57543 12.1805C2.79667 12.1805 1.55437 10.4359 2.1515 8.77659L3.13295 6.04929C3.79092 4.2209 5.53904 3 7.49902 3H16.5102C18.4621 3 20.2049 4.21109 20.8689 6.02893L21.8409 8.6905C22.461 10.3882 21.1911 12.1805 19.3681 12.1805C18.8598 12.1805 18.3142 10.9597 17.7409 10.9597C17.143 10.9597 16.5149 12.1805 15.8672 12.1805C15.257 12.1805 14.6294 10.9597 13.9934 10.9597C13.3416 10.9597 12.681 12.1805 12.0211 12.1805C11.3763 12.1805 10.7323 10.9597 10.098 10.9597C9.4929 10.9597 8.82655 12.1805 8.17499 12.1805C7.48779 12.1805 6.81705 10.9597 6.25194 10.9597Z" stroke="url(#grad-Story01Icon)"/>
@@ -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_Story01Icon">
-      <path d="M3.88516 11.8875V16.8726C3.88516 19.0818 5.67602 20.8726 7.88516 20.8726H16.1571C18.3663 20.8726 20.1571 19.0818 20.1571 16.8726V16.38V11.8875M2.50447 8.07856H21.5377M14.829 21V16.7647C14.829 15.5952 13.8717 14.6471 12.6907 14.6471H11.6215C10.4406 14.6471 9.48323 15.5952 9.48323 16.7647V21M6.25194 10.9597C5.72794 10.9597 5.15068 12.1805 4.57543 12.1805C2.79667 12.1805 1.55437 10.4359 2.1515 8.77659L3.13295 6.04929C3.79092 4.2209 5.53904 3 7.49902 3H16.5102C18.4621 3 20.2049 4.21109 20.8689 6.02893L21.8409 8.6905C22.461 10.3882 21.1911 12.1805 19.3681 12.1805C18.8598 12.1805 18.3142 10.9597 17.7409 10.9597C17.143 10.9597 16.5149 12.1805 15.8672 12.1805C15.257 12.1805 14.6294 10.9597 13.9934 10.9597C13.3416 10.9597 12.681 12.1805 12.0211 12.1805C11.3763 12.1805 10.7323 10.9597 10.098 10.9597C9.4929 10.9597 8.82655 12.1805 8.17499 12.1805C7.48779 12.1805 6.81705 10.9597 6.25194 10.9597Z" stroke="currentColor"/>
+      <path d="M3.88516 11.8875V16.8726C3.88516 19.0818 5.67602 20.8726 7.88516 20.8726H16.1571C18.3663 20.8726 20.1571 19.0818 20.1571 16.8726V16.38V11.8875M2.50447 8.07856H21.5377M14.829 21V16.7647C14.829 15.5952 13.8717 14.6471 12.6907 14.6471H11.6215C10.4406 14.6471 9.48323 15.5952 9.48323 16.7647V21M6.25194 10.9597C5.72794 10.9597 5.15068 12.1805 4.57543 12.1805C2.79667 12.1805 1.55437 10.4359 2.1515 8.77659L3.13295 6.04929C3.79092 4.2209 5.53904 3 7.49902 3H16.5102C18.4621 3 20.2049 4.21109 20.8689 6.02893L21.8409 8.6905C22.461 10.3882 21.1911 12.1805 19.3681 12.1805C18.8598 12.1805 18.3142 10.9597 17.7409 10.9597C17.143 10.9597 16.5149 12.1805 15.8672 12.1805C15.257 12.1805 14.6294 10.9597 13.9934 10.9597C13.3416 10.9597 12.681 12.1805 12.0211 12.1805C11.3763 12.1805 10.7323 10.9597 10.098 10.9597C9.4929 10.9597 8.82655 12.1805 8.17499 12.1805C7.48779 12.1805 6.81705 10.9597 6.25194 10.9597Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/TagIcon.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_TagIcon">
       <path d="M16.354 7.65248L16.3476 7.65245M19.5226 2.85139L13.7222 2.40521C13.2079 2.36565 12.7021 2.55278 12.3374 2.91749L2.91751 12.3374C2.22753 13.0273 2.22753 14.146 2.9175 14.836L9.16405 21.0825C9.85402 21.7725 10.9727 21.7725 11.6627 21.0825L21.0825 11.6626C21.4472 11.2979 21.6344 10.7921 21.5948 10.2778L21.1486 4.47747C21.0818 3.6086 20.3914 2.91823 19.5226 2.85139Z" stroke="url(#grad-TagIcon)" 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_TagIcon">
-      <path d="M16.354 7.65248L16.3476 7.65245M19.5226 2.85139L13.7222 2.40521C13.2079 2.36565 12.7021 2.55278 12.3374 2.91749L2.91751 12.3374C2.22753 13.0273 2.22753 14.146 2.9175 14.836L9.16405 21.0825C9.85402 21.7725 10.9727 21.7725 11.6627 21.0825L21.0825 11.6626C21.4472 11.2979 21.6344 10.7921 21.5948 10.2778L21.1486 4.47747C21.0818 3.6086 20.3914 2.91823 19.5226 2.85139Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16.354 7.65248L16.3476 7.65245M19.5226 2.85139L13.7222 2.40521C13.2079 2.36565 12.7021 2.55278 12.3374 2.91749L2.91751 12.3374C2.22753 13.0273 2.22753 14.146 2.9175 14.836L9.16405 21.0825C9.85402 21.7725 10.9727 21.7725 11.6627 21.0825L21.0825 11.6626C21.4472 11.2979 21.6344 10.7921 21.5948 10.2778L21.1486 4.47747C21.0818 3.6086 20.3914 2.91823 19.5226 2.85139Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Target01Icon.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_Target01Icon">
       <path d="M21.6 12C21.6 17.302 17.302 21.6 12 21.6M21.6 12C21.6 6.69809 17.302 2.40002 12 2.40002M21.6 12H18M12 21.6C6.69809 21.6 2.40002 17.302 2.40002 12M12 21.6V18M2.40002 12C2.40002 6.69809 6.69809 2.40002 12 2.40002M2.40002 12H6.00002M12 2.40002V6.00002" stroke="url(#grad-Target01Icon)"/>
@@ -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_Target01Icon">
-      <path d="M21.6 12C21.6 17.302 17.302 21.6 12 21.6M21.6 12C21.6 6.69809 17.302 2.40002 12 2.40002M21.6 12H18M12 21.6C6.69809 21.6 2.40002 17.302 2.40002 12M12 21.6V18M2.40002 12C2.40002 6.69809 6.69809 2.40002 12 2.40002M2.40002 12H6.00002M12 2.40002V6.00002" stroke="currentColor"/>
+      <path d="M21.6 12C21.6 17.302 17.302 21.6 12 21.6M21.6 12C21.6 6.69809 17.302 2.40002 12 2.40002M21.6 12H18M12 21.6C6.69809 21.6 2.40002 17.302 2.40002 12M12 21.6V18M2.40002 12C2.40002 6.69809 6.69809 2.40002 12 2.40002M2.40002 12H6.00002M12 2.40002V6.00002" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Target02Icon.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_Target02Icon">
       <path d="M22.1043 5.1941L22.4578 5.54765C22.5917 5.41374 22.6385 5.21565 22.5786 5.03599C22.5187 4.85632 22.3624 4.72591 22.175 4.69913L22.1043 5.1941ZM18.2859 9.01248L18.1278 9.48682C18.3074 9.54671 18.5055 9.49995 18.6394 9.36603L18.2859 9.01248ZM14.8918 5.61836L14.5382 5.26481C14.4043 5.39873 14.3575 5.59681 14.4174 5.77648L14.8918 5.61836ZM18.7101 1.79999L19.2051 1.72928C19.1783 1.54179 19.0479 1.38554 18.8683 1.32565C18.6886 1.26576 18.4905 1.31252 18.3566 1.44643L18.7101 1.79999ZM15.7403 8.16395L15.266 8.32206C15.3157 8.47137 15.4329 8.58852 15.5822 8.63829L15.7403 8.16395ZM19.1344 4.76984L18.6394 4.84055C18.6709 5.06054 18.8437 5.23338 19.0637 5.26481L19.1344 4.76984ZM21.0956 12.6H20.5956C20.5956 17.6258 16.5214 21.7 11.4956 21.7V22.2V22.7C17.0737 22.7 21.5956 18.1781 21.5956 12.6H21.0956ZM11.4956 22.2V21.7C6.46984 21.7 2.39563 17.6258 2.39563 12.6H1.89563H1.39563C1.39563 18.1781 5.91755 22.7 11.4956 22.7V22.2ZM1.89563 12.6H2.39563C2.39563 7.5742 6.46984 3.49999 11.4956 3.49999V2.99999V2.49999C5.91755 2.49999 1.39563 7.02191 1.39563 12.6H1.89563ZM16.2956 12.6H15.7956C15.7956 14.9748 13.8705 16.9 11.4956 16.9V17.4V17.9C14.4227 17.9 16.7956 15.5271 16.7956 12.6H16.2956ZM11.4956 17.4V16.9C9.1208 16.9 7.19563 14.9748 7.19563 12.6H6.69563H6.19563C6.19563 15.5271 8.56852 17.9 11.4956 17.9V17.4ZM6.69563 12.6H7.19563C7.19563 10.2252 9.1208 8.29999 11.4956 8.29999V7.79999V7.29999C8.56852 7.29999 6.19563 9.67288 6.19563 12.6H6.69563ZM15.7383 8.16386L15.3847 7.8103L11.1421 12.0529L11.4956 12.4065L11.8492 12.76L16.0918 8.51741L15.7383 8.16386ZM22.1043 5.1941L21.7507 4.84055L17.9323 8.65892L18.2859 9.01248L18.6394 9.36603L22.4578 5.54765L22.1043 5.1941ZM14.8918 5.61836L15.2453 5.97192L19.0637 2.15354L18.7101 1.79999L18.3566 1.44643L14.5382 5.26481L14.8918 5.61836ZM18.2859 9.01248L18.444 8.53814L15.8984 7.68961L15.7403 8.16395L15.5822 8.63829L18.1278 9.48682L18.2859 9.01248ZM15.7403 8.16395L16.2146 8.00584L15.3661 5.46025L14.8918 5.61836L14.4174 5.77648L15.266 8.32206L15.7403 8.16395ZM18.7101 1.79999L18.2152 1.8707L18.6394 4.84055L19.1344 4.76984L19.6294 4.69913L19.2051 1.72928L18.7101 1.79999ZM19.1344 4.76984L19.0637 5.26481L22.0335 5.68908L22.1043 5.1941L22.175 4.69913L19.2051 4.27486L19.1344 4.76984Z" fill="url(#grad-Target02Icon)"/>
@@ -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_Target02Icon">
       <path d="M22.1043 5.1941L22.4578 5.54765C22.5917 5.41374 22.6385 5.21565 22.5786 5.03599C22.5187 4.85632 22.3624 4.72591 22.175 4.69913L22.1043 5.1941ZM18.2859 9.01248L18.1278 9.48682C18.3074 9.54671 18.5055 9.49995 18.6394 9.36603L18.2859 9.01248ZM14.8918 5.61836L14.5382 5.26481C14.4043 5.39873 14.3575 5.59681 14.4174 5.77648L14.8918 5.61836ZM18.7101 1.79999L19.2051 1.72928C19.1783 1.54179 19.0479 1.38554 18.8683 1.32565C18.6886 1.26576 18.4905 1.31252 18.3566 1.44643L18.7101 1.79999ZM15.7403 8.16395L15.266 8.32206C15.3157 8.47137 15.4329 8.58852 15.5822 8.63829L15.7403 8.16395ZM19.1344 4.76984L18.6394 4.84055C18.6709 5.06054 18.8437 5.23338 19.0637 5.26481L19.1344 4.76984ZM21.0956 12.6H20.5956C20.5956 17.6258 16.5214 21.7 11.4956 21.7V22.2V22.7C17.0737 22.7 21.5956 18.1781 21.5956 12.6H21.0956ZM11.4956 22.2V21.7C6.46984 21.7 2.39563 17.6258 2.39563 12.6H1.89563H1.39563C1.39563 18.1781 5.91755 22.7 11.4956 22.7V22.2ZM1.89563 12.6H2.39563C2.39563 7.5742 6.46984 3.49999 11.4956 3.49999V2.99999V2.49999C5.91755 2.49999 1.39563 7.02191 1.39563 12.6H1.89563ZM16.2956 12.6H15.7956C15.7956 14.9748 13.8705 16.9 11.4956 16.9V17.4V17.9C14.4227 17.9 16.7956 15.5271 16.7956 12.6H16.2956ZM11.4956 17.4V16.9C9.1208 16.9 7.19563 14.9748 7.19563 12.6H6.69563H6.19563C6.19563 15.5271 8.56852 17.9 11.4956 17.9V17.4ZM6.69563 12.6H7.19563C7.19563 10.2252 9.1208 8.29999 11.4956 8.29999V7.79999V7.29999C8.56852 7.29999 6.19563 9.67288 6.19563 12.6H6.69563ZM15.7383 8.16386L15.3847 7.8103L11.1421 12.0529L11.4956 12.4065L11.8492 12.76L16.0918 8.51741L15.7383 8.16386ZM22.1043 5.1941L21.7507 4.84055L17.9323 8.65892L18.2859 9.01248L18.6394 9.36603L22.4578 5.54765L22.1043 5.1941ZM14.8918 5.61836L15.2453 5.97192L19.0637 2.15354L18.7101 1.79999L18.3566 1.44643L14.5382 5.26481L14.8918 5.61836ZM18.2859 9.01248L18.444 8.53814L15.8984 7.68961L15.7403 8.16395L15.5822 8.63829L18.1278 9.48682L18.2859 9.01248ZM15.7403 8.16395L16.2146 8.00584L15.3661 5.46025L14.8918 5.61836L14.4174 5.77648L15.266 8.32206L15.7403 8.16395ZM18.7101 1.79999L18.2152 1.8707L18.6394 4.84055L19.1344 4.76984L19.6294 4.69913L19.2051 1.72928L18.7101 1.79999ZM19.1344 4.76984L19.0637 5.26481L22.0335 5.68908L22.1043 5.1941L22.175 4.69913L19.2051 4.27486L19.1344 4.76984Z" fill="currentColor"/>

package/dist/icons/Target03Icon.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_Target03Icon">
       <path d="M12 4.2V0M12 24V19.8M19.8 12H24M0 12H4.2M21.6 12C21.6 17.3019 17.3019 21.6 12 21.6C6.69807 21.6 2.4 17.3019 2.4 12C2.4 6.69807 6.69807 2.4 12 2.4C17.3019 2.4 21.6 6.69807 21.6 12Z" stroke="url(#grad-Target03Icon)"/>
@@ -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_Target03Icon">
-      <path d="M12 4.2V0M12 24V19.8M19.8 12H24M0 12H4.2M21.6 12C21.6 17.3019 17.3019 21.6 12 21.6C6.69807 21.6 2.4 17.3019 2.4 12C2.4 6.69807 6.69807 2.4 12 2.4C17.3019 2.4 21.6 6.69807 21.6 12Z" stroke="currentColor"/>
+      <path d="M12 4.2V0M12 24V19.8M19.8 12H24M0 12H4.2M21.6 12C21.6 17.3019 17.3019 21.6 12 21.6C6.69807 21.6 2.4 17.3019 2.4 12C2.4 6.69807 6.69807 2.4 12 2.4C17.3019 2.4 21.6 6.69807 21.6 12Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Target04Icon.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_Target04Icon">
       <path d="M12 12V11.5C11.7239 11.5 11.5 11.7239 11.5 12H12ZM12.085 12H12.585C12.585 11.7239 12.3612 11.5 12.085 11.5V12ZM12.085 12.0769V12.5769C12.3612 12.5769 12.585 12.353 12.585 12.0769H12.085ZM12 12.0769H11.5C11.5 12.353 11.7239 12.5769 12 12.5769V12.0769ZM21.6 12H21.1C21.1 17.0258 17.0258 21.1 12 21.1V21.6V22.1C17.5781 22.1 22.1 17.5781 22.1 12H21.6ZM12 21.6V21.1C6.97423 21.1 2.90002 17.0258 2.90002 12H2.40002H1.90002C1.90002 17.5781 6.42195 22.1 12 22.1V21.6ZM2.40002 12H2.90002C2.90002 6.97423 6.97423 2.90002 12 2.90002V2.40002V1.90002C6.42195 1.90002 1.90002 6.42195 1.90002 12H2.40002ZM12 2.40002V2.90002C17.0258 2.90002 21.1 6.97423 21.1 12H21.6H22.1C22.1 6.42195 17.5781 1.90002 12 1.90002V2.40002ZM16.8 12H16.3C16.3 14.3748 14.3748 16.3 12 16.3V16.8V17.3C14.9271 17.3 17.3 14.9271 17.3 12H16.8ZM12 16.8V16.3C9.6252 16.3 7.70002 14.3748 7.70002 12H7.20002H6.70002C6.70002 14.9271 9.07291 17.3 12 17.3V16.8ZM7.20002 12H7.70002C7.70002 9.6252 9.6252 7.70002 12 7.70002V7.20002V6.70002C9.07291 6.70002 6.70002 9.07291 6.70002 12H7.20002ZM12 7.20002V7.70002C14.3748 7.70002 16.3 9.6252 16.3 12H16.8H17.3C17.3 9.07291 14.9271 6.70002 12 6.70002V7.20002ZM12 12V12.5H12.085V12V11.5H12V12ZM12.085 12H11.585V12.0769H12.085H12.585V12H12.085ZM12.085 12.0769V11.5769H12V12.0769V12.5769H12.085V12.0769ZM12 12.0769H12.5V12H12H11.5V12.0769H12Z" fill="url(#grad-Target04Icon)"/>
@@ -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_Target04Icon">
       <path d="M12 12V11.5C11.7239 11.5 11.5 11.7239 11.5 12H12ZM12.085 12H12.585C12.585 11.7239 12.3612 11.5 12.085 11.5V12ZM12.085 12.0769V12.5769C12.3612 12.5769 12.585 12.353 12.585 12.0769H12.085ZM12 12.0769H11.5C11.5 12.353 11.7239 12.5769 12 12.5769V12.0769ZM21.6 12H21.1C21.1 17.0258 17.0258 21.1 12 21.1V21.6V22.1C17.5781 22.1 22.1 17.5781 22.1 12H21.6ZM12 21.6V21.1C6.97423 21.1 2.90002 17.0258 2.90002 12H2.40002H1.90002C1.90002 17.5781 6.42195 22.1 12 22.1V21.6ZM2.40002 12H2.90002C2.90002 6.97423 6.97423 2.90002 12 2.90002V2.40002V1.90002C6.42195 1.90002 1.90002 6.42195 1.90002 12H2.40002ZM12 2.40002V2.90002C17.0258 2.90002 21.1 6.97423 21.1 12H21.6H22.1C22.1 6.42195 17.5781 1.90002 12 1.90002V2.40002ZM16.8 12H16.3C16.3 14.3748 14.3748 16.3 12 16.3V16.8V17.3C14.9271 17.3 17.3 14.9271 17.3 12H16.8ZM12 16.8V16.3C9.6252 16.3 7.70002 14.3748 7.70002 12H7.20002H6.70002C6.70002 14.9271 9.07291 17.3 12 17.3V16.8ZM7.20002 12H7.70002C7.70002 9.6252 9.6252 7.70002 12 7.70002V7.20002V6.70002C9.07291 6.70002 6.70002 9.07291 6.70002 12H7.20002ZM12 7.20002V7.70002C14.3748 7.70002 16.3 9.6252 16.3 12H16.8H17.3C17.3 9.07291 14.9271 6.70002 12 6.70002V7.20002ZM12 12V12.5H12.085V12V11.5H12V12ZM12.085 12H11.585V12.0769H12.085H12.585V12H12.085ZM12.085 12.0769V11.5769H12V12.0769V12.5769H12.085V12.0769ZM12 12.0769H12.5V12H12H11.5V12.0769H12Z" fill="currentColor"/>

package/dist/icons/TeamUserIcon.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 17"
-    fill="none"
+    fill={fill}
   >
     <g id="id_TeamUser">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 16 17"
-    fill="none"
+    fill={fill}
   >
     <g id="id_TeamUser">
       <path
         id="icon_TeamUser"
         d="M12.8 9.8739C13.6449 10.5052 14.4 12.0945 14.4 13.0739C14.4 13.379 14.1774 13.6263 13.9028 13.6263H13.6M10.4 7.28641C10.9466 6.97025 11.3143 6.3793 11.3143 5.70247C11.3143 5.02564 10.9466 4.4347 10.4 4.11853M2.09719 13.6263H10.8552C11.1298 13.6263 11.3524 13.379 11.3524 13.0739C11.3524 11.1561 9.75021 9.60149 6.4762 9.60149C3.20218 9.60149 1.60001 11.1561 1.60001 13.0739C1.60001 13.379 1.8226 13.6263 2.09719 13.6263ZM8.30477 5.70247C8.30477 6.71236 7.48609 7.53104 6.4762 7.53104C5.4663 7.53104 4.64762 6.71236 4.64762 5.70247C4.64762 4.69258 5.4663 3.8739 6.4762 3.8739C7.48609 3.8739 8.30477 4.69258 8.30477 5.70247Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/TextureIcon.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 21"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Texture">
       <path
@@ -67,13 +68,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 20 21"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Texture">
       <path
         id="icon_Texture"
         d="M5 18.7182L13.5 10.7182L17.5 14.7182M5 18.7182H15C16.6569 18.7182 18 17.3751 18 15.7182V10.2182M5 18.7182C3.34315 18.7182 2 17.3751 2 15.7182V5.7182C2 4.06135 3.34315 2.7182 5 2.7182H10.5M14 3.67476C14 2.59418 14.8954 1.7182 16 1.7182C17.1046 1.7182 18 2.59418 18 3.67476C18 4.75534 17.1046 5.63133 16 5.63133M16 8.2934V8.2182M8 7.2182C8 8.04663 7.32843 8.7182 6.5 8.7182C5.67157 8.7182 5 8.04663 5 7.2182C5 6.38977 5.67157 5.7182 6.5 5.7182C7.32843 5.7182 8 6.38977 8 7.2182Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/ToggleLeftIcon.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_ToggleLeftIcon">
       <path d="M7.20002 16.8H16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995H7.20002M7.20002 16.8C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995M7.20002 16.8C9.85099 16.8 12 14.6509 12 12C12 9.34898 9.85099 7.19995 7.20002 7.19995" stroke="url(#grad-ToggleLeftIcon)"/>
@@ -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_ToggleLeftIcon">
-      <path d="M7.20002 16.8H16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995H7.20002M7.20002 16.8C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995M7.20002 16.8C9.85099 16.8 12 14.6509 12 12C12 9.34898 9.85099 7.19995 7.20002 7.19995" stroke="currentColor"/>
+      <path d="M7.20002 16.8H16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995H7.20002M7.20002 16.8C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995M7.20002 16.8C9.85099 16.8 12 14.6509 12 12C12 9.34898 9.85099 7.19995 7.20002 7.19995" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/ToggleRightIcon.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_ToggleRightIcon">
       <path d="M16.8 16.8H7.20002C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995H16.8M16.8 16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995M16.8 16.8C14.1491 16.8 12 14.6509 12 12C12 9.34898 14.1491 7.19995 16.8 7.19995" stroke="url(#grad-ToggleRightIcon)"/>
@@ -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_ToggleRightIcon">
-      <path d="M16.8 16.8H7.20002C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995H16.8M16.8 16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995M16.8 16.8C14.1491 16.8 12 14.6509 12 12C12 9.34898 14.1491 7.19995 16.8 7.19995" stroke="currentColor"/>
+      <path d="M16.8 16.8H7.20002C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995H16.8M16.8 16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995M16.8 16.8C14.1491 16.8 12 14.6509 12 12C12 9.34898 14.1491 7.19995 16.8 7.19995" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Trash01Icon.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_Trash01Icon">
       <path d="M2.40002 5.40005H21.6M8.40002 1.80005H15.6M9.60002 17.4V10.2M14.4 17.4V10.2M16.2 22.2H7.80002C6.47454 22.2 5.40002 21.1255 5.40002 19.8L4.85211 6.65001C4.8237 5.96826 5.36872 5.40005 6.05106 5.40005H17.949C18.6313 5.40005 19.1763 5.96826 19.1479 6.65001L18.6 19.8001C18.6 21.1255 17.5255 22.2 16.2 22.2Z" stroke="url(#grad-Trash01Icon)" 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_Trash01Icon">
-      <path d="M2.40002 5.40005H21.6M8.40002 1.80005H15.6M9.60002 17.4V10.2M14.4 17.4V10.2M16.2 22.2H7.80002C6.47454 22.2 5.40002 21.1255 5.40002 19.8L4.85211 6.65001C4.8237 5.96826 5.36872 5.40005 6.05106 5.40005H17.949C18.6313 5.40005 19.1763 5.96826 19.1479 6.65001L18.6 19.8001C18.6 21.1255 17.5255 22.2 16.2 22.2Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.40002 5.40005H21.6M8.40002 1.80005H15.6M9.60002 17.4V10.2M14.4 17.4V10.2M16.2 22.2H7.80002C6.47454 22.2 5.40002 21.1255 5.40002 19.8L4.85211 6.65001C4.8237 5.96826 5.36872 5.40005 6.05106 5.40005H17.949C18.6313 5.40005 19.1763 5.96826 19.1479 6.65001L18.6 19.8001C18.6 21.1255 17.5255 22.2 16.2 22.2Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Trash02Icon.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_Trash02Icon">
       <path d="M2.40002 5.40005H21.6M9.60002 17.4V10.2M14.4 17.4V10.2M16.8 22.2H7.20002C5.87454 22.2 4.80002 21.1255 4.80002 19.8V6.60005C4.80002 5.93731 5.33728 5.40005 6.00002 5.40005H18C18.6628 5.40005 19.2 5.93731 19.2 6.60005V19.8001C19.2 21.1255 18.1255 22.2 16.8 22.2ZM9.60002 5.40005H14.4C15.0628 5.40005 15.6 4.86279 15.6 4.20005V3.00005C15.6 2.33731 15.0628 1.80005 14.4 1.80005H9.60002C8.93728 1.80005 8.40002 2.33731 8.40002 3.00005V4.20005C8.40002 4.86279 8.93728 5.40005 9.60002 5.40005Z" stroke="url(#grad-Trash02Icon)" 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_Trash02Icon">
-      <path d="M2.40002 5.40005H21.6M9.60002 17.4V10.2M14.4 17.4V10.2M16.8 22.2H7.20002C5.87454 22.2 4.80002 21.1255 4.80002 19.8V6.60005C4.80002 5.93731 5.33728 5.40005 6.00002 5.40005H18C18.6628 5.40005 19.2 5.93731 19.2 6.60005V19.8001C19.2 21.1255 18.1255 22.2 16.8 22.2ZM9.60002 5.40005H14.4C15.0628 5.40005 15.6 4.86279 15.6 4.20005V3.00005C15.6 2.33731 15.0628 1.80005 14.4 1.80005H9.60002C8.93728 1.80005 8.40002 2.33731 8.40002 3.00005V4.20005C8.40002 4.86279 8.93728 5.40005 9.60002 5.40005Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.40002 5.40005H21.6M9.60002 17.4V10.2M14.4 17.4V10.2M16.8 22.2H7.20002C5.87454 22.2 4.80002 21.1255 4.80002 19.8V6.60005C4.80002 5.93731 5.33728 5.40005 6.00002 5.40005H18C18.6628 5.40005 19.2 5.93731 19.2 6.60005V19.8001C19.2 21.1255 18.1255 22.2 16.8 22.2ZM9.60002 5.40005H14.4C15.0628 5.40005 15.6 4.86279 15.6 4.20005V3.00005C15.6 2.33731 15.0628 1.80005 14.4 1.80005H9.60002C8.93728 1.80005 8.40002 2.33731 8.40002 3.00005V4.20005C8.40002 4.86279 8.93728 5.40005 9.60002 5.40005Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Trash03Icon.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_Trash03Icon">
       <path d="M2.40002 5.40005H21.6M8.40002 1.80005H15.6M16.2 22.2H7.80002C6.47454 22.2 5.40002 21.1255 5.40002 19.8L4.85211 6.65001C4.8237 5.96826 5.36872 5.40005 6.05106 5.40005H17.949C18.6313 5.40005 19.1763 5.96826 19.1479 6.65001L18.6 19.8001C18.6 21.1255 17.5255 22.2 16.2 22.2Z" stroke="url(#grad-Trash03Icon)"/>
@@ -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_Trash03Icon">
-      <path d="M2.40002 5.40005H21.6M8.40002 1.80005H15.6M16.2 22.2H7.80002C6.47454 22.2 5.40002 21.1255 5.40002 19.8L4.85211 6.65001C4.8237 5.96826 5.36872 5.40005 6.05106 5.40005H17.949C18.6313 5.40005 19.1763 5.96826 19.1479 6.65001L18.6 19.8001C18.6 21.1255 17.5255 22.2 16.2 22.2Z" stroke="currentColor"/>
+      <path d="M2.40002 5.40005H21.6M8.40002 1.80005H15.6M16.2 22.2H7.80002C6.47454 22.2 5.40002 21.1255 5.40002 19.8L4.85211 6.65001C4.8237 5.96826 5.36872 5.40005 6.05106 5.40005H17.949C18.6313 5.40005 19.1763 5.96826 19.1479 6.65001L18.6 19.8001C18.6 21.1255 17.5255 22.2 16.2 22.2Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Trash04Icon.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_Trash04Icon">
       <path d="M2.40002 5.40005L21.6 5.40005M16.8 22.2H7.20002C5.87454 22.2 4.80002 21.1255 4.80002 19.8V6.60005C4.80002 5.93731 5.33728 5.40005 6.00002 5.40005H18C18.6628 5.40005 19.2 5.93731 19.2 6.60005V19.8001C19.2 21.1255 18.1255 22.2 16.8 22.2ZM9.60002 5.40005H14.4C15.0628 5.40005 15.6 4.86279 15.6 4.20005V3.00005C15.6 2.33731 15.0628 1.80005 14.4 1.80005H9.60002C8.93728 1.80005 8.40002 2.33731 8.40002 3.00005V4.20005C8.40002 4.86279 8.93728 5.40005 9.60002 5.40005Z" stroke="url(#grad-Trash04Icon)"/>
@@ -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_Trash04Icon">
-      <path d="M2.40002 5.40005L21.6 5.40005M16.8 22.2H7.20002C5.87454 22.2 4.80002 21.1255 4.80002 19.8V6.60005C4.80002 5.93731 5.33728 5.40005 6.00002 5.40005H18C18.6628 5.40005 19.2 5.93731 19.2 6.60005V19.8001C19.2 21.1255 18.1255 22.2 16.8 22.2ZM9.60002 5.40005H14.4C15.0628 5.40005 15.6 4.86279 15.6 4.20005V3.00005C15.6 2.33731 15.0628 1.80005 14.4 1.80005H9.60002C8.93728 1.80005 8.40002 2.33731 8.40002 3.00005V4.20005C8.40002 4.86279 8.93728 5.40005 9.60002 5.40005Z" stroke="currentColor"/>
+      <path d="M2.40002 5.40005L21.6 5.40005M16.8 22.2H7.20002C5.87454 22.2 4.80002 21.1255 4.80002 19.8V6.60005C4.80002 5.93731 5.33728 5.40005 6.00002 5.40005H18C18.6628 5.40005 19.2 5.93731 19.2 6.60005V19.8001C19.2 21.1255 18.1255 22.2 16.8 22.2ZM9.60002 5.40005H14.4C15.0628 5.40005 15.6 4.86279 15.6 4.20005V3.00005C15.6 2.33731 15.0628 1.80005 14.4 1.80005H9.60002C8.93728 1.80005 8.40002 2.33731 8.40002 3.00005V4.20005C8.40002 4.86279 8.93728 5.40005 9.60002 5.40005Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/TrashIcon.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_Trash">
       <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_Trash">
       <path
         id="icon_Trash"
         d="M1.39999 3.14999H12.6M4.89999 1.04999H9.09999M5.59999 10.15V5.94999M8.39999 10.15V5.94999M9.44999 12.95H4.54999C3.7768 12.95 3.14999 12.3232 3.14999 11.55L2.83037 3.87913C2.8138 3.48144 3.13173 3.14999 3.52977 3.14999H10.4702C10.8683 3.14999 11.1862 3.48144 11.1696 3.87913L10.85 11.55C10.85 12.3232 10.2232 12.95 9.44999 12.95Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/TrendUpIcon.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}
   >
     <g id="id_TrendUp">
       <path
@@ -67,13 +68,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_TrendUp">
       <path
         id="icon_TrendUp"
         d="M2.40002 16.8L7.77602 11.6308L12.384 16.0615L21.6 7.2M21.6 7.2H14.688M21.6 7.2V13.8462"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/UpgradeIcon.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) {

package/dist/icons/Upload01Icon.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_Upload01Icon">
       <path d="M4.5551 16.5555C2.60745 16.5555 1.02856 15.2272 1.02856 13.2795C1.02856 11.3319 2.60745 9.75301 4.5551 9.75301C4.68754 9.75301 4.81828 9.76032 4.94693 9.77454V9.75301H4.99544C4.96342 9.49629 4.94693 9.23474 4.94693 8.96934C4.94693 5.50685 7.75383 2.69995 11.2163 2.69995C13.561 2.69995 15.6051 3.98709 16.6805 5.89332C16.9433 5.85467 17.2122 5.83464 17.4857 5.83464C20.5154 5.83464 22.9714 8.29068 22.9714 11.3204C22.9714 13.8143 21.3071 15.7156 19.0286 16.3423M11.8269 21.3V12.3M11.8269 12.3L8.22856 16.0117M11.8269 12.3L15.4286 16.0117" stroke="url(#grad-Upload01Icon)" 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_Upload01Icon">
-      <path d="M4.5551 16.5555C2.60745 16.5555 1.02856 15.2272 1.02856 13.2795C1.02856 11.3319 2.60745 9.75301 4.5551 9.75301C4.68754 9.75301 4.81828 9.76032 4.94693 9.77454V9.75301H4.99544C4.96342 9.49629 4.94693 9.23474 4.94693 8.96934C4.94693 5.50685 7.75383 2.69995 11.2163 2.69995C13.561 2.69995 15.6051 3.98709 16.6805 5.89332C16.9433 5.85467 17.2122 5.83464 17.4857 5.83464C20.5154 5.83464 22.9714 8.29068 22.9714 11.3204C22.9714 13.8143 21.3071 15.7156 19.0286 16.3423M11.8269 21.3V12.3M11.8269 12.3L8.22856 16.0117M11.8269 12.3L15.4286 16.0117" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M4.5551 16.5555C2.60745 16.5555 1.02856 15.2272 1.02856 13.2795C1.02856 11.3319 2.60745 9.75301 4.5551 9.75301C4.68754 9.75301 4.81828 9.76032 4.94693 9.77454V9.75301H4.99544C4.96342 9.49629 4.94693 9.23474 4.94693 8.96934C4.94693 5.50685 7.75383 2.69995 11.2163 2.69995C13.561 2.69995 15.6051 3.98709 16.6805 5.89332C16.9433 5.85467 17.2122 5.83464 17.4857 5.83464C20.5154 5.83464 22.9714 8.29068 22.9714 11.3204C22.9714 13.8143 21.3071 15.7156 19.0286 16.3423M11.8269 21.3V12.3M11.8269 12.3L8.22856 16.0117M11.8269 12.3L15.4286 16.0117" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}