chromia 0.1.12 → 0.1.13

package/dist/icons/Menu04Icon.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_Menu04Icon">
       <path d="M13.7999 19.2H2.3999M21.5999 12H2.3999M21.5999 4.79999H2.3999" stroke="url(#grad-Menu04Icon)"/>
@@ -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_Menu04Icon">
-      <path d="M13.7999 19.2H2.3999M21.5999 12H2.3999M21.5999 4.79999H2.3999" stroke="currentColor"/>
+      <path d="M13.7999 19.2H2.3999M21.5999 12H2.3999M21.5999 4.79999H2.3999" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Menu05Icon.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_Menu05Icon">
       <path d="M10.1999 19.2H21.5999M2.3999 12H21.5999M2.3999 4.79999H21.5999" stroke="url(#grad-Menu05Icon)"/>
@@ -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_Menu05Icon">
-      <path d="M10.1999 19.2H21.5999M2.3999 12H21.5999M2.3999 4.79999H21.5999" stroke="currentColor"/>
+      <path d="M10.1999 19.2H21.5999M2.3999 12H21.5999M2.3999 4.79999H21.5999" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/MenuIcon.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_Menu">
       <path
@@ -83,13 +84,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_Menu">
       <path
         d="M7.0001 4.20002C6.2269 4.20002 5.6001 3.57322 5.6001 2.80002C5.6001 2.02683 6.2269 1.40002 7.0001 1.40002C7.7733 1.40002 8.4001 2.02683 8.4001 2.80002C8.4001 3.57322 7.7733 4.20002 7.0001 4.20002Z"
         id="icon_Menu"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -97,7 +98,7 @@ export { className as class };
       <path
         d="M7.0001 8.40002C6.2269 8.40002 5.6001 7.77322 5.6001 7.00002C5.6001 6.22683 6.2269 5.60002 7.0001 5.60002C7.7733 5.60002 8.4001 6.22683 8.4001 7.00002C8.4001 7.77322 7.7733 8.40002 7.0001 8.40002Z"
         id="icon_Menu"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -105,7 +106,7 @@ export { className as class };
       <path
         d="M7.0001 12.6C6.2269 12.6 5.6001 11.9732 5.6001 11.2C5.6001 10.4268 6.2269 9.80002 7.0001 9.80002C7.7733 9.80003 8.4001 10.4268 8.4001 11.2C8.4001 11.9732 7.7733 12.6 7.0001 12.6Z"
         id="icon_Menu"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/MinimizeIcon.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 16 16"
-    fill="none"
+    fill={fill}
   >
     <path
       d="M2.66926 10.1171L7.88306 10.1171M7.88306 10.1171L7.88306 15.3309M7.88306 10.1171L1.80029 16.1999M15.3303 7.88281L10.1165 7.88281M10.1165 7.88281V2.66901M10.1165 7.88281L16.1993 1.80005"
@@ -64,11 +65,11 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 16 16"
-    fill="none"
+    fill={fill}
   >
     <path
       d="M2.66926 10.1171L7.88306 10.1171M7.88306 10.1171L7.88306 15.3309M7.88306 10.1171L1.80029 16.1999M15.3303 7.88281L10.1165 7.88281M10.1165 7.88281V2.66901M10.1165 7.88281L16.1993 1.80005"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/MinusCircleContainedIcon.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_MinusCircleContainedIcon">
       <path d="M8.3999 12H15.5999M21.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-MinusCircleContainedIcon)" 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_MinusCircleContainedIcon">
-      <path d="M8.3999 12H15.5999M21.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="M8.3999 12H15.5999M21.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/MinusSquareContainedIcon.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_MinusSquareContainedIcon">
       <path d="M8.3999 12H15.5999M21.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-MinusSquareContainedIcon)" 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_MinusSquareContainedIcon">
-      <path d="M8.3999 12H15.5999M21.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="M8.3999 12H15.5999M21.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/NoFolder.svelte

@@ -29,7 +29,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 46 45"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FolderX">
       <path
@@ -75,13 +75,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 46 45"
-    fill="none"
+    fill={fill}
   >
     <g id="id_FolderX">
       <path
         d="M36.8158 19.1V14.3667C36.8158 12.7098 35.4726 11.3667 33.8158 11.3667H23.3643C22.5435 11.3667 21.7585 11.0304 21.1923 10.4361L19.2814 8.43054C18.7152 7.8363 17.9302 7.5 17.1094 7.5H8.5C6.84315 7.5 5.5 8.84315 5.5 10.5V33.7368C5.5 35.2629 6.73711 36.5 8.26316 36.5H9.37853C10.2886 36.5 11.0263 35.7623 11.0263 34.8522V34.8522C11.0263 34.6633 11.0588 34.4757 11.1224 34.2978L15.8414 21.0906C16.2679 19.8968 17.3988 19.1 18.6665 19.1H36.3995C38.4293 19.1 39.8732 21.0736 39.2588 23.0081L35.6381 34.4081C35.2424 35.6538 34.0858 36.5 32.7788 36.5H9.18421"
         id="icon_FolderX"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -89,7 +89,7 @@ export { className as class };
       <path
         d="M21 23.5L29 32.5M29 23.5L21 32.5"
         id="icon_FolderX"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/NotificationIcon.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_Notification">
       <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_Notification">
       <path
         id="icon_Notification"
         d="M7.59991 1.5999H3.19991C2.31626 1.5999 1.59991 2.31624 1.59991 3.1999V9.60016C1.59991 10.4838 2.31627 11.2002 3.19993 11.2002L6.97352 11.2001L8.66676 14.4001L10.0001 11.2002L12.8001 11.2001C13.6838 11.2001 14.4001 10.4838 14.4001 9.60015V8.00029M14.4001 3.6001C14.4001 4.70467 13.5047 5.6001 12.4001 5.6001C11.2955 5.6001 10.4001 4.70467 10.4001 3.6001C10.4001 2.49553 11.2955 1.6001 12.4001 1.6001C13.5047 1.6001 14.4001 2.49553 14.4001 3.6001Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/OverlapIcon.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_Overlap">
       <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_Overlap">
       <path
         id="icon_Overlap"
         d="M4.80001 5.86667H3.20001C2.31635 5.86666 1.60001 6.58301 1.60001 7.46666C1.60001 8.35032 1.60001 11.9163 1.60001 12.8C1.60001 13.6837 2.31635 14.4 3.20001 14.4C3.20001 14.4 7.64968 14.4 8.53334 14.4C9.41699 14.4 10.1333 13.6837 10.1333 12.8V10.8M12.8 1.6L7.46667 1.6C6.58302 1.6 5.86667 2.31634 5.86667 3.2C5.86667 4.08365 5.86667 7.64968 5.86667 8.53333C5.86667 9.41699 6.58302 10.1333 7.46667 10.1333C7.46667 10.1333 11.9163 10.1333 12.8 10.1333C13.6837 10.1333 14.4 9.41699 14.4 8.53333V3.2C14.4 2.31634 13.6837 1.6 12.8 1.6Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/PaperclipIcon.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_PaperclipIcon">
       <path d="M9.85714 7.92854V13.9285C9.85714 15.112 10.8165 16.0714 12 16.0714C13.1835 16.0714 14.1429 15.112 14.1429 13.9285V7.71425C14.1429 5.46566 12.32 3.64282 10.0714 3.64282C7.82284 3.64282 6 5.46566 6 7.71425V14.3571C6 17.6708 8.68629 20.3571 12 20.3571C15.3137 20.3571 18 17.6708 18 14.3571V7.92854" stroke="url(#grad-PaperclipIcon)" 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_PaperclipIcon">
-      <path d="M9.85714 7.92854V13.9285C9.85714 15.112 10.8165 16.0714 12 16.0714C13.1835 16.0714 14.1429 15.112 14.1429 13.9285V7.71425C14.1429 5.46566 12.32 3.64282 10.0714 3.64282C7.82284 3.64282 6 5.46566 6 7.71425V14.3571C6 17.6708 8.68629 20.3571 12 20.3571C15.3137 20.3571 18 17.6708 18 14.3571V7.92854" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M9.85714 7.92854V13.9285C9.85714 15.112 10.8165 16.0714 12 16.0714C13.1835 16.0714 14.1429 15.112 14.1429 13.9285V7.71425C14.1429 5.46566 12.32 3.64282 10.0714 3.64282C7.82284 3.64282 6 5.46566 6 7.71425V14.3571C6 17.6708 8.68629 20.3571 12 20.3571C15.3137 20.3571 18 17.6708 18 14.3571V7.92854" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Percent01Icon.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_Percent01Icon">
       <path d="M18.0364 18.061L5.96362 5.98824M9.60002 16.1391C9.60002 17.1332 8.79413 17.9391 7.80002 17.9391C6.80591 17.9391 6.00002 17.1332 6.00002 16.1391C6.00002 15.145 6.80591 14.3391 7.80002 14.3391C8.79413 14.3391 9.60002 15.145 9.60002 16.1391ZM18 7.73909C18 8.7332 17.1941 9.53909 16.2 9.53909C15.2059 9.53909 14.4 8.7332 14.4 7.73909C14.4 6.74497 15.2059 5.93909 16.2 5.93909C17.1941 5.93909 18 6.74497 18 7.73909Z" stroke="url(#grad-Percent01Icon)"/>
@@ -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_Percent01Icon">
-      <path d="M18.0364 18.061L5.96362 5.98824M9.60002 16.1391C9.60002 17.1332 8.79413 17.9391 7.80002 17.9391C6.80591 17.9391 6.00002 17.1332 6.00002 16.1391C6.00002 15.145 6.80591 14.3391 7.80002 14.3391C8.79413 14.3391 9.60002 15.145 9.60002 16.1391ZM18 7.73909C18 8.7332 17.1941 9.53909 16.2 9.53909C15.2059 9.53909 14.4 8.7332 14.4 7.73909C14.4 6.74497 15.2059 5.93909 16.2 5.93909C17.1941 5.93909 18 6.74497 18 7.73909Z" stroke="currentColor"/>
+      <path d="M18.0364 18.061L5.96362 5.98824M9.60002 16.1391C9.60002 17.1332 8.79413 17.9391 7.80002 17.9391C6.80591 17.9391 6.00002 17.1332 6.00002 16.1391C6.00002 15.145 6.80591 14.3391 7.80002 14.3391C8.79413 14.3391 9.60002 15.145 9.60002 16.1391ZM18 7.73909C18 8.7332 17.1941 9.53909 16.2 9.53909C15.2059 9.53909 14.4 8.7332 14.4 7.73909C14.4 6.74497 15.2059 5.93909 16.2 5.93909C17.1941 5.93909 18 6.74497 18 7.73909Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Percent02Icon.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_Percent02Icon">
       <path d="M20.5368 12.0604L3.46326 12.0604M13.2123 16.6669C13.9153 17.3698 13.9153 18.5095 13.2123 19.2124C12.5094 19.9154 11.3697 19.9154 10.6667 19.2124C9.96378 18.5095 9.96378 17.3698 10.6667 16.6669C11.3697 15.9639 12.5094 15.9639 13.2123 16.6669ZM13.2123 4.78746C13.9153 5.49041 13.9153 6.6301 13.2123 7.33305C12.5094 8.03599 11.3697 8.03599 10.6667 7.33305C9.96378 6.6301 9.96378 5.49041 10.6667 4.78746C11.3697 4.08452 12.5094 4.08452 13.2123 4.78746Z" stroke="url(#grad-Percent02Icon)"/>
@@ -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_Percent02Icon">
-      <path d="M20.5368 12.0604L3.46326 12.0604M13.2123 16.6669C13.9153 17.3698 13.9153 18.5095 13.2123 19.2124C12.5094 19.9154 11.3697 19.9154 10.6667 19.2124C9.96378 18.5095 9.96378 17.3698 10.6667 16.6669C11.3697 15.9639 12.5094 15.9639 13.2123 16.6669ZM13.2123 4.78746C13.9153 5.49041 13.9153 6.6301 13.2123 7.33305C12.5094 8.03599 11.3697 8.03599 10.6667 7.33305C9.96378 6.6301 9.96378 5.49041 10.6667 4.78746C11.3697 4.08452 12.5094 4.08452 13.2123 4.78746Z" stroke="currentColor"/>
+      <path d="M20.5368 12.0604L3.46326 12.0604M13.2123 16.6669C13.9153 17.3698 13.9153 18.5095 13.2123 19.2124C12.5094 19.9154 11.3697 19.9154 10.6667 19.2124C9.96378 18.5095 9.96378 17.3698 10.6667 16.6669C11.3697 15.9639 12.5094 15.9639 13.2123 16.6669ZM13.2123 4.78746C13.9153 5.49041 13.9153 6.6301 13.2123 7.33305C12.5094 8.03599 11.3697 8.03599 10.6667 7.33305C9.96378 6.6301 9.96378 5.49041 10.6667 4.78746C11.3697 4.08452 12.5094 4.08452 13.2123 4.78746Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/Percent03Icon.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_Percent03Icon">
       <path d="M15.6 15.6L8.40002 8.42922M15 8.95784V9.00002M9.00002 15V15.0422M21.6 12C21.6 17.302 17.302 21.6 12 21.6C6.69809 21.6 2.40002 17.302 2.40002 12C2.40002 6.69809 6.69809 2.40002 12 2.40002C17.302 2.40002 21.6 6.69809 21.6 12Z" stroke="url(#grad-Percent03Icon)" 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_Percent03Icon">
-      <path d="M15.6 15.6L8.40002 8.42922M15 8.95784V9.00002M9.00002 15V15.0422M21.6 12C21.6 17.302 17.302 21.6 12 21.6C6.69809 21.6 2.40002 17.302 2.40002 12C2.40002 6.69809 6.69809 2.40002 12 2.40002C17.302 2.40002 21.6 6.69809 21.6 12Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.6 15.6L8.40002 8.42922M15 8.95784V9.00002M9.00002 15V15.0422M21.6 12C21.6 17.302 17.302 21.6 12 21.6C6.69809 21.6 2.40002 17.302 2.40002 12C2.40002 6.69809 6.69809 2.40002 12 2.40002C17.302 2.40002 21.6 6.69809 21.6 12Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Pin1Icon.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_Pin1Icon">
       <path d="M7.03184 14.7614C5.43757 16.9643 2.30122 21.3355 2.50992 21.1964C2.71862 21.0573 7.0415 18.2011 9.17685 16.7904M8.45876 9.83362L7.64056 9.022L5.14771 11.283L12.4813 18.5876L14.8582 16.1817L13.5249 14.859M8.45876 9.83362C11.186 9.28205 11.9696 8.26299 12.4813 5.60157M8.45876 9.83362L13.5249 14.859M13.5249 14.859C13.2658 13.4849 15.9944 10.577 17.7569 10.8192M11.6407 4.78995C11.8262 4.92908 16.723 9.737 19.1483 12.1236C19.9696 11.3796 21.5889 9.83942 21.4962 9.63072C21.4034 9.42201 16.5878 4.78995 14.1915 2.5L11.6407 4.78995Z" stroke="url(#grad-Pin1Icon)" stroke-linecap="round" 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_Pin1Icon">
-      <path d="M7.03184 14.7614C5.43757 16.9643 2.30122 21.3355 2.50992 21.1964C2.71862 21.0573 7.0415 18.2011 9.17685 16.7904M8.45876 9.83362L7.64056 9.022L5.14771 11.283L12.4813 18.5876L14.8582 16.1817L13.5249 14.859M8.45876 9.83362C11.186 9.28205 11.9696 8.26299 12.4813 5.60157M8.45876 9.83362L13.5249 14.859M13.5249 14.859C13.2658 13.4849 15.9944 10.577 17.7569 10.8192M11.6407 4.78995C11.8262 4.92908 16.723 9.737 19.1483 12.1236C19.9696 11.3796 21.5889 9.83942 21.4962 9.63072C21.4034 9.42201 16.5878 4.78995 14.1915 2.5L11.6407 4.78995Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M7.03184 14.7614C5.43757 16.9643 2.30122 21.3355 2.50992 21.1964C2.71862 21.0573 7.0415 18.2011 9.17685 16.7904M8.45876 9.83362L7.64056 9.022L5.14771 11.283L12.4813 18.5876L14.8582 16.1817L13.5249 14.859M8.45876 9.83362C11.186 9.28205 11.9696 8.26299 12.4813 5.60157M8.45876 9.83362L13.5249 14.859M13.5249 14.859C13.2658 13.4849 15.9944 10.577 17.7569 10.8192M11.6407 4.78995C11.8262 4.92908 16.723 9.737 19.1483 12.1236C19.9696 11.3796 21.5889 9.83942 21.4962 9.63072C21.4034 9.42201 16.5878 4.78995 14.1915 2.5L11.6407 4.78995Z" stroke={color} stroke-linecap="round" stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Pin2Icon.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_Pin2Icon">
       <path d="M10.6367 17.4446C10.7636 18.1611 10.9252 19.065 11.0948 20M13.5865 17.3145C13.4485 18.0509 13.2691 19.0081 13.0832 20M8.08837 12.9921L6.93614 13.0155L6.82695 16.3792L17.1761 16.1901L17.1005 12.8089L15.2227 12.8471M8.08837 12.9921C9.5888 10.6489 9.40157 9.37708 7.84516 7.15838M8.08837 12.9921L15.2227 12.8471M15.2227 12.8471C14.0552 12.0775 13.8635 8.09446 15.2633 6.9965M4.70439 15C3.26775 15.6992 2.40001 16.6073 2.40001 17.5999C2.40001 19.8091 6.69808 21.5999 12 21.5999C17.3019 21.5999 21.6 19.8091 21.6 17.5999C21.6081 16.5214 20.6206 15.5479 19 14.8362M6.67734 7.19791C6.90634 7.16138 13.7667 6.98672 17.1682 6.90396C17.2049 5.7964 17.2245 3.56164 17.01 3.48314C16.7955 3.40464 10.118 3.64328 6.80602 3.77241L6.67734 7.19791Z" stroke="url(#grad-Pin2Icon)" stroke-linecap="round" 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_Pin2Icon">
-      <path d="M10.6367 17.4446C10.7636 18.1611 10.9252 19.065 11.0948 20M13.5865 17.3145C13.4485 18.0509 13.2691 19.0081 13.0832 20M8.08837 12.9921L6.93614 13.0155L6.82695 16.3792L17.1761 16.1901L17.1005 12.8089L15.2227 12.8471M8.08837 12.9921C9.5888 10.6489 9.40157 9.37708 7.84516 7.15838M8.08837 12.9921L15.2227 12.8471M15.2227 12.8471C14.0552 12.0775 13.8635 8.09446 15.2633 6.9965M4.70439 15C3.26775 15.6992 2.40001 16.6073 2.40001 17.5999C2.40001 19.8091 6.69808 21.5999 12 21.5999C17.3019 21.5999 21.6 19.8091 21.6 17.5999C21.6081 16.5214 20.6206 15.5479 19 14.8362M6.67734 7.19791C6.90634 7.16138 13.7667 6.98672 17.1682 6.90396C17.2049 5.7964 17.2245 3.56164 17.01 3.48314C16.7955 3.40464 10.118 3.64328 6.80602 3.77241L6.67734 7.19791Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M10.6367 17.4446C10.7636 18.1611 10.9252 19.065 11.0948 20M13.5865 17.3145C13.4485 18.0509 13.2691 19.0081 13.0832 20M8.08837 12.9921L6.93614 13.0155L6.82695 16.3792L17.1761 16.1901L17.1005 12.8089L15.2227 12.8471M8.08837 12.9921C9.5888 10.6489 9.40157 9.37708 7.84516 7.15838M8.08837 12.9921L15.2227 12.8471M15.2227 12.8471C14.0552 12.0775 13.8635 8.09446 15.2633 6.9965M4.70439 15C3.26775 15.6992 2.40001 16.6073 2.40001 17.5999C2.40001 19.8091 6.69808 21.5999 12 21.5999C17.3019 21.5999 21.6 19.8091 21.6 17.5999C21.6081 16.5214 20.6206 15.5479 19 14.8362M6.67734 7.19791C6.90634 7.16138 13.7667 6.98672 17.1682 6.90396C17.2049 5.7964 17.2245 3.56164 17.01 3.48314C16.7955 3.40464 10.118 3.64328 6.80602 3.77241L6.67734 7.19791Z" stroke={color} stroke-linecap="round" stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/PinIcon.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) {
@@ -28,7 +29,7 @@ export { className as class };
     width="12"
     height="12"
     viewBox="0 0 12 12"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
@@ -64,13 +65,13 @@ export { className as class };
     width="12"
     height="12"
     viewBox="0 0 12 12"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
     <path
       d="M3.10195 7.61083C2.17196 8.89591 0.342417 11.4458 0.464161 11.3646C0.585904 11.2834 3.10758 9.61735 4.3532 8.79445M3.93432 4.73632L3.45703 4.26287L2.00287 5.58177L6.28082 9.8428L7.66735 8.43937L6.88954 7.66781M3.93432 4.73632C5.52519 4.41457 5.9823 3.82012 6.28082 2.26762M3.93432 4.73632L6.88954 7.66781M6.88954 7.66781C6.73842 6.86624 8.33011 5.16994 9.35823 5.31122M5.79046 1.79418C5.89868 1.87534 8.75515 4.67996 10.1699 6.07212C10.6489 5.63813 11.5936 4.7397 11.5395 4.61796C11.4854 4.49622 8.67624 1.79418 7.27844 0.458374L5.79046 1.79418Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/PinnedIcon.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) {
@@ -28,7 +29,7 @@ export { className as class };
     width="15"
     height="15"
     viewBox="0 0 15 15"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
@@ -64,13 +65,13 @@ export { className as class };
     width="15"
     height="15"
     viewBox="0 0 15 15"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
     <path
       d="M6.87156 10.5703C6.94557 10.9883 7.03986 11.5155 7.13878 12.0609M8.59227 10.4944C8.51176 10.924 8.40711 11.4823 8.29869 12.0609M5.38503 7.973L4.7129 7.98666L4.64921 9.9488L10.6862 9.83847L10.6421 7.86613L9.54674 7.88839M5.38503 7.973C6.26029 6.60612 6.15107 5.86424 5.24316 4.57M5.38503 7.973L9.54674 7.88839M9.54674 7.88839C8.86568 7.4395 8.75384 5.11605 9.57041 4.47557M3.41104 9.14425C2.573 9.55212 2.06683 10.0819 2.06683 10.6609C2.06683 11.9496 4.57403 12.9942 7.66683 12.9942C10.7596 12.9942 13.2668 11.9496 13.2668 10.6609C13.2715 10.0318 12.6955 9.4639 11.7501 9.04873M4.56194 4.59306C4.69552 4.57175 8.69739 4.46986 10.6816 4.42159C10.703 3.77551 10.7144 2.4719 10.5893 2.42611C10.4642 2.38032 6.56897 2.51952 4.637 2.59485L4.56194 4.59306Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/PlayIcon.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 16 17"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Play">
       <path
@@ -67,13 +68,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_Play">
       <path
         id="icon_Play"
         d="M12.096 7.46253C13.033 8.00404 13.0364 8.68523 12.096 9.29744L4.82946 14.3797C3.91643 14.8849 3.29633 14.5866 3.23123 13.4932L3.2004 2.8563C3.17984 1.84917 3.97981 1.56462 4.74209 2.04749L12.096 7.46253Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/Plus01Icon.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_Plus01Icon">
       <path d="M12.0001 4.80005L12 19.2M19.2 12L4.80005 12" stroke="url(#grad-Plus01Icon)"/>
@@ -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_Plus01Icon">
-      <path d="M12.0001 4.80005L12 19.2M19.2 12L4.80005 12" stroke="currentColor"/>
+      <path d="M12.0001 4.80005L12 19.2M19.2 12L4.80005 12" stroke={color}/>
     </g>
   </svg>
 {/if}