chromia 0.1.12 → 0.1.13

package/dist/icons/ArrowDownLeftSquareContainedIcon.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_ArrowDownLeftSquareContainedIcon">
       <path d="M14.5 15.5416H8.49993M8.49993 15.5416V9.54151M8.49993 15.5416L15 9.04151M18 21.6L5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18L2.3999 6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002L18 2.40002C19.9882 2.40003 21.6 4.0118 21.6 6.00002V18C21.6 19.9882 19.9882 21.6 18 21.6Z" stroke="url(#grad-ArrowDownLeftSquareContainedIcon)" 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_ArrowDownLeftSquareContainedIcon">
-      <path d="M14.5 15.5416H8.49993M8.49993 15.5416V9.54151M8.49993 15.5416L15 9.04151M18 21.6L5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18L2.3999 6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002L18 2.40002C19.9882 2.40003 21.6 4.0118 21.6 6.00002V18C21.6 19.9882 19.9882 21.6 18 21.6Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.5 15.5416H8.49993M8.49993 15.5416V9.54151M8.49993 15.5416L15 9.04151M18 21.6L5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18L2.3999 6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002L18 2.40002C19.9882 2.40003 21.6 4.0118 21.6 6.00002V18C21.6 19.9882 19.9882 21.6 18 21.6Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownRight02Icon.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_ArrowDownRight02Icon">
       <path d="M19.8 15.086L14.4859 20.4M14.4859 20.4L9.17193 15.086M14.4859 20.4L14.4859 7.60003C14.4859 5.39089 12.6951 3.60003 10.4859 3.60003L4.19995 3.60003" stroke="url(#grad-ArrowDownRight02Icon)" 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_ArrowDownRight02Icon">
-      <path d="M19.8 15.086L14.4859 20.4M14.4859 20.4L9.17193 15.086M14.4859 20.4L14.4859 7.60003C14.4859 5.39089 12.6951 3.60003 10.4859 3.60003L4.19995 3.60003" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M19.8 15.086L14.4859 20.4M14.4859 20.4L9.17193 15.086M14.4859 20.4L14.4859 7.60003C14.4859 5.39089 12.6951 3.60003 10.4859 3.60003L4.19995 3.60003" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownRightContainedIcon.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_ArrowDownRightContainedIcon">
       <path d="M14.9999 15.0001L15.0452 15.498C15.2856 15.4762 15.476 15.2857 15.4979 15.0454L14.9999 15.0001ZM15.4999 9.50005L15.002 9.45478L14.502 14.9548L14.9999 15.0001L15.4979 15.0454L15.9979 9.54532L15.4999 9.50005ZM14.9999 15.0001L14.9547 14.5021L9.45462 15.0021L9.49989 15.5001L9.54515 15.998L15.0452 15.498L14.9999 15.0001ZM14.9999 15.0001L15.3535 14.6465L9.35344 8.64649L8.99988 9.00005L8.64633 9.3536L14.6464 15.3536L14.9999 15.0001ZM21.5999 12H21.0999C21.0999 17.0258 17.0257 21.1 11.9999 21.1V21.6V22.1C17.578 22.1 22.0999 17.5781 22.0999 12H21.5999ZM11.9999 21.6V21.1C6.97411 21.1 2.8999 17.0258 2.8999 12H2.3999H1.8999C1.8999 17.5781 6.42183 22.1 11.9999 22.1V21.6ZM2.3999 12H2.8999C2.8999 6.97423 6.97411 2.90002 11.9999 2.90002V2.40002V1.90002C6.42183 1.90002 1.8999 6.42195 1.8999 12H2.3999ZM11.9999 2.40002V2.90002C17.0257 2.90002 21.0999 6.97423 21.0999 12H21.5999H22.0999C22.0999 6.42195 17.578 1.90002 11.9999 1.90002V2.40002Z" fill="url(#grad-ArrowDownRightContainedIcon)"/>
@@ -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_ArrowDownRightContainedIcon">
       <path d="M14.9999 15.0001L15.0452 15.498C15.2856 15.4762 15.476 15.2857 15.4979 15.0454L14.9999 15.0001ZM15.4999 9.50005L15.002 9.45478L14.502 14.9548L14.9999 15.0001L15.4979 15.0454L15.9979 9.54532L15.4999 9.50005ZM14.9999 15.0001L14.9547 14.5021L9.45462 15.0021L9.49989 15.5001L9.54515 15.998L15.0452 15.498L14.9999 15.0001ZM14.9999 15.0001L15.3535 14.6465L9.35344 8.64649L8.99988 9.00005L8.64633 9.3536L14.6464 15.3536L14.9999 15.0001ZM21.5999 12H21.0999C21.0999 17.0258 17.0257 21.1 11.9999 21.1V21.6V22.1C17.578 22.1 22.0999 17.5781 22.0999 12H21.5999ZM11.9999 21.6V21.1C6.97411 21.1 2.8999 17.0258 2.8999 12H2.3999H1.8999C1.8999 17.5781 6.42183 22.1 11.9999 22.1V21.6ZM2.3999 12H2.8999C2.8999 6.97423 6.97411 2.90002 11.9999 2.90002V2.40002V1.90002C6.42183 1.90002 1.8999 6.42195 1.8999 12H2.3999ZM11.9999 2.40002V2.90002C17.0257 2.90002 21.0999 6.97423 21.0999 12H21.5999H22.0999C22.0999 6.42195 17.578 1.90002 11.9999 1.90002V2.40002Z" fill="currentColor"/>

package/dist/icons/ArrowDownRightIcon.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_ArrowDownRightIcon">
       <path d="M16.9497 8.42779L16.9498 16.9498M16.9498 16.9498L8.549 16.9498M16.9498 16.9498L7.05029 7.05029" stroke="url(#grad-ArrowDownRightIcon)" 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_ArrowDownRightIcon">
-      <path d="M16.9497 8.42779L16.9498 16.9498M16.9498 16.9498L8.549 16.9498M16.9498 16.9498L7.05029 7.05029" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16.9497 8.42779L16.9498 16.9498M16.9498 16.9498L8.549 16.9498M16.9498 16.9498L7.05029 7.05029" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownRightSmIcon.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_ArrowDownRightSmIcon">
       <path d="M9.22353 8L15.9059 8.09412M15.9059 8.09412L16 14.7765M15.9059 8.09412L8 16" stroke="url(#grad-ArrowDownRightSmIcon)" 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_ArrowDownRightSmIcon">
-      <path d="M9.22353 8L15.9059 8.09412M15.9059 8.09412L16 14.7765M15.9059 8.09412L8 16" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M9.22353 8L15.9059 8.09412M15.9059 8.09412L16 14.7765M15.9059 8.09412L8 16" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownRightSquareContainedIcon.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_ArrowDownRightSquareContainedIcon">
       <path d="M15.4999 9.54155V15.5416M15.4999 15.5416H9.4999M15.4999 15.5416L8.99989 9.04155M18 21.6L5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18L2.3999 6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002L18 2.40002C19.9882 2.40003 21.6 4.0118 21.6 6.00002V18C21.6 19.9882 19.9882 21.6 18 21.6Z" stroke="url(#grad-ArrowDownRightSquareContainedIcon)" 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_ArrowDownRightSquareContainedIcon">
-      <path d="M15.4999 9.54155V15.5416M15.4999 15.5416H9.4999M15.4999 15.5416L8.99989 9.04155M18 21.6L5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18L2.3999 6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002L18 2.40002C19.9882 2.40003 21.6 4.0118 21.6 6.00002V18C21.6 19.9882 19.9882 21.6 18 21.6Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.4999 9.54155V15.5416M15.4999 15.5416H9.4999M15.4999 15.5416L8.99989 9.04155M18 21.6L5.9999 21.6C4.01168 21.6 2.3999 19.9882 2.3999 18L2.3999 6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002L18 2.40002C19.9882 2.40003 21.6 4.0118 21.6 6.00002V18C21.6 19.9882 19.9882 21.6 18 21.6Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownSquareContainedIcon.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_ArrowDownSquareContainedIcon">
       <path d="M16.2431 12.6654L12.0004 16.7999M12.0004 16.7999L7.75777 12.6654M12.0004 16.7999L12.0004 7.71564M6.00039 2.3999L18.0005 2.3999C19.9887 2.3999 21.6005 4.01168 21.6005 5.9999L21.6005 17.9999C21.6005 19.9881 19.9887 21.5999 18.0005 21.5999L6.00039 21.5999C4.01216 21.5999 2.40039 19.9881 2.40039 17.9999L2.40039 5.9999C2.40039 4.01168 4.01217 2.3999 6.00039 2.3999Z" stroke="url(#grad-ArrowDownSquareContainedIcon)" 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_ArrowDownSquareContainedIcon">
-      <path d="M16.2431 12.6654L12.0004 16.7999M12.0004 16.7999L7.75777 12.6654M12.0004 16.7999L12.0004 7.71564M6.00039 2.3999L18.0005 2.3999C19.9887 2.3999 21.6005 4.01168 21.6005 5.9999L21.6005 17.9999C21.6005 19.9881 19.9887 21.5999 18.0005 21.5999L6.00039 21.5999C4.01216 21.5999 2.40039 19.9881 2.40039 17.9999L2.40039 5.9999C2.40039 4.01168 4.01217 2.3999 6.00039 2.3999Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16.2431 12.6654L12.0004 16.7999M12.0004 16.7999L7.75777 12.6654M12.0004 16.7999L12.0004 7.71564M6.00039 2.3999L18.0005 2.3999C19.9887 2.3999 21.6005 4.01168 21.6005 5.9999L21.6005 17.9999C21.6005 19.9881 19.9887 21.5999 18.0005 21.5999L6.00039 21.5999C4.01216 21.5999 2.40039 19.9881 2.40039 17.9999L2.40039 5.9999C2.40039 4.01168 4.01217 2.3999 6.00039 2.3999Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowExpand01Icon.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_ArrowExpand01Icon">
       <path d="M7.1999 21.6H2.3999M2.3999 21.6V16.8M2.3999 21.6L7.7999 16.2M16.7999 2.40002H21.5999M21.5999 2.40002V7.20002M21.5999 2.40002L16.1999 7.80002M2.3999 7.20002L2.3999 2.40002M2.3999 2.40002L7.1999 2.40002M2.3999 2.40002L7.7999 7.80002M21.5999 16.8L21.5999 21.6M21.5999 21.6H16.7999M21.5999 21.6L16.1999 16.2" stroke="url(#grad-ArrowExpand01Icon)" 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_ArrowExpand01Icon">
-      <path d="M7.1999 21.6H2.3999M2.3999 21.6V16.8M2.3999 21.6L7.7999 16.2M16.7999 2.40002H21.5999M21.5999 2.40002V7.20002M21.5999 2.40002L16.1999 7.80002M2.3999 7.20002L2.3999 2.40002M2.3999 2.40002L7.1999 2.40002M2.3999 2.40002L7.7999 7.80002M21.5999 16.8L21.5999 21.6M21.5999 21.6H16.7999M21.5999 21.6L16.1999 16.2" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.1999 21.6H2.3999M2.3999 21.6V16.8M2.3999 21.6L7.7999 16.2M16.7999 2.40002H21.5999M21.5999 2.40002V7.20002M21.5999 2.40002L16.1999 7.80002M2.3999 7.20002L2.3999 2.40002M2.3999 2.40002L7.1999 2.40002M2.3999 2.40002L7.7999 7.80002M21.5999 16.8L21.5999 21.6M21.5999 21.6H16.7999M21.5999 21.6L16.1999 16.2" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowExpand02Icon.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_ArrowExpand02Icon">
       <path d="M14.6475 2.40002H21.5993M21.5993 2.40002V9.35175M21.5993 2.40002L14.6475 9.35175M9.35226 21.6H2.40053M2.40053 21.6V14.6483M2.40053 21.6L9.60053 14.4M21.5999 14.6477V21.5994M21.5999 21.5994H14.6482M21.5999 21.5994L14.6482 14.6477M2.3999 9.35238L2.3999 2.40065M2.3999 2.40065L9.35163 2.40065M2.3999 2.40065L9.5999 9.60065" stroke="url(#grad-ArrowExpand02Icon)" 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_ArrowExpand02Icon">
-      <path d="M14.6475 2.40002H21.5993M21.5993 2.40002V9.35175M21.5993 2.40002L14.6475 9.35175M9.35226 21.6H2.40053M2.40053 21.6V14.6483M2.40053 21.6L9.60053 14.4M21.5999 14.6477V21.5994M21.5999 21.5994H14.6482M21.5999 21.5994L14.6482 14.6477M2.3999 9.35238L2.3999 2.40065M2.3999 2.40065L9.35163 2.40065M2.3999 2.40065L9.5999 9.60065" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.6475 2.40002H21.5993M21.5993 2.40002V9.35175M21.5993 2.40002L14.6475 9.35175M9.35226 21.6H2.40053M2.40053 21.6V14.6483M2.40053 21.6L9.60053 14.4M21.5999 14.6477V21.5994M21.5999 21.5994H14.6482M21.5999 21.5994L14.6482 14.6477M2.3999 9.35238L2.3999 2.40065M2.3999 2.40065L9.35163 2.40065M2.3999 2.40065L9.5999 9.60065" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowExpand03Icon.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_ArrowExpand03Icon">
       <path d="M21.5994 2.40002H22.0994C22.0994 2.12388 21.8755 1.90002 21.5994 1.90002V2.40002ZM13.489 10.5104L13.1355 10.1568L13.1355 10.1568L13.489 10.5104ZM2.40063 21.6H1.90063C1.90063 21.8762 2.12449 22.1 2.40063 22.1V21.6ZM14.6476 2.40002V2.90002H21.5994V2.40002V1.90002H14.6476V2.40002ZM21.5994 2.40002H21.0994V9.35175H21.5994H22.0994V2.40002H21.5994ZM21.5994 2.40002L21.2458 2.04647L13.1355 10.1568L13.489 10.5104L13.8426 10.8639L21.9529 2.75358L21.5994 2.40002ZM9.35236 21.6V21.1H2.40063V21.6V22.1H9.35236V21.6ZM2.40063 21.6H2.90063V14.6483H2.40063H1.90063V21.6H2.40063ZM2.40063 21.6L2.75421 21.9536L13.8426 10.8639L13.489 10.5104L13.1355 10.1568L2.04706 21.2465L2.40063 21.6Z" fill="url(#grad-ArrowExpand03Icon)"/>
@@ -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_ArrowExpand03Icon">
       <path d="M21.5994 2.40002H22.0994C22.0994 2.12388 21.8755 1.90002 21.5994 1.90002V2.40002ZM13.489 10.5104L13.1355 10.1568L13.1355 10.1568L13.489 10.5104ZM2.40063 21.6H1.90063C1.90063 21.8762 2.12449 22.1 2.40063 22.1V21.6ZM14.6476 2.40002V2.90002H21.5994V2.40002V1.90002H14.6476V2.40002ZM21.5994 2.40002H21.0994V9.35175H21.5994H22.0994V2.40002H21.5994ZM21.5994 2.40002L21.2458 2.04647L13.1355 10.1568L13.489 10.5104L13.8426 10.8639L21.9529 2.75358L21.5994 2.40002ZM9.35236 21.6V21.1H2.40063V21.6V22.1H9.35236V21.6ZM2.40063 21.6H2.90063V14.6483H2.40063H1.90063V21.6H2.40063ZM2.40063 21.6L2.75421 21.9536L13.8426 10.8639L13.489 10.5104L13.1355 10.1568L2.04706 21.2465L2.40063 21.6Z" fill="currentColor"/>

package/dist/icons/ArrowExpand04Icon.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_ArrowExpand04Icon">
       <path d="M14.6476 2.40002H21.5994M21.5994 2.40002V9.35175M21.5994 2.40002L13.489 10.5104M9.35236 21.6H2.40063M2.40063 21.6V14.6483M2.40063 21.6L10.511 13.4897" stroke="url(#grad-ArrowExpand04Icon)" 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_ArrowExpand04Icon">
-      <path d="M14.6476 2.40002H21.5994M21.5994 2.40002V9.35175M21.5994 2.40002L13.489 10.5104M9.35236 21.6H2.40063M2.40063 21.6V14.6483M2.40063 21.6L10.511 13.4897" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.6476 2.40002H21.5994M21.5994 2.40002V9.35175M21.5994 2.40002L13.489 10.5104M9.35236 21.6H2.40063M2.40063 21.6V14.6483M2.40063 21.6L10.511 13.4897" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowLeftContained01Icon.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_ArrowLeftContained01Icon">
       <path d="M9.59932 11.7863L9.21521 11.4662C9.06069 11.6516 9.06069 11.9209 9.21521 12.1064L9.59932 11.7863ZM13.1349 16.0289L13.519 15.7088L9.98343 11.4662L9.59932 11.7863L9.21521 12.1064L12.7508 16.349L13.1349 16.0289ZM9.59932 11.7863L9.98343 12.1064L13.519 7.86368L13.1349 7.54359L12.7508 7.2235L9.21521 11.4662L9.59932 11.7863ZM11.9999 2.40002V2.90002C17.0257 2.90002 21.0999 6.97423 21.0999 12H21.5999H22.0999C22.0999 6.42195 17.578 1.90002 11.9999 1.90002V2.40002ZM21.5999 12H21.0999C21.0999 17.0258 17.0257 21.1 11.9999 21.1V21.6V22.1C17.578 22.1 22.0999 17.5781 22.0999 12H21.5999ZM11.9999 21.6V21.1C6.97411 21.1 2.8999 17.0258 2.8999 12H2.3999H1.8999C1.8999 17.5781 6.42183 22.1 11.9999 22.1V21.6ZM2.3999 12H2.8999C2.8999 6.97423 6.97411 2.90002 11.9999 2.90002V2.40002V1.90002C6.42183 1.90002 1.8999 6.42195 1.8999 12H2.3999Z" fill="url(#grad-ArrowLeftContained01Icon)"/>
@@ -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_ArrowLeftContained01Icon">
       <path d="M9.59932 11.7863L9.21521 11.4662C9.06069 11.6516 9.06069 11.9209 9.21521 12.1064L9.59932 11.7863ZM13.1349 16.0289L13.519 15.7088L9.98343 11.4662L9.59932 11.7863L9.21521 12.1064L12.7508 16.349L13.1349 16.0289ZM9.59932 11.7863L9.98343 12.1064L13.519 7.86368L13.1349 7.54359L12.7508 7.2235L9.21521 11.4662L9.59932 11.7863ZM11.9999 2.40002V2.90002C17.0257 2.90002 21.0999 6.97423 21.0999 12H21.5999H22.0999C22.0999 6.42195 17.578 1.90002 11.9999 1.90002V2.40002ZM21.5999 12H21.0999C21.0999 17.0258 17.0257 21.1 11.9999 21.1V21.6V22.1C17.578 22.1 22.0999 17.5781 22.0999 12H21.5999ZM11.9999 21.6V21.1C6.97411 21.1 2.8999 17.0258 2.8999 12H2.3999H1.8999C1.8999 17.5781 6.42183 22.1 11.9999 22.1V21.6ZM2.3999 12H2.8999C2.8999 6.97423 6.97411 2.90002 11.9999 2.90002V2.40002V1.90002C6.42183 1.90002 1.8999 6.42195 1.8999 12H2.3999Z" fill="currentColor"/>

package/dist/icons/ArrowLeftContained02Icon.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_ArrowLeftContained02Icon">
       <path d="M7.7572 12.0001L7.37309 11.68C7.21857 11.8654 7.21857 12.1347 7.37309 12.3201L7.7572 12.0001ZM11.2928 16.2427L11.6769 15.9226L8.14131 11.68L7.7572 12.0001L7.37309 12.3201L10.9086 16.5628L11.2928 16.2427ZM7.7572 12.0001L8.14131 12.3201L11.6769 8.07748L11.2928 7.75738L10.9087 7.43729L7.37309 11.68L7.7572 12.0001ZM7.7572 12.0001V12.5001H16.2425V12.0001V11.5001H7.7572V12.0001ZM5.21168 5.2118L5.56523 5.56535C9.119 2.01158 14.8808 2.01158 18.4346 5.56535L18.7881 5.2118L19.1417 4.85825C15.1974 0.913951 8.80242 0.913951 4.85812 4.85825L5.21168 5.2118ZM18.7881 5.2118L18.4346 5.56535C21.9883 9.11912 21.9883 14.8809 18.4346 18.4347L18.7881 18.7882L19.1417 19.1418C23.086 15.1975 23.086 8.80254 19.1417 4.85825L18.7881 5.2118ZM18.7881 18.7882L18.4346 18.4347C14.8808 21.9885 9.119 21.9885 5.56523 18.4347L5.21168 18.7882L4.85812 19.1418C8.80242 23.0861 15.1974 23.0861 19.1417 19.1418L18.7881 18.7882ZM5.21168 18.7882L5.56523 18.4347C2.01146 14.8809 2.01146 9.11912 5.56523 5.56535L5.21168 5.2118L4.85812 4.85825C0.913829 8.80254 0.913829 15.1975 4.85812 19.1418L5.21168 18.7882Z" fill="url(#grad-ArrowLeftContained02Icon)"/>
@@ -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_ArrowLeftContained02Icon">
       <path d="M7.7572 12.0001L7.37309 11.68C7.21857 11.8654 7.21857 12.1347 7.37309 12.3201L7.7572 12.0001ZM11.2928 16.2427L11.6769 15.9226L8.14131 11.68L7.7572 12.0001L7.37309 12.3201L10.9086 16.5628L11.2928 16.2427ZM7.7572 12.0001L8.14131 12.3201L11.6769 8.07748L11.2928 7.75738L10.9087 7.43729L7.37309 11.68L7.7572 12.0001ZM7.7572 12.0001V12.5001H16.2425V12.0001V11.5001H7.7572V12.0001ZM5.21168 5.2118L5.56523 5.56535C9.119 2.01158 14.8808 2.01158 18.4346 5.56535L18.7881 5.2118L19.1417 4.85825C15.1974 0.913951 8.80242 0.913951 4.85812 4.85825L5.21168 5.2118ZM18.7881 5.2118L18.4346 5.56535C21.9883 9.11912 21.9883 14.8809 18.4346 18.4347L18.7881 18.7882L19.1417 19.1418C23.086 15.1975 23.086 8.80254 19.1417 4.85825L18.7881 5.2118ZM18.7881 18.7882L18.4346 18.4347C14.8808 21.9885 9.119 21.9885 5.56523 18.4347L5.21168 18.7882L4.85812 19.1418C8.80242 23.0861 15.1974 23.0861 19.1417 19.1418L18.7881 18.7882ZM5.21168 18.7882L5.56523 18.4347C2.01146 14.8809 2.01146 9.11912 5.56523 5.56535L5.21168 5.2118L4.85812 4.85825C0.913829 8.80254 0.913829 15.1975 4.85812 19.1418L5.21168 18.7882Z" fill="currentColor"/>

package/dist/icons/ArrowLeftIcon.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_ArrowLeftIcon">
       <path d="M10.8333 18L5 12M5 12L10.8333 6M5 12H19" stroke="url(#grad-ArrowLeftIcon)" 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_ArrowLeftIcon">
-      <path d="M10.8333 18L5 12M5 12L10.8333 6M5 12H19" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M10.8333 18L5 12M5 12L10.8333 6M5 12H19" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowLeftSmIcon.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_ArrowLeftSmIcon">
       <path d="M11.1667 16.375L7 12M7 12L11.1667 7.625M7 12H17" stroke="url(#grad-ArrowLeftSmIcon)" 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_ArrowLeftSmIcon">
-      <path d="M11.1667 16.375L7 12M7 12L11.1667 7.625M7 12H17" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.1667 16.375L7 12M7 12L11.1667 7.625M7 12H17" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowLeftSquareContainedIcon.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_ArrowLeftSquareContainedIcon">
       <path d="M11.3344 16.2426L7.1999 12M7.1999 12L11.3344 7.75729M7.1999 12H16.2842M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke="url(#grad-ArrowLeftSquareContainedIcon)" 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_ArrowLeftSquareContainedIcon">
-      <path d="M11.3344 16.2426L7.1999 12M7.1999 12L11.3344 7.75729M7.1999 12H16.2842M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.3344 16.2426L7.1999 12M7.1999 12L11.3344 7.75729M7.1999 12H16.2842M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRefresh01Icon.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_ArrowRefresh01Icon">
       <path d="M3.69349 7.20002C5.36143 4.33058 8.47892 2.40002 12.0495 2.40002C16.0979 2.40002 19.5638 4.88183 20.9949 8.40002M6.62332 8.40002H1.80005V3.60002M20.3066 16.8C18.6387 19.6695 15.5212 21.6 11.9506 21.6C7.9022 21.6 4.43628 19.1182 3.00525 15.6M17.3768 15.6H22.2001V20.4" stroke="url(#grad-ArrowRefresh01Icon)" 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_ArrowRefresh01Icon">
-      <path d="M3.69349 7.20002C5.36143 4.33058 8.47892 2.40002 12.0495 2.40002C16.0979 2.40002 19.5638 4.88183 20.9949 8.40002M6.62332 8.40002H1.80005V3.60002M20.3066 16.8C18.6387 19.6695 15.5212 21.6 11.9506 21.6C7.9022 21.6 4.43628 19.1182 3.00525 15.6M17.3768 15.6H22.2001V20.4" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M3.69349 7.20002C5.36143 4.33058 8.47892 2.40002 12.0495 2.40002C16.0979 2.40002 19.5638 4.88183 20.9949 8.40002M6.62332 8.40002H1.80005V3.60002M20.3066 16.8C18.6387 19.6695 15.5212 21.6 11.9506 21.6C7.9022 21.6 4.43628 19.1182 3.00525 15.6M17.3768 15.6H22.2001V20.4" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRefresh02Icon.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_ArrowRefresh02Icon">
       <path d="M20.3065 7.20002C18.6386 4.33058 15.5211 2.40002 11.9505 2.40002C7.9021 2.40002 4.43618 4.88183 3.00515 8.40002M17.3767 8.40002H22.2V3.60002M3.69339 16.8C5.36133 19.6695 8.47882 21.6 12.0494 21.6C16.0978 21.6 19.5637 19.1182 20.9948 15.6M6.62322 15.6H1.79995V20.4" stroke="url(#grad-ArrowRefresh02Icon)" 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_ArrowRefresh02Icon">
-      <path d="M20.3065 7.20002C18.6386 4.33058 15.5211 2.40002 11.9505 2.40002C7.9021 2.40002 4.43618 4.88183 3.00515 8.40002M17.3767 8.40002H22.2V3.60002M3.69339 16.8C5.36133 19.6695 8.47882 21.6 12.0494 21.6C16.0978 21.6 19.5637 19.1182 20.9948 15.6M6.62322 15.6H1.79995V20.4" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M20.3065 7.20002C18.6386 4.33058 15.5211 2.40002 11.9505 2.40002C7.9021 2.40002 4.43618 4.88183 3.00515 8.40002M17.3767 8.40002H22.2V3.60002M3.69339 16.8C5.36133 19.6695 8.47882 21.6 12.0494 21.6C16.0978 21.6 19.5637 19.1182 20.9948 15.6M6.62322 15.6H1.79995V20.4" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRefresh03Icon.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_ArrowRefresh03Icon">
       <path d="M16.7774 20.2674C19.6333 18.6074 21.5548 15.5045 21.5548 11.9508C21.5548 7.92141 19.0847 4.4718 15.583 3.0475M15.583 17.3514L15.583 22.152L20.3605 22.152M7.22257 3.73251C4.36663 5.39259 2.44516 8.49542 2.44516 12.0492C2.44516 16.0785 4.91529 19.5281 8.41693 20.9524M8.41693 6.64855L8.41693 1.84798L3.63951 1.84798" stroke="url(#grad-ArrowRefresh03Icon)" 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_ArrowRefresh03Icon">
-      <path d="M16.7774 20.2674C19.6333 18.6074 21.5548 15.5045 21.5548 11.9508C21.5548 7.92141 19.0847 4.4718 15.583 3.0475M15.583 17.3514L15.583 22.152L20.3605 22.152M7.22257 3.73251C4.36663 5.39259 2.44516 8.49542 2.44516 12.0492C2.44516 16.0785 4.91529 19.5281 8.41693 20.9524M8.41693 6.64855L8.41693 1.84798L3.63951 1.84798" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16.7774 20.2674C19.6333 18.6074 21.5548 15.5045 21.5548 11.9508C21.5548 7.92141 19.0847 4.4718 15.583 3.0475M15.583 17.3514L15.583 22.152L20.3605 22.152M7.22257 3.73251C4.36663 5.39259 2.44516 8.49542 2.44516 12.0492C2.44516 16.0785 4.91529 19.5281 8.41693 20.9524M8.41693 6.64855L8.41693 1.84798L3.63951 1.84798" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRefresh04Icon.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_ArrowRefresh04Icon">
       <path d="M7.20002 20.2664C4.33058 18.6066 2.40002 15.5041 2.40002 11.9508C2.40002 7.9219 4.88183 4.47271 8.40002 3.04858M8.40002 17.3508L8.40002 22.1508L3.60002 22.1508M16.8 3.7335C19.6695 5.39339 21.6 8.49584 21.6 12.0492C21.6 16.078 19.1182 19.5272 15.6 20.9514M15.6 6.64919L15.6 1.84919L20.4 1.84919" stroke="url(#grad-ArrowRefresh04Icon)" 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_ArrowRefresh04Icon">
-      <path d="M7.20002 20.2664C4.33058 18.6066 2.40002 15.5041 2.40002 11.9508C2.40002 7.9219 4.88183 4.47271 8.40002 3.04858M8.40002 17.3508L8.40002 22.1508L3.60002 22.1508M16.8 3.7335C19.6695 5.39339 21.6 8.49584 21.6 12.0492C21.6 16.078 19.1182 19.5272 15.6 20.9514M15.6 6.64919L15.6 1.84919L20.4 1.84919" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.20002 20.2664C4.33058 18.6066 2.40002 15.5041 2.40002 11.9508C2.40002 7.9219 4.88183 4.47271 8.40002 3.04858M8.40002 17.3508L8.40002 22.1508L3.60002 22.1508M16.8 3.7335C19.6695 5.39339 21.6 8.49584 21.6 12.0492C21.6 16.078 19.1182 19.5272 15.6 20.9514M15.6 6.64919L15.6 1.84919L20.4 1.84919" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRefresh05Icon.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 26"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowRefresh05Icon">
       <path d="M12 22.2458C6.69809 22.2458 2.40002 17.9477 2.40002 12.6458C2.40002 9.29422 4.11756 6.34378 6.7205 4.62665M13.4544 3.15528C18.0662 3.85617 21.6 7.83831 21.6 12.6458C21.6 16.1043 19.7712 19.1356 17.0278 20.8255M13.2006 5.59117L10.655 3.04558L13.2006 0.5V5.59117ZM10.654 19.7006L13.1995 22.2462L10.654 24.7918L10.654 19.7006Z" stroke="url(#grad-ArrowRefresh05Icon)" 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 26"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowRefresh05Icon">
-      <path d="M12 22.2458C6.69809 22.2458 2.40002 17.9477 2.40002 12.6458C2.40002 9.29422 4.11756 6.34378 6.7205 4.62665M13.4544 3.15528C18.0662 3.85617 21.6 7.83831 21.6 12.6458C21.6 16.1043 19.7712 19.1356 17.0278 20.8255M13.2006 5.59117L10.655 3.04558L13.2006 0.5V5.59117ZM10.654 19.7006L13.1995 22.2462L10.654 24.7918L10.654 19.7006Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12 22.2458C6.69809 22.2458 2.40002 17.9477 2.40002 12.6458C2.40002 9.29422 4.11756 6.34378 6.7205 4.62665M13.4544 3.15528C18.0662 3.85617 21.6 7.83831 21.6 12.6458C21.6 16.1043 19.7712 19.1356 17.0278 20.8255M13.2006 5.59117L10.655 3.04558L13.2006 0.5V5.59117ZM10.654 19.7006L13.1995 22.2462L10.654 24.7918L10.654 19.7006Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}