chromia 0.1.12 → 0.1.13

package/dist/icons/DiscountCircleIcon.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_DiscountCircleIcon">
       <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M21.6 12C21.6 17.3019 17.302 21.6 12 21.6C6.69809 21.6 2.40002 17.3019 2.40002 12C2.40002 6.69806 6.69809 2.39999 12 2.39999C17.302 2.39999 21.6 6.69806 21.6 12Z" stroke="url(#grad-DiscountCircleIcon)"/>
@@ -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_DiscountCircleIcon">
-      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M21.6 12C21.6 17.3019 17.302 21.6 12 21.6C6.69809 21.6 2.40002 17.3019 2.40002 12C2.40002 6.69806 6.69809 2.39999 12 2.39999C17.302 2.39999 21.6 6.69806 21.6 12Z" stroke="currentColor"/>
+      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M21.6 12C21.6 17.3019 17.302 21.6 12 21.6C6.69809 21.6 2.40002 17.3019 2.40002 12C2.40002 6.69806 6.69809 2.39999 12 2.39999C17.302 2.39999 21.6 6.69806 21.6 12Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/DiscountSquareIcon.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_DiscountSquareIcon">
       <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M2.40002 19.2V4.79999C2.40002 3.47451 3.47454 2.39999 4.80002 2.39999H19.2C20.5255 2.39999 21.6 3.47451 21.6 4.79999V19.2C21.6 20.5255 20.5255 21.6 19.2 21.6H4.80002C3.47454 21.6 2.40002 20.5255 2.40002 19.2Z" stroke="url(#grad-DiscountSquareIcon)" 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_DiscountSquareIcon">
-      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M2.40002 19.2V4.79999C2.40002 3.47451 3.47454 2.39999 4.80002 2.39999H19.2C20.5255 2.39999 21.6 3.47451 21.6 4.79999V19.2C21.6 20.5255 20.5255 21.6 19.2 21.6H4.80002C3.47454 21.6 2.40002 20.5255 2.40002 19.2Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M2.40002 19.2V4.79999C2.40002 3.47451 3.47454 2.39999 4.80002 2.39999H19.2C20.5255 2.39999 21.6 3.47451 21.6 4.79999V19.2C21.6 20.5255 20.5255 21.6 19.2 21.6H4.80002C3.47454 21.6 2.40002 20.5255 2.40002 19.2Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/DiscountStar01Icon.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_DiscountStar01Icon">
       <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M7.92288 4.38732L6.90497 4.44931C5.58354 4.52979 4.52982 5.58351 4.44934 6.90495L4.38735 7.92285C4.35179 8.50676 4.12182 9.06196 3.73408 9.49999L3.05814 10.2636C2.18065 11.2549 2.18065 12.7451 3.05814 13.7364L3.73408 14.5C4.12182 14.938 4.35179 15.4932 4.38735 16.0771L4.44934 17.095C4.52982 18.4165 5.58354 19.4702 6.90498 19.5507L7.92288 19.6127C8.50679 19.6482 9.06199 19.8782 9.50002 20.2659L10.2636 20.9419C11.2549 21.8194 12.7451 21.8194 13.7364 20.9419L14.5 20.2659C14.9381 19.8782 15.4933 19.6482 16.0772 19.6127L17.0951 19.5507C18.4165 19.4702 19.4702 18.4165 19.5507 17.095L19.6127 16.0771C19.6483 15.4932 19.8782 14.938 20.266 14.5L20.9419 13.7364C21.8194 12.7451 21.8194 11.2549 20.9419 10.2636L20.266 9.49999C19.8782 9.06196 19.6483 8.50676 19.6127 7.92285L19.5507 6.90495C19.4702 5.58351 18.4165 4.52979 17.0951 4.44931L16.0772 4.38732C15.4933 4.35176 14.9381 4.12178 14.5 3.73405L13.7364 3.05811C12.7451 2.18062 11.2549 2.18062 10.2636 3.05811L9.50002 3.73405C9.06199 4.12178 8.50679 4.35176 7.92288 4.38732Z" stroke="url(#grad-DiscountStar01Icon)"/>
@@ -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_DiscountStar01Icon">
-      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M7.92288 4.38732L6.90497 4.44931C5.58354 4.52979 4.52982 5.58351 4.44934 6.90495L4.38735 7.92285C4.35179 8.50676 4.12182 9.06196 3.73408 9.49999L3.05814 10.2636C2.18065 11.2549 2.18065 12.7451 3.05814 13.7364L3.73408 14.5C4.12182 14.938 4.35179 15.4932 4.38735 16.0771L4.44934 17.095C4.52982 18.4165 5.58354 19.4702 6.90498 19.5507L7.92288 19.6127C8.50679 19.6482 9.06199 19.8782 9.50002 20.2659L10.2636 20.9419C11.2549 21.8194 12.7451 21.8194 13.7364 20.9419L14.5 20.2659C14.9381 19.8782 15.4933 19.6482 16.0772 19.6127L17.0951 19.5507C18.4165 19.4702 19.4702 18.4165 19.5507 17.095L19.6127 16.0771C19.6483 15.4932 19.8782 14.938 20.266 14.5L20.9419 13.7364C21.8194 12.7451 21.8194 11.2549 20.9419 10.2636L20.266 9.49999C19.8782 9.06196 19.6483 8.50676 19.6127 7.92285L19.5507 6.90495C19.4702 5.58351 18.4165 4.52979 17.0951 4.44931L16.0772 4.38732C15.4933 4.35176 14.9381 4.12178 14.5 3.73405L13.7364 3.05811C12.7451 2.18062 11.2549 2.18062 10.2636 3.05811L9.50002 3.73405C9.06199 4.12178 8.50679 4.35176 7.92288 4.38732Z" stroke="currentColor"/>
+      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M7.92288 4.38732L6.90497 4.44931C5.58354 4.52979 4.52982 5.58351 4.44934 6.90495L4.38735 7.92285C4.35179 8.50676 4.12182 9.06196 3.73408 9.49999L3.05814 10.2636C2.18065 11.2549 2.18065 12.7451 3.05814 13.7364L3.73408 14.5C4.12182 14.938 4.35179 15.4932 4.38735 16.0771L4.44934 17.095C4.52982 18.4165 5.58354 19.4702 6.90498 19.5507L7.92288 19.6127C8.50679 19.6482 9.06199 19.8782 9.50002 20.2659L10.2636 20.9419C11.2549 21.8194 12.7451 21.8194 13.7364 20.9419L14.5 20.2659C14.9381 19.8782 15.4933 19.6482 16.0772 19.6127L17.0951 19.5507C18.4165 19.4702 19.4702 18.4165 19.5507 17.095L19.6127 16.0771C19.6483 15.4932 19.8782 14.938 20.266 14.5L20.9419 13.7364C21.8194 12.7451 21.8194 11.2549 20.9419 10.2636L20.266 9.49999C19.8782 9.06196 19.6483 8.50676 19.6127 7.92285L19.5507 6.90495C19.4702 5.58351 18.4165 4.52979 17.0951 4.44931L16.0772 4.38732C15.4933 4.35176 14.9381 4.12178 14.5 3.73405L13.7364 3.05811C12.7451 2.18062 11.2549 2.18062 10.2636 3.05811L9.50002 3.73405C9.06199 4.12178 8.50679 4.35176 7.92288 4.38732Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/DiscountStar02Icon.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_DiscountStar02Icon">
       <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M9.57598 4.04279L7.63812 3.61817C7.3285 3.55032 7.01816 3.7295 6.9221 4.03156L6.3209 5.92211C6.26056 6.11186 6.11189 6.26053 5.92214 6.32087L4.03159 6.92207C3.72953 7.01813 3.55035 7.32847 3.6182 7.63809L4.04282 9.57595C4.08544 9.77045 4.03102 9.97354 3.89687 10.1207L2.5602 11.5866C2.34663 11.8208 2.34663 12.1792 2.5602 12.4134L3.89687 13.8793C4.03102 14.0264 4.08544 14.2295 4.04282 14.424L3.6182 16.3619C3.55035 16.6715 3.72953 16.9819 4.03159 17.0779L5.92214 17.6791C6.11189 17.7395 6.26056 17.8881 6.3209 18.0779L6.9221 19.9684C7.01816 20.2705 7.3285 20.4497 7.63812 20.3818L9.57598 19.9572C9.77048 19.9146 9.97357 19.969 10.1207 20.1031L11.5866 21.4398C11.8208 21.6534 12.1792 21.6534 12.4134 21.4398L13.8793 20.1031C14.0265 19.969 14.2296 19.9146 14.4241 19.9572L16.3619 20.3818C16.6715 20.4497 16.9819 20.2705 17.0779 19.9684L17.6791 18.0779C17.7395 17.8881 17.8881 17.7394 18.0779 17.6791L19.9685 17.0779C20.2705 16.9819 20.4497 16.6715 20.3818 16.3619L19.9572 14.424C19.9146 14.2295 19.969 14.0264 20.1032 13.8793L21.4398 12.4134C21.6534 12.1792 21.6534 11.8208 21.4398 11.5866L20.1032 10.1207C19.969 9.97354 19.9146 9.77045 19.9572 9.57595L20.3818 7.63809C20.4497 7.32847 20.2705 7.01813 19.9685 6.92207L18.0779 6.32087C17.8882 6.26053 17.7395 6.11186 17.6791 5.92211L17.0779 4.03156C16.9819 3.7295 16.6715 3.55032 16.3619 3.61817L14.4241 4.04279C14.2296 4.08541 14.0265 4.03099 13.8793 3.89684L12.4134 2.56017C12.1792 2.3466 11.8208 2.3466 11.5866 2.56017L10.1207 3.89684C9.97357 4.03099 9.77048 4.08541 9.57598 4.04279Z" stroke="url(#grad-DiscountStar02Icon)"/>
@@ -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_DiscountStar02Icon">
-      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M9.57598 4.04279L7.63812 3.61817C7.3285 3.55032 7.01816 3.7295 6.9221 4.03156L6.3209 5.92211C6.26056 6.11186 6.11189 6.26053 5.92214 6.32087L4.03159 6.92207C3.72953 7.01813 3.55035 7.32847 3.6182 7.63809L4.04282 9.57595C4.08544 9.77045 4.03102 9.97354 3.89687 10.1207L2.5602 11.5866C2.34663 11.8208 2.34663 12.1792 2.5602 12.4134L3.89687 13.8793C4.03102 14.0264 4.08544 14.2295 4.04282 14.424L3.6182 16.3619C3.55035 16.6715 3.72953 16.9819 4.03159 17.0779L5.92214 17.6791C6.11189 17.7395 6.26056 17.8881 6.3209 18.0779L6.9221 19.9684C7.01816 20.2705 7.3285 20.4497 7.63812 20.3818L9.57598 19.9572C9.77048 19.9146 9.97357 19.969 10.1207 20.1031L11.5866 21.4398C11.8208 21.6534 12.1792 21.6534 12.4134 21.4398L13.8793 20.1031C14.0265 19.969 14.2296 19.9146 14.4241 19.9572L16.3619 20.3818C16.6715 20.4497 16.9819 20.2705 17.0779 19.9684L17.6791 18.0779C17.7395 17.8881 17.8881 17.7394 18.0779 17.6791L19.9685 17.0779C20.2705 16.9819 20.4497 16.6715 20.3818 16.3619L19.9572 14.424C19.9146 14.2295 19.969 14.0264 20.1032 13.8793L21.4398 12.4134C21.6534 12.1792 21.6534 11.8208 21.4398 11.5866L20.1032 10.1207C19.969 9.97354 19.9146 9.77045 19.9572 9.57595L20.3818 7.63809C20.4497 7.32847 20.2705 7.01813 19.9685 6.92207L18.0779 6.32087C17.8882 6.26053 17.7395 6.11186 17.6791 5.92211L17.0779 4.03156C16.9819 3.7295 16.6715 3.55032 16.3619 3.61817L14.4241 4.04279C14.2296 4.08541 14.0265 4.03099 13.8793 3.89684L12.4134 2.56017C12.1792 2.3466 11.8208 2.3466 11.5866 2.56017L10.1207 3.89684C9.97357 4.03099 9.77048 4.08541 9.57598 4.04279Z" stroke="currentColor"/>
+      <path d="M8.40002 15.6L15.6 8.39999M8.95392 8.94934L8.93978 8.93504M15.0644 15.1227L15.0503 15.1084M9.57598 4.04279L7.63812 3.61817C7.3285 3.55032 7.01816 3.7295 6.9221 4.03156L6.3209 5.92211C6.26056 6.11186 6.11189 6.26053 5.92214 6.32087L4.03159 6.92207C3.72953 7.01813 3.55035 7.32847 3.6182 7.63809L4.04282 9.57595C4.08544 9.77045 4.03102 9.97354 3.89687 10.1207L2.5602 11.5866C2.34663 11.8208 2.34663 12.1792 2.5602 12.4134L3.89687 13.8793C4.03102 14.0264 4.08544 14.2295 4.04282 14.424L3.6182 16.3619C3.55035 16.6715 3.72953 16.9819 4.03159 17.0779L5.92214 17.6791C6.11189 17.7395 6.26056 17.8881 6.3209 18.0779L6.9221 19.9684C7.01816 20.2705 7.3285 20.4497 7.63812 20.3818L9.57598 19.9572C9.77048 19.9146 9.97357 19.969 10.1207 20.1031L11.5866 21.4398C11.8208 21.6534 12.1792 21.6534 12.4134 21.4398L13.8793 20.1031C14.0265 19.969 14.2296 19.9146 14.4241 19.9572L16.3619 20.3818C16.6715 20.4497 16.9819 20.2705 17.0779 19.9684L17.6791 18.0779C17.7395 17.8881 17.8881 17.7394 18.0779 17.6791L19.9685 17.0779C20.2705 16.9819 20.4497 16.6715 20.3818 16.3619L19.9572 14.424C19.9146 14.2295 19.969 14.0264 20.1032 13.8793L21.4398 12.4134C21.6534 12.1792 21.6534 11.8208 21.4398 11.5866L20.1032 10.1207C19.969 9.97354 19.9146 9.77045 19.9572 9.57595L20.3818 7.63809C20.4497 7.32847 20.2705 7.01813 19.9685 6.92207L18.0779 6.32087C17.8882 6.26053 17.7395 6.11186 17.6791 5.92211L17.0779 4.03156C16.9819 3.7295 16.6715 3.55032 16.3619 3.61817L14.4241 4.04279C14.2296 4.08541 14.0265 4.03099 13.8793 3.89684L12.4134 2.56017C12.1792 2.3466 11.8208 2.3466 11.5866 2.56017L10.1207 3.89684C9.97357 4.03099 9.77048 4.08541 9.57598 4.04279Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/DiscountStar03Icon.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_DiscountStar03Icon">
       <path d="M8.40034 15.6001L15.6003 8.40013M8.95424 8.94947L8.94009 8.93518M15.0648 15.1228L15.0506 15.1085M11.4992 3.63815L9.57481 2.57301C9.15209 2.33904 8.6277 2.52441 8.42854 2.97823L7.52188 5.04419C7.40388 5.31306 7.16268 5.50072 6.88194 5.5421L4.72472 5.86002C4.25086 5.92985 3.9311 6.40127 4.02576 6.89049L4.45668 9.11765C4.51276 9.4075 4.4234 9.70718 4.21959 9.91275L2.65355 11.4923C2.30955 11.8393 2.31656 12.4166 2.66888 12.7544L4.27277 14.2921C4.48151 14.4922 4.57812 14.7894 4.5291 15.0807L4.15241 17.3185C4.06967 17.8101 4.40077 18.2729 4.87617 18.3302L7.04042 18.591C7.32208 18.6249 7.56776 18.8062 7.69225 19.0719L8.6488 21.1132C8.85892 21.5616 9.38763 21.7331 9.80454 21.488L11.7025 20.3724C11.9495 20.2272 12.2504 20.2232 12.5008 20.3618L14.4252 21.427C14.848 21.6609 15.3723 21.4756 15.5715 21.0218L16.4782 18.9558C16.5962 18.6869 16.8374 18.4993 17.1181 18.4579L19.2753 18.14C19.7492 18.0701 20.0689 17.5987 19.9743 17.1095L19.5434 14.8823C19.4873 14.5925 19.5766 14.2928 19.7805 14.0872L21.3465 12.5077C21.6905 12.1607 21.6835 11.5833 21.3312 11.2456L19.7273 9.70791C19.5185 9.50779 19.4219 9.21057 19.4709 8.91933L19.8476 6.6815C19.9304 6.18993 19.5993 5.72712 19.1239 5.66982L16.9596 5.40898C16.678 5.37504 16.4323 5.1938 16.3078 4.92813L15.3513 2.88679C15.1411 2.43838 14.6124 2.26691 14.1955 2.51198L12.2976 3.6276C12.0506 3.77279 11.7497 3.77677 11.4992 3.63815Z" stroke="url(#grad-DiscountStar03Icon)"/>
@@ -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_DiscountStar03Icon">
-      <path d="M8.40034 15.6001L15.6003 8.40013M8.95424 8.94947L8.94009 8.93518M15.0648 15.1228L15.0506 15.1085M11.4992 3.63815L9.57481 2.57301C9.15209 2.33904 8.6277 2.52441 8.42854 2.97823L7.52188 5.04419C7.40388 5.31306 7.16268 5.50072 6.88194 5.5421L4.72472 5.86002C4.25086 5.92985 3.9311 6.40127 4.02576 6.89049L4.45668 9.11765C4.51276 9.4075 4.4234 9.70718 4.21959 9.91275L2.65355 11.4923C2.30955 11.8393 2.31656 12.4166 2.66888 12.7544L4.27277 14.2921C4.48151 14.4922 4.57812 14.7894 4.5291 15.0807L4.15241 17.3185C4.06967 17.8101 4.40077 18.2729 4.87617 18.3302L7.04042 18.591C7.32208 18.6249 7.56776 18.8062 7.69225 19.0719L8.6488 21.1132C8.85892 21.5616 9.38763 21.7331 9.80454 21.488L11.7025 20.3724C11.9495 20.2272 12.2504 20.2232 12.5008 20.3618L14.4252 21.427C14.848 21.6609 15.3723 21.4756 15.5715 21.0218L16.4782 18.9558C16.5962 18.6869 16.8374 18.4993 17.1181 18.4579L19.2753 18.14C19.7492 18.0701 20.0689 17.5987 19.9743 17.1095L19.5434 14.8823C19.4873 14.5925 19.5766 14.2928 19.7805 14.0872L21.3465 12.5077C21.6905 12.1607 21.6835 11.5833 21.3312 11.2456L19.7273 9.70791C19.5185 9.50779 19.4219 9.21057 19.4709 8.91933L19.8476 6.6815C19.9304 6.18993 19.5993 5.72712 19.1239 5.66982L16.9596 5.40898C16.678 5.37504 16.4323 5.1938 16.3078 4.92813L15.3513 2.88679C15.1411 2.43838 14.6124 2.26691 14.1955 2.51198L12.2976 3.6276C12.0506 3.77279 11.7497 3.77677 11.4992 3.63815Z" stroke="currentColor"/>
+      <path d="M8.40034 15.6001L15.6003 8.40013M8.95424 8.94947L8.94009 8.93518M15.0648 15.1228L15.0506 15.1085M11.4992 3.63815L9.57481 2.57301C9.15209 2.33904 8.6277 2.52441 8.42854 2.97823L7.52188 5.04419C7.40388 5.31306 7.16268 5.50072 6.88194 5.5421L4.72472 5.86002C4.25086 5.92985 3.9311 6.40127 4.02576 6.89049L4.45668 9.11765C4.51276 9.4075 4.4234 9.70718 4.21959 9.91275L2.65355 11.4923C2.30955 11.8393 2.31656 12.4166 2.66888 12.7544L4.27277 14.2921C4.48151 14.4922 4.57812 14.7894 4.5291 15.0807L4.15241 17.3185C4.06967 17.8101 4.40077 18.2729 4.87617 18.3302L7.04042 18.591C7.32208 18.6249 7.56776 18.8062 7.69225 19.0719L8.6488 21.1132C8.85892 21.5616 9.38763 21.7331 9.80454 21.488L11.7025 20.3724C11.9495 20.2272 12.2504 20.2232 12.5008 20.3618L14.4252 21.427C14.848 21.6609 15.3723 21.4756 15.5715 21.0218L16.4782 18.9558C16.5962 18.6869 16.8374 18.4993 17.1181 18.4579L19.2753 18.14C19.7492 18.0701 20.0689 17.5987 19.9743 17.1095L19.5434 14.8823C19.4873 14.5925 19.5766 14.2928 19.7805 14.0872L21.3465 12.5077C21.6905 12.1607 21.6835 11.5833 21.3312 11.2456L19.7273 9.70791C19.5185 9.50779 19.4219 9.21057 19.4709 8.91933L19.8476 6.6815C19.9304 6.18993 19.5993 5.72712 19.1239 5.66982L16.9596 5.40898C16.678 5.37504 16.4323 5.1938 16.3078 4.92813L15.3513 2.88679C15.1411 2.43838 14.6124 2.26691 14.1955 2.51198L12.2976 3.6276C12.0506 3.77279 11.7497 3.77677 11.4992 3.63815Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/DotHorizontalIcon.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_DotHorizontalIcon">
       <path d="M7.1999 12C7.1999 13.3255 6.12539 14.4 4.7999 14.4C3.47442 14.4 2.3999 13.3255 2.3999 12C2.3999 10.6745 3.47442 9.59998 4.7999 9.59998C6.12539 9.59998 7.1999 10.6745 7.1999 12Z" stroke="url(#grad-DotHorizontalIcon)"/>
@@ -63,12 +64,12 @@ 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_DotHorizontalIcon">
-      <path d="M7.1999 12C7.1999 13.3255 6.12539 14.4 4.7999 14.4C3.47442 14.4 2.3999 13.3255 2.3999 12C2.3999 10.6745 3.47442 9.59998 4.7999 9.59998C6.12539 9.59998 7.1999 10.6745 7.1999 12Z" stroke="currentColor"/>
-      <path d="M14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.59998 11.9999 9.59998C13.3254 9.59998 14.3999 10.6745 14.3999 12Z" stroke="currentColor"/>
-      <path d="M21.5999 12C21.5999 13.3255 20.5254 14.4 19.1999 14.4C17.8744 14.4 16.7999 13.3255 16.7999 12C16.7999 10.6745 17.8744 9.59998 19.1999 9.59998C20.5254 9.59998 21.5999 10.6745 21.5999 12Z" stroke="currentColor"/>
+      <path d="M7.1999 12C7.1999 13.3255 6.12539 14.4 4.7999 14.4C3.47442 14.4 2.3999 13.3255 2.3999 12C2.3999 10.6745 3.47442 9.59998 4.7999 9.59998C6.12539 9.59998 7.1999 10.6745 7.1999 12Z" stroke={color}/>
+      <path d="M14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.59998 11.9999 9.59998C13.3254 9.59998 14.3999 10.6745 14.3999 12Z" stroke={color}/>
+      <path d="M21.5999 12C21.5999 13.3255 20.5254 14.4 19.1999 14.4C17.8744 14.4 16.7999 13.3255 16.7999 12C16.7999 10.6745 17.8744 9.59998 19.1999 9.59998C20.5254 9.59998 21.5999 10.6745 21.5999 12Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/DotVerticalIcon.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_DotVerticalIcon">
       <path d="M12.0001 7.20002C10.6746 7.20002 9.6001 6.12551 9.6001 4.80002C9.6001 3.47454 10.6746 2.40002 12.0001 2.40002C13.3256 2.40002 14.4001 3.47454 14.4001 4.80002C14.4001 6.12551 13.3256 7.20002 12.0001 7.20002Z" stroke="url(#grad-DotVerticalIcon)"/>
@@ -63,12 +64,12 @@ 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_DotVerticalIcon">
-      <path d="M12.0001 7.20002C10.6746 7.20002 9.6001 6.12551 9.6001 4.80002C9.6001 3.47454 10.6746 2.40002 12.0001 2.40002C13.3256 2.40002 14.4001 3.47454 14.4001 4.80002C14.4001 6.12551 13.3256 7.20002 12.0001 7.20002Z" stroke="currentColor"/>
-      <path d="M12.0001 14.4C10.6746 14.4 9.6001 13.3255 9.6001 12C9.6001 10.6745 10.6746 9.60002 12.0001 9.60002C13.3256 9.60002 14.4001 10.6745 14.4001 12C14.4001 13.3255 13.3256 14.4 12.0001 14.4Z" stroke="currentColor"/>
-      <path d="M12.0001 21.6C10.6746 21.6 9.6001 20.5255 9.6001 19.2C9.6001 17.8745 10.6746 16.8 12.0001 16.8C13.3256 16.8 14.4001 17.8745 14.4001 19.2C14.4001 20.5255 13.3256 21.6 12.0001 21.6Z" stroke="currentColor"/>
+      <path d="M12.0001 7.20002C10.6746 7.20002 9.6001 6.12551 9.6001 4.80002C9.6001 3.47454 10.6746 2.40002 12.0001 2.40002C13.3256 2.40002 14.4001 3.47454 14.4001 4.80002C14.4001 6.12551 13.3256 7.20002 12.0001 7.20002Z" stroke={color}/>
+      <path d="M12.0001 14.4C10.6746 14.4 9.6001 13.3255 9.6001 12C9.6001 10.6745 10.6746 9.60002 12.0001 9.60002C13.3256 9.60002 14.4001 10.6745 14.4001 12C14.4001 13.3255 13.3256 14.4 12.0001 14.4Z" stroke={color}/>
+      <path d="M12.0001 21.6C10.6746 21.6 9.6001 20.5255 9.6001 19.2C9.6001 17.8745 10.6746 16.8 12.0001 16.8C13.3256 16.8 14.4001 17.8745 14.4001 19.2C14.4001 20.5255 13.3256 21.6 12.0001 21.6Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/DownArrowIcon.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_DownArrowIcon">
       <path d="M18.1715 13.2L12 19.2M12 19.2L5.82861 13.2M12 19.2L12 4.80005" stroke="url(#grad-DownArrowIcon)" 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_DownArrowIcon">
-      <path d="M18.1715 13.2L12 19.2M12 19.2L5.82861 13.2M12 19.2L12 4.80005" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M18.1715 13.2L12 19.2M12 19.2L5.82861 13.2M12 19.2L12 4.80005" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/DownArrowSmIcon.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_DownArrowSmIcon">
       <path d="M16.375 12.8333L12 17M12 17L7.625 12.8333M12 17L12 7" stroke="url(#grad-DownArrowSmIcon)" 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_DownArrowSmIcon">
-      <path d="M16.375 12.8333L12 17M12 17L7.625 12.8333M12 17L12 7" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16.375 12.8333L12 17M12 17L7.625 12.8333M12 17L12 7" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Download01Icon.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_Download01Icon">
       <path d="M4.21509 20.4231C4.60891 20.8203 5.14306 21.0434 5.70001 21.0434H18.3C18.857 21.0434 19.3911 20.8203 19.7849 20.4231M12.0012 2.95667V14.9567M12.0012 14.9567L16.8012 10.3715M12.0012 14.9567L7.20118 10.3715" stroke="url(#grad-Download01Icon)" 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_Download01Icon">
-      <path d="M4.21509 20.4231C4.60891 20.8203 5.14306 21.0434 5.70001 21.0434H18.3C18.857 21.0434 19.3911 20.8203 19.7849 20.4231M12.0012 2.95667V14.9567M12.0012 14.9567L16.8012 10.3715M12.0012 14.9567L7.20118 10.3715" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M4.21509 20.4231C4.60891 20.8203 5.14306 21.0434 5.70001 21.0434H18.3C18.857 21.0434 19.3911 20.8203 19.7849 20.4231M12.0012 2.95667V14.9567M12.0012 14.9567L16.8012 10.3715M12.0012 14.9567L7.20118 10.3715" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Download02Icon.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_Download02Icon">
       <path d="M3.6001 15.2199L3.6001 18.9257C3.6001 19.4874 3.82135 20.026 4.21517 20.4231C4.609 20.8203 5.14314 21.0434 5.7001 21.0434H18.3001C18.8571 21.0434 19.3912 20.8203 19.785 20.4231C20.1788 20.026 20.4001 19.4874 20.4001 18.9257V15.2199M12.0013 2.95667V14.9567M12.0013 14.9567L16.8013 10.3715M12.0013 14.9567L7.20127 10.3715" stroke="url(#grad-Download02Icon)" 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_Download02Icon">
-      <path d="M3.6001 15.2199L3.6001 18.9257C3.6001 19.4874 3.82135 20.026 4.21517 20.4231C4.609 20.8203 5.14314 21.0434 5.7001 21.0434H18.3001C18.8571 21.0434 19.3912 20.8203 19.785 20.4231C20.1788 20.026 20.4001 19.4874 20.4001 18.9257V15.2199M12.0013 2.95667V14.9567M12.0013 14.9567L16.8013 10.3715M12.0013 14.9567L7.20127 10.3715" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M3.6001 15.2199L3.6001 18.9257C3.6001 19.4874 3.82135 20.026 4.21517 20.4231C4.609 20.8203 5.14314 21.0434 5.7001 21.0434H18.3001C18.8571 21.0434 19.3912 20.8203 19.785 20.4231C20.1788 20.026 20.4001 19.4874 20.4001 18.9257V15.2199M12.0013 2.95667V14.9567M12.0013 14.9567L16.8013 10.3715M12.0013 14.9567L7.20127 10.3715" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/DownloadCloudIcon.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 25"
-    fill="none"
+    fill={fill}
   >
     <g id="id_DownloadCloud">
       <path
@@ -67,13 +68,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 25"
-    fill="none"
+    fill={fill}
   >
     <g id="id_DownloadCloud">
       <path
         id="icon_DownloadCloud"
         d="M16.3714 16.3194H19.4449C21.3925 16.3194 22.9714 14.9911 22.9714 13.0434C22.9714 11.0958 21.3925 9.51691 19.4449 9.51691C19.3125 9.51691 19.1817 9.52422 19.0531 9.53844V9.51691H19.0046C19.0366 9.26019 19.0531 8.99864 19.0531 8.73324C19.0531 5.27075 16.2462 2.46385 12.7837 2.46385C10.439 2.46385 8.3949 3.75099 7.3195 5.65723C7.05669 5.61857 6.78783 5.59855 6.51429 5.59855C3.48461 5.59855 1.02857 8.05459 1.02857 11.0843C1.02857 13.8479 3.07216 15.8836 5.73061 16.2639H8.57143M12.3918 9.90875V21.9725M12.3918 21.9725L15.1714 19.2639M12.3918 21.9725L9.68572 19.2639"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/DownloadIcon.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_DownloadIcon">
       <path d="M7.62856 16.1012H4.5551C2.60745 16.1012 1.02856 14.7729 1.02856 12.8253C1.02856 10.8776 2.60745 9.29873 4.5551 9.29873C4.68754 9.29873 4.81828 9.30603 4.94693 9.32025V9.29873H4.99544C4.96342 9.042 4.94693 8.78045 4.94693 8.51505C4.94693 5.05257 7.75383 2.24567 11.2163 2.24567C13.561 2.24567 15.6051 3.5328 16.6805 5.43904C16.9433 5.40038 17.2122 5.38036 17.4857 5.38036C20.5154 5.38036 22.9714 7.8364 22.9714 10.8661C22.9714 13.6297 20.9278 15.6654 18.2694 16.0457H15.4286M11.6082 9.69056V21.7544M11.6082 21.7544L8.82856 19.0457M11.6082 21.7544L14.3143 19.0457" stroke="url(#grad-DownloadIcon)" 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_DownloadIcon">
-      <path d="M7.62856 16.1012H4.5551C2.60745 16.1012 1.02856 14.7729 1.02856 12.8253C1.02856 10.8776 2.60745 9.29873 4.5551 9.29873C4.68754 9.29873 4.81828 9.30603 4.94693 9.32025V9.29873H4.99544C4.96342 9.042 4.94693 8.78045 4.94693 8.51505C4.94693 5.05257 7.75383 2.24567 11.2163 2.24567C13.561 2.24567 15.6051 3.5328 16.6805 5.43904C16.9433 5.40038 17.2122 5.38036 17.4857 5.38036C20.5154 5.38036 22.9714 7.8364 22.9714 10.8661C22.9714 13.6297 20.9278 15.6654 18.2694 16.0457H15.4286M11.6082 9.69056V21.7544M11.6082 21.7544L8.82856 19.0457M11.6082 21.7544L14.3143 19.0457" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.62856 16.1012H4.5551C2.60745 16.1012 1.02856 14.7729 1.02856 12.8253C1.02856 10.8776 2.60745 9.29873 4.5551 9.29873C4.68754 9.29873 4.81828 9.30603 4.94693 9.32025V9.29873H4.99544C4.96342 9.042 4.94693 8.78045 4.94693 8.51505C4.94693 5.05257 7.75383 2.24567 11.2163 2.24567C13.561 2.24567 15.6051 3.5328 16.6805 5.43904C16.9433 5.40038 17.2122 5.38036 17.4857 5.38036C20.5154 5.38036 22.9714 7.8364 22.9714 10.8661C22.9714 13.6297 20.9278 15.6654 18.2694 16.0457H15.4286M11.6082 9.69056V21.7544M11.6082 21.7544L8.82856 19.0457M11.6082 21.7544L14.3143 19.0457" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Edit01Icon.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_Edit01Icon">
       <path d="M12.5364 19.2431L13.2787 18.4112C14.1894 17.3904 15.8235 17.5231 16.5576 18.6774C17.2415 19.7527 18.7273 19.9566 19.6755 19.1052L21.021 17.8972M2.97876 19.4701L7.34474 18.5904C7.57652 18.5437 7.78934 18.4296 7.95648 18.2624L17.7302 8.48332C18.1988 8.01446 18.1984 7.25447 17.7294 6.78601L15.659 4.71794C15.1902 4.24967 14.4306 4.24999 13.9622 4.71865L4.18752 14.4987C4.02071 14.6656 3.90681 14.878 3.86006 15.1093L2.97876 19.4701Z" stroke="url(#grad-Edit01Icon)" 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_Edit01Icon">
-      <path d="M12.5364 19.2431L13.2787 18.4112C14.1894 17.3904 15.8235 17.5231 16.5576 18.6774C17.2415 19.7527 18.7273 19.9566 19.6755 19.1052L21.021 17.8972M2.97876 19.4701L7.34474 18.5904C7.57652 18.5437 7.78934 18.4296 7.95648 18.2624L17.7302 8.48332C18.1988 8.01446 18.1984 7.25447 17.7294 6.78601L15.659 4.71794C15.1902 4.24967 14.4306 4.24999 13.9622 4.71865L4.18752 14.4987C4.02071 14.6656 3.90681 14.878 3.86006 15.1093L2.97876 19.4701Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12.5364 19.2431L13.2787 18.4112C14.1894 17.3904 15.8235 17.5231 16.5576 18.6774C17.2415 19.7527 18.7273 19.9566 19.6755 19.1052L21.021 17.8972M2.97876 19.4701L7.34474 18.5904C7.57652 18.5437 7.78934 18.4296 7.95648 18.2624L17.7302 8.48332C18.1988 8.01446 18.1984 7.25447 17.7294 6.78601L15.659 4.71794C15.1902 4.24967 14.4306 4.24999 13.9622 4.71865L4.18752 14.4987C4.02071 14.6656 3.90681 14.878 3.86006 15.1093L2.97876 19.4701Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Edit02Icon.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_Edit02Icon">
       <path d="M13.4487 6.95156L17.0487 10.5516M4.44873 19.5516L8.81472 18.6718C9.04649 18.6251 9.25931 18.511 9.42645 18.3438L19.2001 8.56474C19.6687 8.09588 19.6684 7.33589 19.1994 6.86743L17.129 4.79936C16.6602 4.33109 15.9006 4.33141 15.4322 4.80007L5.65749 14.5801C5.49068 14.747 5.37678 14.9594 5.33003 15.1907L4.44873 19.5516Z" stroke="url(#grad-Edit02Icon)" 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_Edit02Icon">
-      <path d="M13.4487 6.95156L17.0487 10.5516M4.44873 19.5516L8.81472 18.6718C9.04649 18.6251 9.25931 18.511 9.42645 18.3438L19.2001 8.56474C19.6687 8.09588 19.6684 7.33589 19.1994 6.86743L17.129 4.79936C16.6602 4.33109 15.9006 4.33141 15.4322 4.80007L5.65749 14.5801C5.49068 14.747 5.37678 14.9594 5.33003 15.1907L4.44873 19.5516Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.4487 6.95156L17.0487 10.5516M4.44873 19.5516L8.81472 18.6718C9.04649 18.6251 9.25931 18.511 9.42645 18.3438L19.2001 8.56474C19.6687 8.09588 19.6684 7.33589 19.1994 6.86743L17.129 4.79936C16.6602 4.33109 15.9006 4.33141 15.4322 4.80007L5.65749 14.5801C5.49068 14.747 5.37678 14.9594 5.33003 15.1907L4.44873 19.5516Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Edit03Icon.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_Edit03Icon">
       <path d="M13.7999 19.5516H19.7999M4.19995 19.5516L8.56594 18.6718C8.79771 18.6251 9.01053 18.511 9.17767 18.3438L18.9513 8.56474C19.4199 8.09588 19.4196 7.33589 18.9506 6.86743L16.8802 4.79936C16.4114 4.33109 15.6518 4.33141 15.1834 4.80007L5.40871 14.5801C5.2419 14.747 5.128 14.9594 5.08125 15.1907L4.19995 19.5516Z" stroke="url(#grad-Edit03Icon)" 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_Edit03Icon">
-      <path d="M13.7999 19.5516H19.7999M4.19995 19.5516L8.56594 18.6718C8.79771 18.6251 9.01053 18.511 9.17767 18.3438L18.9513 8.56474C19.4199 8.09588 19.4196 7.33589 18.9506 6.86743L16.8802 4.79936C16.4114 4.33109 15.6518 4.33141 15.1834 4.80007L5.40871 14.5801C5.2419 14.747 5.128 14.9594 5.08125 15.1907L4.19995 19.5516Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.7999 19.5516H19.7999M4.19995 19.5516L8.56594 18.6718C8.79771 18.6251 9.01053 18.511 9.17767 18.3438L18.9513 8.56474C19.4199 8.09588 19.4196 7.33589 18.9506 6.86743L16.8802 4.79936C16.4114 4.33109 15.6518 4.33141 15.1834 4.80007L5.40871 14.5801C5.2419 14.747 5.128 14.9594 5.08125 15.1907L4.19995 19.5516Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Edit04Icon.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_Edit04Icon">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3247 4.90705C15.7151 4.5165 16.3481 4.51623 16.7388 4.90645L19.0922 7.25721C19.483 7.64759 19.4833 8.28092 19.0928 8.67163L9.13495 18.6349C8.99567 18.7743 8.81832 18.8694 8.62517 18.9083L4.19995 19.8L5.0932 15.38C5.13215 15.1872 5.22707 15.0103 5.36608 14.8712L15.3247 4.90705Z" stroke="url(#grad-Edit04Icon)" 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_Edit04Icon">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3247 4.90705C15.7151 4.5165 16.3481 4.51623 16.7388 4.90645L19.0922 7.25721C19.483 7.64759 19.4833 8.28092 19.0928 8.67163L9.13495 18.6349C8.99567 18.7743 8.81832 18.8694 8.62517 18.9083L4.19995 19.8L5.0932 15.38C5.13215 15.1872 5.22707 15.0103 5.36608 14.8712L15.3247 4.90705Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3247 4.90705C15.7151 4.5165 16.3481 4.51623 16.7388 4.90645L19.0922 7.25721C19.483 7.64759 19.4833 8.28092 19.0928 8.67163L9.13495 18.6349C8.99567 18.7743 8.81832 18.8694 8.62517 18.9083L4.19995 19.8L5.0932 15.38C5.13215 15.1872 5.22707 15.0103 5.36608 14.8712L15.3247 4.90705Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/EditContainedIcon.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_EditContainedIcon">
       <path d="M11.0487 3.35156H5.04873C3.06051 3.35156 1.44873 4.96333 1.44873 6.95156V18.9517C1.44873 20.9399 3.06051 22.5517 5.04873 22.5517H17.0487C19.037 22.5517 20.6487 20.9399 20.6487 18.9517L20.6487 12.9516M7.44873 16.5516L11.8147 15.6718C12.0465 15.6251 12.2593 15.511 12.4264 15.3438L22.2001 5.56474C22.6687 5.09588 22.6684 4.33589 22.1994 3.86743L20.129 1.79936C19.6602 1.33109 18.9006 1.33141 18.4322 1.80007L8.65749 11.5801C8.49068 11.747 8.37678 11.9594 8.33003 12.1907L7.44873 16.5516Z" stroke="url(#grad-EditContainedIcon)" 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_EditContainedIcon">
-      <path d="M11.0487 3.35156H5.04873C3.06051 3.35156 1.44873 4.96333 1.44873 6.95156V18.9517C1.44873 20.9399 3.06051 22.5517 5.04873 22.5517H17.0487C19.037 22.5517 20.6487 20.9399 20.6487 18.9517L20.6487 12.9516M7.44873 16.5516L11.8147 15.6718C12.0465 15.6251 12.2593 15.511 12.4264 15.3438L22.2001 5.56474C22.6687 5.09588 22.6684 4.33589 22.1994 3.86743L20.129 1.79936C19.6602 1.33109 18.9006 1.33141 18.4322 1.80007L8.65749 11.5801C8.49068 11.747 8.37678 11.9594 8.33003 12.1907L7.44873 16.5516Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.0487 3.35156H5.04873C3.06051 3.35156 1.44873 4.96333 1.44873 6.95156V18.9517C1.44873 20.9399 3.06051 22.5517 5.04873 22.5517H17.0487C19.037 22.5517 20.6487 20.9399 20.6487 18.9517L20.6487 12.9516M7.44873 16.5516L11.8147 15.6718C12.0465 15.6251 12.2593 15.511 12.4264 15.3438L22.2001 5.56474C22.6687 5.09588 22.6684 4.33589 22.1994 3.86743L20.129 1.79936C19.6602 1.33109 18.9006 1.33141 18.4322 1.80007L8.65749 11.5801C8.49068 11.747 8.37678 11.9594 8.33003 12.1907L7.44873 16.5516Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/EditIcon.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 17 17"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Edit">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 17 17"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Edit">
       <path
         id="icon_Edit"
         d="M7.86579 2.48449H3.86579C2.54031 2.48449 1.46579 3.55901 1.46579 4.88449V12.8846C1.46579 14.21 2.54031 15.2846 3.86579 15.2846H11.8658C13.1913 15.2846 14.2658 14.21 14.2658 12.8846L14.2658 8.88453M5.46579 11.2845L8.37645 10.698C8.53096 10.6669 8.67284 10.5908 8.78427 10.4793L15.3001 3.95995C15.6125 3.64738 15.6122 3.14072 15.2996 2.82841L13.9193 1.44969C13.6068 1.13751 13.1004 1.13773 12.7881 1.45017L6.27163 7.9702C6.16042 8.08147 6.08449 8.22306 6.05332 8.37726L5.46579 11.2845Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"