chromia 0.1.12 → 0.1.13

package/dist/icons/ActivityIcon.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_ActivityIcon">
       <path d="M2.3999 11.5993H7.1999L9.64843 3.59998L14.9257 20.4L16.7883 11.5993H21.5999" stroke="url(#grad-ActivityIcon)" 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_ActivityIcon">
-      <path d="M2.3999 11.5993H7.1999L9.64843 3.59998L14.9257 20.4L16.7883 11.5993H21.5999" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.3999 11.5993H7.1999L9.64843 3.59998L14.9257 20.4L16.7883 11.5993H21.5999" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/AddImageIcon.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 20 20"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AddImage">
       <path
@@ -75,13 +76,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 20 20"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AddImage">
       <path
         d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
         id="icon_AddImage"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -89,7 +90,7 @@ export { className as class };
       <path
         d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
         id="icon_AddImage"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/AddSquare01Icon.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_AddSquare01Icon">
       <path d="M15.6003 11.9994H12.0003M12.0003 11.9994H8.40029M12.0003 11.9994V15.5994M12.0003 11.9994L12.0003 8.39937M21.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-AddSquare01Icon)"/>
@@ -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_AddSquare01Icon">
-      <path d="M15.6003 11.9994H12.0003M12.0003 11.9994H8.40029M12.0003 11.9994V15.5994M12.0003 11.9994L12.0003 8.39937M21.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"/>
+      <path d="M15.6003 11.9994H12.0003M12.0003 11.9994H8.40029M12.0003 11.9994V15.5994M12.0003 11.9994L12.0003 8.39937M21.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}/>
     </g>
   </svg>
 {/if}

package/dist/icons/AddSquare02Icon.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_AddSquare02Icon">
       <g opacity="0.9">
@@ -63,11 +64,11 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AddSquare02Icon">
       <g opacity="0.9">
-      <path d="M15.5999 11.9994H11.9999M11.9999 11.9994H8.3999M11.9999 11.9994V15.5994M11.9999 11.9994L11.9999 8.39944M21.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"/>
+      <path d="M15.5999 11.9994H11.9999M11.9999 11.9994H8.3999M11.9999 11.9994V15.5994M11.9999 11.9994L11.9999 8.39944M21.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}/>
       </g>
     </g>
   </svg>

package/dist/icons/AddSquare03Icon.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_AddSquare03Icon">
       <path d="M11.9999 7.1999L11.9999 11.9999M11.9999 11.9999V16.7999M11.9999 11.9999H16.7999M11.9999 11.9999H7.1999M21.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-AddSquare03Icon)"/>
@@ -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_AddSquare03Icon">
-      <path d="M11.9999 7.1999L11.9999 11.9999M11.9999 11.9999V16.7999M11.9999 11.9999H16.7999M11.9999 11.9999H7.1999M21.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"/>
+      <path d="M11.9999 7.1999L11.9999 11.9999M11.9999 11.9999V16.7999M11.9999 11.9999H16.7999M11.9999 11.9999H7.1999M21.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}/>
     </g>
   </svg>
 {/if}

package/dist/icons/AddSquare04Icon.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_AddSquare04Icon">
       <path d="M21.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.40002ZM11.9999 7.20002H11.4999L11.4999 12H11.9999H12.4999L12.4999 7.20002H11.9999ZM11.9999 12H11.4999V16.8H11.9999H12.4999V12H11.9999ZM16.7999 12V11.5H11.9999V12V12.5H16.7999V12ZM11.9999 12V11.5H7.1999V12V12.5H11.9999V12Z" fill="url(#grad-AddSquare04Icon)"/>
@@ -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_AddSquare04Icon">
       <path d="M21.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.40002ZM11.9999 7.20002H11.4999L11.4999 12H11.9999H12.4999L12.4999 7.20002H11.9999ZM11.9999 12H11.4999V16.8H11.9999H12.4999V12H11.9999ZM16.7999 12V11.5H11.9999V12V12.5H16.7999V12ZM11.9999 12V11.5H7.1999V12V12.5H11.9999V12Z" fill="currentColor"/>

package/dist/icons/AddSquareIcon.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 12 12"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AddSquare">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 12 12"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AddSquare">
       <path
         id="icon_AddSquare"
         d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/AlertCircleIcon.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_AlertCircle">
       <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_AlertCircle">
       <path
         id="icon_AlertCircle"
         d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/AnnotationXIcon.svelte

@@ -29,7 +29,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 46 46"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AnnotationX">
       <path
@@ -67,13 +67,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 46 46"
-    fill="none"
+    fill={fill}
   >
     <g id="id_AnnotationX">
       <path
         id="icon_AnnotationX"
         d="M27.6 23L23 18.5M23 18.5L18.4 14M23 18.5L18.4 23M23 18.5L27.6 14M28 31.6087L23 41L18.4 31.6087H9.20001C6.6595 31.6087 4.60001 29.594 4.60001 27.1087V9.5C4.60001 7.01472 6.6595 5 9.20001 5H36.8C39.3405 5 41.4 7.01472 41.4 9.5V27.1087C41.4 29.594 39.3405 31.6087 36.8 31.6087H28Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/ArrowCalendarIcon.svelte

@@ -5,6 +5,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -30,7 +31,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowCalendar">
       <path
@@ -68,13 +69,13 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowCalendar">
       <path
         id="icon_ArrowCalendar"
         d="M8.94447 6.2999L10.5 8.0499M10.5 8.0499L8.94447 9.7999M10.5 8.0499H4.20002M4.20002 3.85024H10.0334M12.6 3.4999V10.4999C12.6 11.6597 11.6598 12.5999 10.5 12.5999H3.50002C2.34023 12.5999 1.40002 11.6597 1.40002 10.4999V3.4999C1.40002 2.3401 2.34023 1.3999 3.50002 1.3999H10.5C11.6598 1.3999 12.6 2.3401 12.6 3.4999Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/ArrowCurveLeftDownIcon.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_ArrowCurveLeftDownIcon">
       <path d="M8.91411 20.5998L3.6001 15.2857M3.6001 15.2857L8.91411 9.97174M3.6001 15.2857H16.4001C18.6092 15.2857 20.4001 13.4949 20.4001 11.2857V4.99976" stroke="url(#grad-ArrowCurveLeftDownIcon)" 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_ArrowCurveLeftDownIcon">
-      <path d="M8.91411 20.5998L3.6001 15.2857M3.6001 15.2857L8.91411 9.97174M3.6001 15.2857H16.4001C18.6092 15.2857 20.4001 13.4949 20.4001 11.2857V4.99976" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M8.91411 20.5998L3.6001 15.2857M3.6001 15.2857L8.91411 9.97174M3.6001 15.2857H16.4001C18.6092 15.2857 20.4001 13.4949 20.4001 11.2857V4.99976" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowCurveLeftRightIcon.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_ArrowCurveLeftRightIcon">
       <path d="M15.0859 19.8L20.3999 14.4859M20.3999 14.4859L15.0859 9.17193M20.3999 14.4859H7.59991C5.39077 14.4859 3.5999 12.6951 3.5999 10.4859V4.19995" stroke="url(#grad-ArrowCurveLeftRightIcon)" 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_ArrowCurveLeftRightIcon">
-      <path d="M15.0859 19.8L20.3999 14.4859M20.3999 14.4859L15.0859 9.17193M20.3999 14.4859H7.59991C5.39077 14.4859 3.5999 12.6951 3.5999 10.4859V4.19995" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.0859 19.8L20.3999 14.4859M20.3999 14.4859L15.0859 9.17193M20.3999 14.4859H7.59991C5.39077 14.4859 3.5999 12.6951 3.5999 10.4859V4.19995" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowCurveRightUpIcon.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 25 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowCurveRightUpIcon">
       <path d="M15.6109 4.03223L20.9678 9.38908M20.9678 9.38908L15.6109 14.7459M20.9678 9.38908L8.06455 9.38908C5.8376 9.38908 4.0323 11.1944 4.0323 13.4213L4.0323 19.758" stroke="url(#grad-ArrowCurveRightUpIcon)" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 25 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowCurveRightUpIcon">
-      <path d="M15.6109 4.03223L20.9678 9.38908M20.9678 9.38908L15.6109 14.7459M20.9678 9.38908L8.06455 9.38908C5.8376 9.38908 4.0323 11.1944 4.0323 13.4213L4.0323 19.758" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.6109 4.03223L20.9678 9.38908M20.9678 9.38908L15.6109 14.7459M20.9678 9.38908L8.06455 9.38908C5.8376 9.38908 4.0323 11.1944 4.0323 13.4213L4.0323 19.758" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowCurveUpLeftIcon.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_ArrowCurveUpLeftIcon">
       <path d="M4.20005 8.91398L9.51406 3.59998M9.51406 3.59998L14.8281 8.91399M9.51406 3.59998L9.51406 16.4C9.51406 18.6091 11.3049 20.4 13.5141 20.4L19.8 20.4" stroke="url(#grad-ArrowCurveUpLeftIcon)" 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_ArrowCurveUpLeftIcon">
-      <path d="M4.20005 8.91398L9.51406 3.59998M9.51406 3.59998L14.8281 8.91399M9.51406 3.59998L9.51406 16.4C9.51406 18.6091 11.3049 20.4 13.5141 20.4L19.8 20.4" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M4.20005 8.91398L9.51406 3.59998M9.51406 3.59998L14.8281 8.91399M9.51406 3.59998L9.51406 16.4C9.51406 18.6091 11.3049 20.4 13.5141 20.4L19.8 20.4" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowCurveUpRightIcon.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_ArrowCurveUpRightIcon">
       <path d="M19.8 8.91399L14.4859 3.59998M14.4859 3.59998L9.17193 8.91399M14.4859 3.59998L14.4859 16.4C14.4859 18.6091 12.6951 20.4 10.4859 20.4L4.19995 20.4" stroke="url(#grad-ArrowCurveUpRightIcon)" 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_ArrowCurveUpRightIcon">
-      <path d="M19.8 8.91399L14.4859 3.59998M14.4859 3.59998L9.17193 8.91399M14.4859 3.59998L14.4859 16.4C14.4859 18.6091 12.6951 20.4 10.4859 20.4L4.19995 20.4" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M19.8 8.91399L14.4859 3.59998M14.4859 3.59998L9.17193 8.91399M14.4859 3.59998L14.4859 16.4C14.4859 18.6091 12.6951 20.4 10.4859 20.4L4.19995 20.4" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownContained01Icon.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_ArrowDownContained01Icon">
       <path d="M12.2127 14.335L11.8926 14.7191C12.078 14.8736 12.3474 14.8736 12.5328 14.7191L12.2127 14.335ZM16.4554 10.7994L16.1353 10.4153L11.8926 13.9509L12.2127 14.335L12.5328 14.7191L16.7755 11.1835L16.4554 10.7994ZM12.2127 14.335L12.5328 13.9509L8.29012 10.4153L7.97003 10.7994L7.64994 11.1835L11.8926 14.7191L12.2127 14.335ZM21.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-ArrowDownContained01Icon)"/>
@@ -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_ArrowDownContained01Icon">
       <path d="M12.2127 14.335L11.8926 14.7191C12.078 14.8736 12.3474 14.8736 12.5328 14.7191L12.2127 14.335ZM16.4554 10.7994L16.1353 10.4153L11.8926 13.9509L12.2127 14.335L12.5328 14.7191L16.7755 11.1835L16.4554 10.7994ZM12.2127 14.335L12.5328 13.9509L8.29012 10.4153L7.97003 10.7994L7.64994 11.1835L11.8926 14.7191L12.2127 14.335ZM21.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/ArrowDownContained02Icon.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_ArrowDownContained02Icon">
       <path d="M11.9999 16.2427L11.6798 16.6268C11.8652 16.7814 12.1345 16.7814 12.32 16.6268L11.9999 16.2427ZM16.2425 12.7072L15.9225 12.3231L11.6798 15.8586L11.9999 16.2427L12.32 16.6268L16.5626 13.0913L16.2425 12.7072ZM11.9999 16.2427L12.32 15.8586L8.07729 12.3231L7.7572 12.7072L7.43711 13.0913L11.6798 16.6268L11.9999 16.2427ZM11.9999 16.2427H12.4999V7.75739H11.9999H11.4999V16.2427L11.9999 16.2427ZM18.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.7882ZM5.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.2118Z" fill="url(#grad-ArrowDownContained02Icon)"/>
@@ -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_ArrowDownContained02Icon">
       <path d="M11.9999 16.2427L11.6798 16.6268C11.8652 16.7814 12.1345 16.7814 12.32 16.6268L11.9999 16.2427ZM16.2425 12.7072L15.9225 12.3231L11.6798 15.8586L11.9999 16.2427L12.32 16.6268L16.5626 13.0913L16.2425 12.7072ZM11.9999 16.2427L12.32 15.8586L8.07729 12.3231L7.7572 12.7072L7.43711 13.0913L11.6798 16.6268L11.9999 16.2427ZM11.9999 16.2427H12.4999V7.75739H11.9999H11.4999V16.2427L11.9999 16.2427ZM18.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.7882ZM5.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.2118Z" fill="currentColor"/>

package/dist/icons/ArrowDownLeft02Icon.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_ArrowDownLeft02Icon">
       <path d="M15.5723 16.9497L7.05029 16.9498M7.05029 16.9498L7.05029 8.549M7.05029 16.9498L16.9498 7.05029" stroke="url(#grad-ArrowDownLeft02Icon)" 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_ArrowDownLeft02Icon">
-      <path d="M15.5723 16.9497L7.05029 16.9498M7.05029 16.9498L7.05029 8.549M7.05029 16.9498L16.9498 7.05029" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.5723 16.9497L7.05029 16.9498M7.05029 16.9498L7.05029 8.549M7.05029 16.9498L16.9498 7.05029" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownLeftContainedIcon.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_ArrowDownLeftContainedIcon">
       <path d="M8.99984 15L8.50189 15.0453C8.52374 15.2857 8.71419 15.4761 8.95457 15.498L8.99984 15ZM14.4999 15.5L14.5451 15.0021L9.04511 14.5021L8.99984 15L8.95457 15.498L14.4546 15.998L14.4999 15.5ZM8.99984 15L9.49778 14.9548L8.99778 9.45474L8.49984 9.50001L8.00189 9.54528L8.50189 15.0453L8.99984 15ZM8.99984 15L9.35339 15.3536L15.3534 9.35356L14.9999 9L14.6463 8.64645L8.64628 14.6465L8.99984 15ZM11.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.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.5999Z" fill="url(#grad-ArrowDownLeftContainedIcon)"/>
@@ -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_ArrowDownLeftContainedIcon">
       <path d="M8.99984 15L8.50189 15.0453C8.52374 15.2857 8.71419 15.4761 8.95457 15.498L8.99984 15ZM14.4999 15.5L14.5451 15.0021L9.04511 14.5021L8.99984 15L8.95457 15.498L14.4546 15.998L14.4999 15.5ZM8.99984 15L9.49778 14.9548L8.99778 9.45474L8.49984 9.50001L8.00189 9.54528L8.50189 15.0453L8.99984 15ZM8.99984 15L9.35339 15.3536L15.3534 9.35356L14.9999 9L14.6463 8.64645L8.64628 14.6465L8.99984 15ZM11.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.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.5999Z" fill="currentColor"/>

package/dist/icons/ArrowDownLeftIcon.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_ArrowDownLeftIcon">
       <path d="M4.20005 15.086L9.51406 20.4M9.51406 20.4L14.8281 15.086M9.51406 20.4L9.51406 7.60003C9.51406 5.39089 11.3049 3.60003 13.5141 3.60003L19.8 3.60003" stroke="url(#grad-ArrowDownLeftIcon)" 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_ArrowDownLeftIcon">
-      <path d="M4.20005 15.086L9.51406 20.4M9.51406 20.4L14.8281 15.086M9.51406 20.4L9.51406 7.60003C9.51406 5.39089 11.3049 3.60003 13.5141 3.60003L19.8 3.60003" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M4.20005 15.086L9.51406 20.4M9.51406 20.4L14.8281 15.086M9.51406 20.4L9.51406 7.60003C9.51406 5.39089 11.3049 3.60003 13.5141 3.60003L19.8 3.60003" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowDownLeftSmIcon.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_ArrowDownLeftSmIcon">
       <path d="M16 9.22353L15.9059 15.9059M15.9059 15.9059L9.22353 16M15.9059 15.9059L8 8" stroke="url(#grad-ArrowDownLeftSmIcon)" 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_ArrowDownLeftSmIcon">
-      <path d="M16 9.22353L15.9059 15.9059M15.9059 15.9059L9.22353 16M15.9059 15.9059L8 8" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16 9.22353L15.9059 15.9059M15.9059 15.9059L9.22353 16M15.9059 15.9059L8 8" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}