chromia 0.1.12 → 0.1.13

package/dist/icons/BezierIcon.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_Bezier">
       <path
@@ -68,7 +69,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_Bezier">
       <path

package/dist/icons/BoxIcon.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}
   >
     <path
       d="M14.3548 5.01818H1.64523M9.99975 7.21816C8.43765 7.21816 5.99975 7.21816 5.99975 7.21816M14.4 5.39588V13.0182C14.4 13.9018 13.6837 14.6182 12.8 14.6182H3.20001C2.31635 14.6182 1.60001 13.9018 1.60001 13.0182V5.39588C1.60001 5.14749 1.65784 4.90251 1.76892 4.68034L2.86833 2.48152C3.0716 2.07498 3.48712 1.81818 3.94165 1.81818H12.0584C12.5129 1.81818 12.9284 2.07498 13.1317 2.48152L14.2311 4.68034C14.3422 4.90251 14.4 5.14749 14.4 5.39588Z"
@@ -63,11 +64,11 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 16 17"
-    fill="none"
+    fill={fill}
   >
     <path
       d="M14.3548 5.01818H1.64523M9.99975 7.21816C8.43765 7.21816 5.99975 7.21816 5.99975 7.21816M14.4 5.39588V13.0182C14.4 13.9018 13.6837 14.6182 12.8 14.6182H3.20001C2.31635 14.6182 1.60001 13.9018 1.60001 13.0182V5.39588C1.60001 5.14749 1.65784 4.90251 1.76892 4.68034L2.86833 2.48152C3.0716 2.07498 3.48712 1.81818 3.94165 1.81818H12.0584C12.5129 1.81818 12.9284 2.07498 13.1317 2.48152L14.2311 4.68034C14.3422 4.90251 14.4 5.14749 14.4 5.39588Z"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/BrandIcon.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}
   >
     <g id="id_Brand">
       <path
@@ -67,13 +68,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_Brand">
       <path
         id="icon_Brand"
         d="M4.44728 15.5H15.5L15.4124 8.04187L10.1491 10.9748V8.04187L4.44737 10.9748L4.44728 15.5ZM4.44728 15.5H0.5L1.37719 6.36587H4.44728V10.9329V15.5ZM1.81579 3.85194C1.81579 2.59496 3.13158 1.33799 4.44737 1.33799C6.20175 1.33799 7.07895 2.17587 7.51754 3.01396C7.95614 1.75688 8.79859 0.5 10.5877 0.5C12.7807 0.5 13.6579 2.17597 13.6579 3.01396M4.00877 4.27094C5.32456 3.85194 5.98414 5.24966 7.07895 5.94691C8.39474 6.78489 9.46441 6.18203 9.71053 5.94691C11.9035 3.85194 12.7807 6.78489 14.0965 5.94691M7.95614 12.2318V13.0698M12.7807 12.2318V13.0698"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/Calendar01Icon.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_Calendar01Icon">
       <path d="M15.3332 10.8L17.9999 13.8M17.9999 13.8L15.3332 16.8M17.9999 13.8H7.1999M7.1999 6.60061H17.1999M21.5999 6.00002V18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002H17.9999C19.9881 2.40002 21.5999 4.0118 21.5999 6.00002Z" stroke="url(#grad-Calendar01Icon)" 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_Calendar01Icon">
-      <path d="M15.3332 10.8L17.9999 13.8M17.9999 13.8L15.3332 16.8M17.9999 13.8H7.1999M7.1999 6.60061H17.1999M21.5999 6.00002V18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002H17.9999C19.9881 2.40002 21.5999 4.0118 21.5999 6.00002Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.3332 10.8L17.9999 13.8M17.9999 13.8L15.3332 16.8M17.9999 13.8H7.1999M7.1999 6.60061H17.1999M21.5999 6.00002V18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V6.00002C2.3999 4.0118 4.01168 2.40002 5.9999 2.40002H17.9999C19.9881 2.40002 21.5999 4.0118 21.5999 6.00002Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Calendar02Icon.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_Calendar02Icon">
       <path d="M6.51467 7.6167H17.9432M5.99949 1.38341V3.41692M5.99949 3.41692L17.9995 3.4167M5.99949 3.41692C4.0112 3.41692 2.39957 5.02858 2.39966 7.01687L2.40022 19.0168C2.40031 21.0049 4.01206 22.6166 6.00022 22.6166H18.0002C19.9885 22.6166 21.6003 21.0047 21.6002 19.0165L21.5997 7.01653C21.5996 5.02837 19.9877 3.4167 17.9995 3.4167M17.9995 1.3833V3.4167M9.60038 18.4166V11.2166L7.20038 13.0166M16.2004 18.4166V11.2166L13.8004 13.0166" stroke="url(#grad-Calendar02Icon)" 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_Calendar02Icon">
-      <path d="M6.51467 7.6167H17.9432M5.99949 1.38341V3.41692M5.99949 3.41692L17.9995 3.4167M5.99949 3.41692C4.0112 3.41692 2.39957 5.02858 2.39966 7.01687L2.40022 19.0168C2.40031 21.0049 4.01206 22.6166 6.00022 22.6166H18.0002C19.9885 22.6166 21.6003 21.0047 21.6002 19.0165L21.5997 7.01653C21.5996 5.02837 19.9877 3.4167 17.9995 3.4167M17.9995 1.3833V3.4167M9.60038 18.4166V11.2166L7.20038 13.0166M16.2004 18.4166V11.2166L13.8004 13.0166" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M6.51467 7.6167H17.9432M5.99949 1.38341V3.41692M5.99949 3.41692L17.9995 3.4167M5.99949 3.41692C4.0112 3.41692 2.39957 5.02858 2.39966 7.01687L2.40022 19.0168C2.40031 21.0049 4.01206 22.6166 6.00022 22.6166H18.0002C19.9885 22.6166 21.6003 21.0047 21.6002 19.0165L21.5997 7.01653C21.5996 5.02837 19.9877 3.4167 17.9995 3.4167M17.9995 1.3833V3.4167M9.60038 18.4166V11.2166L7.20038 13.0166M16.2004 18.4166V11.2166L13.8004 13.0166" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Calendar03Icon.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_Calendar03Icon">
       <path d="M6.51419 7.5H17.3999M5.77133 1.5V3.30022M17.9999 1.5V3.3M21.5999 6.3L21.5999 19.5001C21.5999 21.157 20.2568 22.5001 18.5999 22.5001H5.3999C3.74305 22.5001 2.3999 21.157 2.3999 19.5001V6.3C2.3999 4.64315 3.74305 3.3 5.3999 3.3H18.5999C20.2568 3.3 21.5999 4.64314 21.5999 6.3Z" stroke="url(#grad-Calendar03Icon)" 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_Calendar03Icon">
-      <path d="M6.51419 7.5H17.3999M5.77133 1.5V3.30022M17.9999 1.5V3.3M21.5999 6.3L21.5999 19.5001C21.5999 21.157 20.2568 22.5001 18.5999 22.5001H5.3999C3.74305 22.5001 2.3999 21.157 2.3999 19.5001V6.3C2.3999 4.64315 3.74305 3.3 5.3999 3.3H18.5999C20.2568 3.3 21.5999 4.64314 21.5999 6.3Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M6.51419 7.5H17.3999M5.77133 1.5V3.30022M17.9999 1.5V3.3M21.5999 6.3L21.5999 19.5001C21.5999 21.157 20.2568 22.5001 18.5999 22.5001H5.3999C3.74305 22.5001 2.3999 21.157 2.3999 19.5001V6.3C2.3999 4.64315 3.74305 3.3 5.3999 3.3H18.5999C20.2568 3.3 21.5999 4.64314 21.5999 6.3Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CalendarIcon.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_Calendar">
       <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_Calendar">
       <path
         id="icon_Calendar"
         d="M4.83331 11.7023V11.6459M8.20831 11.7023V11.6459M8.20831 8.64587V8.58947M11.2083 8.64587V8.58947M2.58331 5.64584H13.0833M3.94046 1.33334V2.45847M11.5833 1.33334V2.45834M11.5833 2.45834H4.08331C2.84067 2.45834 1.83331 3.4657 1.83331 4.70834V12.2084C1.83331 13.451 2.84067 14.4584 4.08331 14.4584H11.5833C12.826 14.4584 13.8333 13.451 13.8333 12.2084L13.8333 4.70834C13.8333 3.4657 12.826 2.45834 11.5833 2.45834Z"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/CameraIcon.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_Camera">
       <path
@@ -68,7 +69,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_Camera">
       <path

package/dist/icons/CancelLeftIcon.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_CancelLeftIcon">
       <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_CancelLeftIcon">
       <g opacity="0.9">
-      <path d="M15.5999 15.6L8.3999 8.40002M21.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 15.6L8.3999 8.40002M21.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/CancelRightIcon.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_CancelRightIcon">
       <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_CancelRightIcon">
       <g opacity="0.9">
-      <path d="M8.4001 15.6L15.6001 8.40002M12.0001 21.6C6.69816 21.6 2.4001 17.302 2.4001 12C2.4001 6.69809 6.69816 2.40002 12.0001 2.40002C17.302 2.40002 21.6001 6.69809 21.6001 12C21.6001 17.302 17.302 21.6 12.0001 21.6Z" stroke="currentColor"/>
+      <path d="M8.4001 15.6L15.6001 8.40002M12.0001 21.6C6.69816 21.6 2.4001 17.302 2.4001 12C2.4001 6.69809 6.69816 2.40002 12.0001 2.40002C17.302 2.40002 21.6001 6.69809 21.6001 12C21.6001 17.302 17.302 21.6 12.0001 21.6Z" stroke={color}/>
       </g>
     </g>
   </svg>

package/dist/icons/Card01Icon.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_Card01Icon">
       <path d="M2.99968 9.29986H20.9997M4.80015 5.10001H19.1998C20.5252 5.10001 21.5997 6.17368 21.5998 7.49914L21.6 16.501C21.6001 17.8265 20.5255 18.9 19.2001 18.9L4.80038 18.8998C3.47493 18.8998 2.40044 17.8254 2.4004 16.4999L2.40015 7.50007C2.40011 6.17456 3.47464 5.10001 4.80015 5.10001Z" stroke="url(#grad-Card01Icon)" 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_Card01Icon">
-      <path d="M2.99968 9.29986H20.9997M4.80015 5.10001H19.1998C20.5252 5.10001 21.5997 6.17368 21.5998 7.49914L21.6 16.501C21.6001 17.8265 20.5255 18.9 19.2001 18.9L4.80038 18.8998C3.47493 18.8998 2.40044 17.8254 2.4004 16.4999L2.40015 7.50007C2.40011 6.17456 3.47464 5.10001 4.80015 5.10001Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.99968 9.29986H20.9997M4.80015 5.10001H19.1998C20.5252 5.10001 21.5997 6.17368 21.5998 7.49914L21.6 16.501C21.6001 17.8265 20.5255 18.9 19.2001 18.9L4.80038 18.8998C3.47493 18.8998 2.40044 17.8254 2.4004 16.4999L2.40015 7.50007C2.40011 6.17456 3.47464 5.10001 4.80015 5.10001Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Card02Icon.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_Card02Icon">
       <path d="M2.99968 9.29986H20.9997M6.59968 13.4999H9.59968M4.80015 5.10001H19.1998C20.5252 5.10001 21.5997 6.17368 21.5998 7.49914L21.6 16.501C21.6001 17.8265 20.5255 18.9 19.2001 18.9L4.80038 18.8998C3.47493 18.8998 2.40044 17.8254 2.4004 16.4999L2.40015 7.50007C2.40011 6.17456 3.47464 5.10001 4.80015 5.10001Z" stroke="url(#grad-Card02Icon)" 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_Card02Icon">
-      <path d="M2.99968 9.29986H20.9997M6.59968 13.4999H9.59968M4.80015 5.10001H19.1998C20.5252 5.10001 21.5997 6.17368 21.5998 7.49914L21.6 16.501C21.6001 17.8265 20.5255 18.9 19.2001 18.9L4.80038 18.8998C3.47493 18.8998 2.40044 17.8254 2.4004 16.4999L2.40015 7.50007C2.40011 6.17456 3.47464 5.10001 4.80015 5.10001Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.99968 9.29986H20.9997M6.59968 13.4999H9.59968M4.80015 5.10001H19.1998C20.5252 5.10001 21.5997 6.17368 21.5998 7.49914L21.6 16.501C21.6001 17.8265 20.5255 18.9 19.2001 18.9L4.80038 18.8998C3.47493 18.8998 2.40044 17.8254 2.4004 16.4999L2.40015 7.50007C2.40011 6.17456 3.47464 5.10001 4.80015 5.10001Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardAddIcon.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_CardAddIcon">
       <path d="M13.8403 18.6397H4.24059C2.91513 18.6397 1.84063 17.5653 1.84059 16.2398L1.84033 7.23999C1.84029 5.91448 2.91482 4.83992 4.24033 4.83992H18.6398C19.9653 4.83992 21.0398 5.91382 21.0398 7.23934L21.0399 11.4399M2.43987 9.03977H20.4399M19.6336 19.1601L19.6336 16.6339M19.6336 16.6339L19.6336 14.1077M19.6336 16.6339H17.1074M19.6336 16.6339H22.1598" stroke="url(#grad-CardAddIcon)" 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_CardAddIcon">
-      <path d="M13.8403 18.6397H4.24059C2.91513 18.6397 1.84063 17.5653 1.84059 16.2398L1.84033 7.23999C1.84029 5.91448 2.91482 4.83992 4.24033 4.83992H18.6398C19.9653 4.83992 21.0398 5.91382 21.0398 7.23934L21.0399 11.4399M2.43987 9.03977H20.4399M19.6336 19.1601L19.6336 16.6339M19.6336 16.6339L19.6336 14.1077M19.6336 16.6339H17.1074M19.6336 16.6339H22.1598" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.8403 18.6397H4.24059C2.91513 18.6397 1.84063 17.5653 1.84059 16.2398L1.84033 7.23999C1.84029 5.91448 2.91482 4.83992 4.24033 4.83992H18.6398C19.9653 4.83992 21.0398 5.91382 21.0398 7.23934L21.0399 11.4399M2.43987 9.03977H20.4399M19.6336 19.1601L19.6336 16.6339M19.6336 16.6339L19.6336 14.1077M19.6336 16.6339H17.1074M19.6336 16.6339H22.1598" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardCheckIcon.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_CardCheckIcon">
       <path d="M13.8002 18.8999H4.20055C2.8751 18.8999 1.80059 17.8254 1.80055 16.5L1.80029 7.50016C1.80026 6.17465 2.87478 5.1001 4.20029 5.1001H18.5997C19.9253 5.1001 20.9998 6.17399 20.9998 7.49951L20.9998 11.7001M17.3998 16.4829L18.9084 17.9915L22.1998 14.6999M2.39983 9.29995H20.3998" stroke="url(#grad-CardCheckIcon)" 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_CardCheckIcon">
-      <path d="M13.8002 18.8999H4.20055C2.8751 18.8999 1.80059 17.8254 1.80055 16.5L1.80029 7.50016C1.80026 6.17465 2.87478 5.1001 4.20029 5.1001H18.5997C19.9253 5.1001 20.9998 6.17399 20.9998 7.49951L20.9998 11.7001M17.3998 16.4829L18.9084 17.9915L22.1998 14.6999M2.39983 9.29995H20.3998" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.8002 18.8999H4.20055C2.8751 18.8999 1.80059 17.8254 1.80055 16.5L1.80029 7.50016C1.80026 6.17465 2.87478 5.1001 4.20029 5.1001H18.5997C19.9253 5.1001 20.9998 6.17399 20.9998 7.49951L20.9998 11.7001M17.3998 16.4829L18.9084 17.9915L22.1998 14.6999M2.39983 9.29995H20.3998" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardDownIcon.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_CardDownIcon">
       <path d="M14.1003 18.5786H4.5006C3.17514 18.5786 2.10064 17.5042 2.1006 16.1787L2.10034 7.17889C2.1003 5.85338 3.17483 4.77882 4.50034 4.77882H18.8998C20.2253 4.77882 21.2998 5.85272 21.2998 7.17824L21.2999 11.3788M2.69988 8.97867H20.6999M21.8997 16.7786L19.4455 19.2212M19.4455 19.2212L17.0997 16.889M19.4455 19.2212L19.4455 13.7786" stroke="url(#grad-CardDownIcon)" 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_CardDownIcon">
-      <path d="M14.1003 18.5786H4.5006C3.17514 18.5786 2.10064 17.5042 2.1006 16.1787L2.10034 7.17889C2.1003 5.85338 3.17483 4.77882 4.50034 4.77882H18.8998C20.2253 4.77882 21.2998 5.85272 21.2998 7.17824L21.2999 11.3788M2.69988 8.97867H20.6999M21.8997 16.7786L19.4455 19.2212M19.4455 19.2212L17.0997 16.889M19.4455 19.2212L19.4455 13.7786" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.1003 18.5786H4.5006C3.17514 18.5786 2.10064 17.5042 2.1006 16.1787L2.10034 7.17889C2.1003 5.85338 3.17483 4.77882 4.50034 4.77882H18.8998C20.2253 4.77882 21.2998 5.85272 21.2998 7.17824L21.2999 11.3788M2.69988 8.97867H20.6999M21.8997 16.7786L19.4455 19.2212M19.4455 19.2212L17.0997 16.889M19.4455 19.2212L19.4455 13.7786" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardEditIcon.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_CardEditIcon">
       <path d="M11.7007 18.0601L3.90095 18.0599C2.57551 18.0599 1.50103 16.9854 1.50099 15.66L1.50073 6.66014C1.50069 5.33463 2.57522 4.26007 3.90073 4.26007H18.3C19.6256 4.26007 20.7002 5.33333 20.7002 6.65891L20.7003 9.06007M2.10027 8.45992H20.1003M15.2993 16.8599L19.6193 12.5399L22.4993 15.4199L18.1793 19.7399H15.2993V16.8599Z" stroke="url(#grad-CardEditIcon)" 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_CardEditIcon">
-      <path d="M11.7007 18.0601L3.90095 18.0599C2.57551 18.0599 1.50103 16.9854 1.50099 15.66L1.50073 6.66014C1.50069 5.33463 2.57522 4.26007 3.90073 4.26007H18.3C19.6256 4.26007 20.7002 5.33333 20.7002 6.65891L20.7003 9.06007M2.10027 8.45992H20.1003M15.2993 16.8599L19.6193 12.5399L22.4993 15.4199L18.1793 19.7399H15.2993V16.8599Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M11.7007 18.0601L3.90095 18.0599C2.57551 18.0599 1.50103 16.9854 1.50099 15.66L1.50073 6.66014C1.50069 5.33463 2.57522 4.26007 3.90073 4.26007H18.3C19.6256 4.26007 20.7002 5.33333 20.7002 6.65891L20.7003 9.06007M2.10027 8.45992H20.1003M15.2993 16.8599L19.6193 12.5399L22.4993 15.4199L18.1793 19.7399H15.2993V16.8599Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardLockIcon.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_CardLockIcon">
       <path d="M12.0002 18.3L4.20051 18.2998C2.87507 18.2998 1.80059 17.2253 1.80055 15.8999L1.80029 6.90004C1.80026 5.57453 2.87478 4.49998 4.20029 4.49998H18.5992C19.925 4.49998 20.9998 5.57419 20.9998 6.8999L20.9998 8.69998M2.39983 8.69983H20.3998M17.6998 15V14C17.6998 13.1716 18.3714 12.5 19.1998 12.5C20.0283 12.5 20.6998 13.1716 20.6998 14V15.5M17.1998 19.5H21.1998C21.7521 19.5 22.1998 19.0523 22.1998 18.5V16.5C22.1998 15.9477 21.7521 15.5 21.1998 15.5H17.1998C16.6475 15.5 16.1998 15.9477 16.1998 16.5V18.5C16.1998 19.0523 16.6475 19.5 17.1998 19.5Z" stroke="url(#grad-CardLockIcon)" 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_CardLockIcon">
-      <path d="M12.0002 18.3L4.20051 18.2998C2.87507 18.2998 1.80059 17.2253 1.80055 15.8999L1.80029 6.90004C1.80026 5.57453 2.87478 4.49998 4.20029 4.49998H18.5992C19.925 4.49998 20.9998 5.57419 20.9998 6.8999L20.9998 8.69998M2.39983 8.69983H20.3998M17.6998 15V14C17.6998 13.1716 18.3714 12.5 19.1998 12.5C20.0283 12.5 20.6998 13.1716 20.6998 14V15.5M17.1998 19.5H21.1998C21.7521 19.5 22.1998 19.0523 22.1998 18.5V16.5C22.1998 15.9477 21.7521 15.5 21.1998 15.5H17.1998C16.6475 15.5 16.1998 15.9477 16.1998 16.5V18.5C16.1998 19.0523 16.6475 19.5 17.1998 19.5Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12.0002 18.3L4.20051 18.2998C2.87507 18.2998 1.80059 17.2253 1.80055 15.8999L1.80029 6.90004C1.80026 5.57453 2.87478 4.49998 4.20029 4.49998H18.5992C19.925 4.49998 20.9998 5.57419 20.9998 6.8999L20.9998 8.69998M2.39983 8.69983H20.3998M17.6998 15V14C17.6998 13.1716 18.3714 12.5 19.1998 12.5C20.0283 12.5 20.6998 13.1716 20.6998 14V15.5M17.1998 19.5H21.1998C21.7521 19.5 22.1998 19.0523 22.1998 18.5V16.5C22.1998 15.9477 21.7521 15.5 21.1998 15.5H17.1998C16.6475 15.5 16.1998 15.9477 16.1998 16.5V18.5C16.1998 19.0523 16.6475 19.5 17.1998 19.5Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardMinusIcon.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_CardMinusIcon">
       <path d="M13.6547 18.8999H4.05504C2.72959 18.8999 1.65508 17.8254 1.65504 16.5L1.65479 7.50016C1.65475 6.17465 2.72928 5.1001 4.05479 5.1001H18.4542C19.7798 5.1001 20.8543 6.17399 20.8543 7.49951L20.8543 11.7001M2.25432 9.29995H20.2543M17.2539 16.0457L22.3453 16.0454" stroke="url(#grad-CardMinusIcon)" 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_CardMinusIcon">
-      <path d="M13.6547 18.8999H4.05504C2.72959 18.8999 1.65508 17.8254 1.65504 16.5L1.65479 7.50016C1.65475 6.17465 2.72928 5.1001 4.05479 5.1001H18.4542C19.7798 5.1001 20.8543 6.17399 20.8543 7.49951L20.8543 11.7001M2.25432 9.29995H20.2543M17.2539 16.0457L22.3453 16.0454" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.6547 18.8999H4.05504C2.72959 18.8999 1.65508 17.8254 1.65504 16.5L1.65479 7.50016C1.65475 6.17465 2.72928 5.1001 4.05479 5.1001H18.4542C19.7798 5.1001 20.8543 6.17399 20.8543 7.49951L20.8543 11.7001M2.25432 9.29995H20.2543M17.2539 16.0457L22.3453 16.0454" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardNumberIcon.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_CardNumberIcon">
       <path d="M14.4001 18.3H4.8004C3.47495 18.3 2.40044 17.2255 2.4004 15.9001L2.40015 6.90028C2.40011 5.57477 3.47464 4.50021 4.80015 4.50021H19.1996C20.5251 4.50021 21.5996 5.57411 21.5996 6.89963L21.5997 11.1002M2.99968 8.70006H20.9997M18.6007 19.4998H20.1246M20.1246 19.4998H21.5428M20.1246 19.4998V13.9362L18.3791 15.1362" stroke="url(#grad-CardNumberIcon)" 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_CardNumberIcon">
-      <path d="M14.4001 18.3H4.8004C3.47495 18.3 2.40044 17.2255 2.4004 15.9001L2.40015 6.90028C2.40011 5.57477 3.47464 4.50021 4.80015 4.50021H19.1996C20.5251 4.50021 21.5996 5.57411 21.5996 6.89963L21.5997 11.1002M2.99968 8.70006H20.9997M18.6007 19.4998H20.1246M20.1246 19.4998H21.5428M20.1246 19.4998V13.9362L18.3791 15.1362" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.4001 18.3H4.8004C3.47495 18.3 2.40044 17.2255 2.4004 15.9001L2.40015 6.90028C2.40011 5.57477 3.47464 4.50021 4.80015 4.50021H19.1996C20.5251 4.50021 21.5996 5.57411 21.5996 6.89963L21.5997 11.1002M2.99968 8.70006H20.9997M18.6007 19.4998H20.1246M20.1246 19.4998H21.5428M20.1246 19.4998V13.9362L18.3791 15.1362" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/CardShieldIcon.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_CardShieldIcon">
       <path d="M12.0002 17.8125L4.20051 17.8124C2.87507 17.8124 1.80059 16.7379 1.80055 15.4125L1.80029 6.4126C1.80026 5.08709 2.87478 4.01254 4.20029 4.01254H18.5992C19.925 4.01254 20.9998 5.08675 20.9998 6.41246L20.9998 8.21253M2.39983 8.21239H20.3998M16.1998 13.4875L17.5899 12.7924C18.6034 12.2857 19.7963 12.2857 20.8098 12.7924L22.1998 13.4875C22.1998 13.4875 22.1998 15.6775 22.1998 16.8325C22.1998 17.9875 21.1322 18.7671 19.1998 19.9875C17.2675 18.7671 16.1998 17.7375 16.1998 16.8325V13.4875Z" stroke="url(#grad-CardShieldIcon)" 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_CardShieldIcon">
-      <path d="M12.0002 17.8125L4.20051 17.8124C2.87507 17.8124 1.80059 16.7379 1.80055 15.4125L1.80029 6.4126C1.80026 5.08709 2.87478 4.01254 4.20029 4.01254H18.5992C19.925 4.01254 20.9998 5.08675 20.9998 6.41246L20.9998 8.21253M2.39983 8.21239H20.3998M16.1998 13.4875L17.5899 12.7924C18.6034 12.2857 19.7963 12.2857 20.8098 12.7924L22.1998 13.4875C22.1998 13.4875 22.1998 15.6775 22.1998 16.8325C22.1998 17.9875 21.1322 18.7671 19.1998 19.9875C17.2675 18.7671 16.1998 17.7375 16.1998 16.8325V13.4875Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12.0002 17.8125L4.20051 17.8124C2.87507 17.8124 1.80059 16.7379 1.80055 15.4125L1.80029 6.4126C1.80026 5.08709 2.87478 4.01254 4.20029 4.01254H18.5992C19.925 4.01254 20.9998 5.08675 20.9998 6.41246L20.9998 8.21253M2.39983 8.21239H20.3998M16.1998 13.4875L17.5899 12.7924C18.6034 12.2857 19.7963 12.2857 20.8098 12.7924L22.1998 13.4875C22.1998 13.4875 22.1998 15.6775 22.1998 16.8325C22.1998 17.9875 21.1322 18.7671 19.1998 19.9875C17.2675 18.7671 16.1998 17.7375 16.1998 16.8325V13.4875Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}