chromia 0.1.12 → 0.1.13

package/dist/icons/ArrowUpRightContainedIcon.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_ArrowUpRightContainedIcon">
       <path d="M8.99984 9L8.95457 8.50206C8.7142 8.52391 8.52374 8.71436 8.50189 8.95473L8.99984 9ZM8.49984 14.5L8.99778 14.5453L9.49779 9.04527L8.99984 9L8.50189 8.95473L8.00189 14.4548L8.49984 14.5ZM8.99984 9L9.04511 9.49795L14.5451 8.99795L14.4999 8.5L14.4546 8.00205L8.95457 8.50206L8.99984 9ZM8.99984 9L8.64629 9.35356L14.6463 15.3536L14.9999 15L15.3534 14.6465L9.35339 8.64645L8.99984 9ZM11.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-ArrowUpRightContainedIcon)"/>
@@ -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_ArrowUpRightContainedIcon">
       <path d="M8.99984 9L8.95457 8.50206C8.7142 8.52391 8.52374 8.71436 8.50189 8.95473L8.99984 9ZM8.49984 14.5L8.99778 14.5453L9.49779 9.04527L8.99984 9L8.50189 8.95473L8.00189 14.4548L8.49984 14.5ZM8.99984 9L9.04511 9.49795L14.5451 8.99795L14.4999 8.5L14.4546 8.00205L8.95457 8.50206L8.99984 9ZM8.99984 9L8.64629 9.35356L14.6463 15.3536L14.9999 15L15.3534 14.6465L9.35339 8.64645L8.99984 9ZM11.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/ArrowUpRightIcon.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_ArrowUpRightIcon">
       <path d="M8.45802 7.08068L16.98 7.08056M16.98 7.08056L16.98 15.4813M16.98 7.08056L7.08052 16.9801" stroke="url(#grad-ArrowUpRightIcon)" 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_ArrowUpRightIcon">
-      <path d="M8.45802 7.08068L16.98 7.08056M16.98 7.08056L16.98 15.4813M16.98 7.08056L7.08052 16.9801" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M8.45802 7.08068L16.98 7.08056M16.98 7.08056L16.98 15.4813M16.98 7.08056L7.08052 16.9801" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowUpRightSmIcon.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_ArrowUpRightSmIcon">
       <path d="M14.7765 16L8.09412 15.9059M8.09412 15.9059L8 9.22353M8.09412 15.9059L16 8" stroke="url(#grad-ArrowUpRightSmIcon)" 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_ArrowUpRightSmIcon">
-      <path d="M14.7765 16L8.09412 15.9059M8.09412 15.9059L8 9.22353M8.09412 15.9059L16 8" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.7765 16L8.09412 15.9059M8.09412 15.9059L8 9.22353M8.09412 15.9059L16 8" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowUpRightSquareContainedIcon.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_ArrowUpRightSquareContainedIcon">
       <path d="M9.49994 8.54159H15.5M15.5 8.54159V14.5416M15.5 8.54159L8.99994 15.0416M18 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-ArrowUpRightSquareContainedIcon)" 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_ArrowUpRightSquareContainedIcon">
-      <path d="M9.49994 8.54159H15.5M15.5 8.54159V14.5416M15.5 8.54159L8.99994 15.0416M18 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="M9.49994 8.54159H15.5M15.5 8.54159V14.5416M15.5 8.54159L8.99994 15.0416M18 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/ArrowUpSmIcon.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_ArrowUpSmIcon">
       <path d="M7.625 11.1667L12 7M12 7L16.375 11.1667M12 7L12 17" stroke="url(#grad-ArrowUpSmIcon)" 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_ArrowUpSmIcon">
-      <path d="M7.625 11.1667L12 7M12 7L16.375 11.1667M12 7L12 17" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.625 11.1667L12 7M12 7L16.375 11.1667M12 7L12 17" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowUpSquareContainedIcon.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_ArrowUpSquareContainedIcon">
       <path d="M7.75729 11.3345L12 7.20002M12 7.20002L16.2426 11.3345M12 7.20002V16.2843M18 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-ArrowUpSquareContainedIcon)" 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_ArrowUpSquareContainedIcon">
-      <path d="M7.75729 11.3345L12 7.20002M12 7.20002L16.2426 11.3345M12 7.20002V16.2843M18 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="M7.75729 11.3345L12 7.20002M12 7.20002L16.2426 11.3345M12 7.20002V16.2843M18 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/BackArrowIcon.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -28,7 +29,7 @@ export { className as class };
     width="12"
     height="12"
     viewBox="0 0 14 12"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
@@ -64,13 +65,13 @@ export { className as class };
     width="12"
     height="12"
     viewBox="0 0 14 12"
-    fill="none"
+    fill={fill}
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
     <path
       d="M3.63552 1.39719L0.59961 4.47419M0.59961 4.47419L3.63552 7.55118M0.59961 4.47419L10.1381 4.47419C11.9394 4.47419 13.3996 5.93441 13.3996 7.73569V7.73569C13.3996 9.53697 11.9394 10.9972 10.1381 10.9972L6.99961 10.9972"
-      stroke="currentColor"
+      stroke={color}
       stroke-width={weight}
       stroke-linecap="round"
       stroke-linejoin="round"

package/dist/icons/Bag01Icon.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_Bag01Icon">
       <path d="M5.3999 9.62388L10.2307 4.35388C11.1819 3.3162 12.8179 3.3162 13.7691 4.35388L18.5999 9.62388M21.1974 10.9209L18.4654 19.7209C18.3355 20.1392 17.9484 20.4244 17.5103 20.4244H6.55548C6.1196 20.4244 5.73394 20.142 5.60223 19.7265L2.81268 10.9265C2.60831 10.2818 3.08958 9.62436 3.76594 9.62436H20.2424C20.9162 9.62436 21.3972 10.2773 21.1974 10.9209Z" stroke="url(#grad-Bag01Icon)" 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_Bag01Icon">
-      <path d="M5.3999 9.62388L10.2307 4.35388C11.1819 3.3162 12.8179 3.3162 13.7691 4.35388L18.5999 9.62388M21.1974 10.9209L18.4654 19.7209C18.3355 20.1392 17.9484 20.4244 17.5103 20.4244H6.55548C6.1196 20.4244 5.73394 20.142 5.60223 19.7265L2.81268 10.9265C2.60831 10.2818 3.08958 9.62436 3.76594 9.62436H20.2424C20.9162 9.62436 21.3972 10.2773 21.1974 10.9209Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M5.3999 9.62388L10.2307 4.35388C11.1819 3.3162 12.8179 3.3162 13.7691 4.35388L18.5999 9.62388M21.1974 10.9209L18.4654 19.7209C18.3355 20.1392 17.9484 20.4244 17.5103 20.4244H6.55548C6.1196 20.4244 5.73394 20.142 5.60223 19.7265L2.81268 10.9265C2.60831 10.2818 3.08958 9.62436 3.76594 9.62436H20.2424C20.9162 9.62436 21.3972 10.2773 21.1974 10.9209Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Bag02Icon.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_Bag02Icon">
       <path d="M16.4107 10.7089L16.4046 10.7027M8.1141 10.7089L8.10798 10.7027M16.4107 6.55134C16.4107 4.25862 14.5521 2.39999 12.2594 2.39999C9.96664 2.39999 8.10802 4.25862 8.10802 6.55134M5.51342 21.6H18.4864C19.6328 21.6 20.5621 20.6707 20.5621 19.5243V8.62702C20.5621 7.48066 19.6328 6.55134 18.4864 6.55134H5.51342C4.36706 6.55134 3.43774 7.48066 3.43774 8.62702V19.5243C3.43774 20.6707 4.36706 21.6 5.51342 21.6Z" stroke="url(#grad-Bag02Icon)" 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_Bag02Icon">
-      <path d="M16.4107 10.7089L16.4046 10.7027M8.1141 10.7089L8.10798 10.7027M16.4107 6.55134C16.4107 4.25862 14.5521 2.39999 12.2594 2.39999C9.96664 2.39999 8.10802 4.25862 8.10802 6.55134M5.51342 21.6H18.4864C19.6328 21.6 20.5621 20.6707 20.5621 19.5243V8.62702C20.5621 7.48066 19.6328 6.55134 18.4864 6.55134H5.51342C4.36706 6.55134 3.43774 7.48066 3.43774 8.62702V19.5243C3.43774 20.6707 4.36706 21.6 5.51342 21.6Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M16.4107 10.7089L16.4046 10.7027M8.1141 10.7089L8.10798 10.7027M16.4107 6.55134C16.4107 4.25862 14.5521 2.39999 12.2594 2.39999C9.96664 2.39999 8.10802 4.25862 8.10802 6.55134M5.51342 21.6H18.4864C19.6328 21.6 20.5621 20.6707 20.5621 19.5243V8.62702C20.5621 7.48066 19.6328 6.55134 18.4864 6.55134H5.51342C4.36706 6.55134 3.43774 7.48066 3.43774 8.62702V19.5243C3.43774 20.6707 4.36706 21.6 5.51342 21.6Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Bag03Icon.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_Bag03Icon">
       <path d="M15.5999 8.34203C15.5999 10.3303 13.9881 11.942 11.9999 11.942C10.0117 11.942 8.3999 10.3303 8.3999 8.34203M4.72717 20.942H19.2726C20.5579 20.942 21.5999 19.9194 21.5999 18.658L20.109 5.342C20.109 4.08057 19.067 3.05798 17.7817 3.05798H5.92717C4.64186 3.05798 3.5999 4.08057 3.5999 5.342L2.3999 18.658C2.3999 19.9194 3.44186 20.942 4.72717 20.942Z" stroke="url(#grad-Bag03Icon)" 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_Bag03Icon">
-      <path d="M15.5999 8.34203C15.5999 10.3303 13.9881 11.942 11.9999 11.942C10.0117 11.942 8.3999 10.3303 8.3999 8.34203M4.72717 20.942H19.2726C20.5579 20.942 21.5999 19.9194 21.5999 18.658L20.109 5.342C20.109 4.08057 19.067 3.05798 17.7817 3.05798H5.92717C4.64186 3.05798 3.5999 4.08057 3.5999 5.342L2.3999 18.658C2.3999 19.9194 3.44186 20.942 4.72717 20.942Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.5999 8.34203C15.5999 10.3303 13.9881 11.942 11.9999 11.942C10.0117 11.942 8.3999 10.3303 8.3999 8.34203M4.72717 20.942H19.2726C20.5579 20.942 21.5999 19.9194 21.5999 18.658L20.109 5.342C20.109 4.08057 19.067 3.05798 17.7817 3.05798H5.92717C4.64186 3.05798 3.5999 4.08057 3.5999 5.342L2.3999 18.658C2.3999 19.9194 3.44186 20.942 4.72717 20.942Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Bag04Icon.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_Bag04Icon">
       <path d="M15.5999 8.4V5.4C15.5999 3.41178 13.9881 1.8 11.9999 1.8C10.0117 1.8 8.3999 3.41178 8.3999 5.4V8.4M4.72717 22.2H19.2726C20.5579 22.2 21.5999 21.1774 21.5999 19.916L20.109 7.79997C20.109 6.53854 19.067 5.51596 17.7817 5.51596H5.92717C4.64186 5.51596 3.5999 6.53854 3.5999 7.79997L2.3999 19.916C2.3999 21.1774 3.44186 22.2 4.72717 22.2Z" stroke="url(#grad-Bag04Icon)" 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_Bag04Icon">
-      <path d="M15.5999 8.4V5.4C15.5999 3.41178 13.9881 1.8 11.9999 1.8C10.0117 1.8 8.3999 3.41178 8.3999 5.4V8.4M4.72717 22.2H19.2726C20.5579 22.2 21.5999 21.1774 21.5999 19.916L20.109 7.79997C20.109 6.53854 19.067 5.51596 17.7817 5.51596H5.92717C4.64186 5.51596 3.5999 6.53854 3.5999 7.79997L2.3999 19.916C2.3999 21.1774 3.44186 22.2 4.72717 22.2Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M15.5999 8.4V5.4C15.5999 3.41178 13.9881 1.8 11.9999 1.8C10.0117 1.8 8.3999 3.41178 8.3999 5.4V8.4M4.72717 22.2H19.2726C20.5579 22.2 21.5999 21.1774 21.5999 19.916L20.109 7.79997C20.109 6.53854 19.067 5.51596 17.7817 5.51596H5.92717C4.64186 5.51596 3.5999 6.53854 3.5999 7.79997L2.3999 19.916C2.3999 21.1774 3.44186 22.2 4.72717 22.2Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/Bag05Icon.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_Bag05Icon">
       <path d="M21.6003 6.29994L2.40091 6.29966L2.39966 6.3M21.6003 6.29994L21.5997 19.616C21.5997 20.8774 20.5577 21.9 19.2724 21.9H4.72693C3.44161 21.9 2.39966 20.8774 2.39966 19.616V6.3M21.6003 6.29994L17.7511 2.45147C17.5261 2.22643 17.2209 2.1 16.9026 2.1H7.09671C6.77845 2.1 6.47323 2.22643 6.24819 2.45147L2.39966 6.3M15.5997 9.9C15.5997 11.8882 13.9879 13.5 11.9997 13.5C10.0114 13.5 8.39966 11.8882 8.39966 9.9" stroke="url(#grad-Bag05Icon)" 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_Bag05Icon">
-      <path d="M21.6003 6.29994L2.40091 6.29966L2.39966 6.3M21.6003 6.29994L21.5997 19.616C21.5997 20.8774 20.5577 21.9 19.2724 21.9H4.72693C3.44161 21.9 2.39966 20.8774 2.39966 19.616V6.3M21.6003 6.29994L17.7511 2.45147C17.5261 2.22643 17.2209 2.1 16.9026 2.1H7.09671C6.77845 2.1 6.47323 2.22643 6.24819 2.45147L2.39966 6.3M15.5997 9.9C15.5997 11.8882 13.9879 13.5 11.9997 13.5C10.0114 13.5 8.39966 11.8882 8.39966 9.9" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M21.6003 6.29994L2.40091 6.29966L2.39966 6.3M21.6003 6.29994L21.5997 19.616C21.5997 20.8774 20.5577 21.9 19.2724 21.9H4.72693C3.44161 21.9 2.39966 20.8774 2.39966 19.616V6.3M21.6003 6.29994L17.7511 2.45147C17.5261 2.22643 17.2209 2.1 16.9026 2.1H7.09671C6.77845 2.1 6.47323 2.22643 6.24819 2.45147L2.39966 6.3M15.5997 9.9C15.5997 11.8882 13.9879 13.5 11.9997 13.5C10.0114 13.5 8.39966 11.8882 8.39966 9.9" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankIcon.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_BankIcon">
       <path d="M3.9999 15V12.3313M9.33323 15V12.3313M14.6666 15V12.3313M19.9999 15V12.3313M2.3999 18.4H21.5999V21.6H2.3999V18.4ZM2.3999 8.8V6.66667L11.6054 2.4L21.5999 6.66667V8.8H2.3999Z" stroke="url(#grad-BankIcon)" 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_BankIcon">
-      <path d="M3.9999 15V12.3313M9.33323 15V12.3313M14.6666 15V12.3313M19.9999 15V12.3313M2.3999 18.4H21.5999V21.6H2.3999V18.4ZM2.3999 8.8V6.66667L11.6054 2.4L21.5999 6.66667V8.8H2.3999Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M3.9999 15V12.3313M9.33323 15V12.3313M14.6666 15V12.3313M19.9999 15V12.3313M2.3999 18.4H21.5999V21.6H2.3999V18.4ZM2.3999 8.8V6.66667L11.6054 2.4L21.5999 6.66667V8.8H2.3999Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankNote01Icon.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_BankNote01Icon">
       <path d="M2.3999 7.8C2.3999 6.80589 3.20579 6 4.1999 6H19.7999C20.794 6 21.5999 6.80589 21.5999 7.8V16.2C21.5999 17.1941 20.794 18 19.7999 18H4.1999C3.20579 18 2.3999 17.1941 2.3999 16.2V7.8Z" stroke="url(#grad-BankNote01Icon)"/>
@@ -62,11 +63,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_BankNote01Icon">
-      <path d="M2.3999 7.8C2.3999 6.80589 3.20579 6 4.1999 6H19.7999C20.794 6 21.5999 6.80589 21.5999 7.8V16.2C21.5999 17.1941 20.794 18 19.7999 18H4.1999C3.20579 18 2.3999 17.1941 2.3999 16.2V7.8Z" stroke="currentColor"/>
-      <path d="M14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke="currentColor"/>
+      <path d="M2.3999 7.8C2.3999 6.80589 3.20579 6 4.1999 6H19.7999C20.794 6 21.5999 6.80589 21.5999 7.8V16.2C21.5999 17.1941 20.794 18 19.7999 18H4.1999C3.20579 18 2.3999 17.1941 2.3999 16.2V7.8Z" stroke={color}/>
+      <path d="M14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke={color}/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankNote02Icon.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_BankNote02Icon">
       <path d="M5.9999 9.6V13.8M17.9999 9.6V13.8M4.1999 18H19.7999C20.794 18 21.5999 17.1941 21.5999 16.2V7.8C21.5999 6.80589 20.794 6 19.7999 6H4.1999C3.20579 6 2.3999 6.80589 2.3999 7.8V16.2C2.3999 17.1941 3.20579 18 4.1999 18ZM14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke="url(#grad-BankNote02Icon)" 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_BankNote02Icon">
-      <path d="M5.9999 9.6V13.8M17.9999 9.6V13.8M4.1999 18H19.7999C20.794 18 21.5999 17.1941 21.5999 16.2V7.8C21.5999 6.80589 20.794 6 19.7999 6H4.1999C3.20579 6 2.3999 6.80589 2.3999 7.8V16.2C2.3999 17.1941 3.20579 18 4.1999 18ZM14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M5.9999 9.6V13.8M17.9999 9.6V13.8M4.1999 18H19.7999C20.794 18 21.5999 17.1941 21.5999 16.2V7.8C21.5999 6.80589 20.794 6 19.7999 6H4.1999C3.20579 6 2.3999 6.80589 2.3999 7.8V16.2C2.3999 17.1941 3.20579 18 4.1999 18ZM14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankNote03Icon.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_BankNote03Icon">
       <path d="M6.02317 11.9763L5.99967 11.9998M17.9997 11.9762L17.9762 11.9997M4.1999 18H19.7999C20.794 18 21.5999 17.1941 21.5999 16.2V7.8C21.5999 6.80589 20.794 6 19.7999 6H4.1999C3.20579 6 2.3999 6.80589 2.3999 7.8V16.2C2.3999 17.1941 3.20579 18 4.1999 18ZM14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke="url(#grad-BankNote03Icon)" 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_BankNote03Icon">
-      <path d="M6.02317 11.9763L5.99967 11.9998M17.9997 11.9762L17.9762 11.9997M4.1999 18H19.7999C20.794 18 21.5999 17.1941 21.5999 16.2V7.8C21.5999 6.80589 20.794 6 19.7999 6H4.1999C3.20579 6 2.3999 6.80589 2.3999 7.8V16.2C2.3999 17.1941 3.20579 18 4.1999 18ZM14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M6.02317 11.9763L5.99967 11.9998M17.9997 11.9762L17.9762 11.9997M4.1999 18H19.7999C20.794 18 21.5999 17.1941 21.5999 16.2V7.8C21.5999 6.80589 20.794 6 19.7999 6H4.1999C3.20579 6 2.3999 6.80589 2.3999 7.8V16.2C2.3999 17.1941 3.20579 18 4.1999 18ZM14.3999 12C14.3999 13.3255 13.3254 14.4 11.9999 14.4C10.6744 14.4 9.5999 13.3255 9.5999 12C9.5999 10.6745 10.6744 9.6 11.9999 9.6C13.3254 9.6 14.3999 10.6745 14.3999 12Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankNote04Icon.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_BankNote04Icon">
       <path d="M2.3999 18.0815L2.40012 6.25762C2.40014 5.58418 3.05233 5.10327 3.69568 5.30232L4.04375 5.41C6.71575 6.23667 9.60455 6.23667 12.2765 5.41C15.1974 4.50635 18.3688 4.59285 21.2274 5.65414L21.6002 5.79252L21.5999 18.5749C21.5999 18.7676 21.4078 18.9012 21.2272 18.8341C18.3685 17.7728 15.1971 17.6863 12.2763 18.59C9.6043 19.4167 6.7155 19.4167 4.04351 18.59L2.3999 18.0815Z" stroke="url(#grad-BankNote04Icon)" stroke-linejoin="round"/>
@@ -62,11 +63,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_BankNote04Icon">
-      <path d="M2.3999 18.0815L2.40012 6.25762C2.40014 5.58418 3.05233 5.10327 3.69568 5.30232L4.04375 5.41C6.71575 6.23667 9.60455 6.23667 12.2765 5.41C15.1974 4.50635 18.3688 4.59285 21.2274 5.65414L21.6002 5.79252L21.5999 18.5749C21.5999 18.7676 21.4078 18.9012 21.2272 18.8341C18.3685 17.7728 15.1971 17.6863 12.2763 18.59C9.6043 19.4167 6.7155 19.4167 4.04351 18.59L2.3999 18.0815Z" stroke="currentColor" stroke-linejoin="round"/>
-      <path d="M14.3999 11.99C14.3999 13.3155 13.3254 14.39 11.9999 14.39C10.6744 14.39 9.5999 13.3155 9.5999 11.99C9.5999 10.6645 10.6744 9.59 11.9999 9.59C13.3254 9.59 14.3999 10.6645 14.3999 11.99Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M2.3999 18.0815L2.40012 6.25762C2.40014 5.58418 3.05233 5.10327 3.69568 5.30232L4.04375 5.41C6.71575 6.23667 9.60455 6.23667 12.2765 5.41C15.1974 4.50635 18.3688 4.59285 21.2274 5.65414L21.6002 5.79252L21.5999 18.5749C21.5999 18.7676 21.4078 18.9012 21.2272 18.8341C18.3685 17.7728 15.1971 17.6863 12.2763 18.59C9.6043 19.4167 6.7155 19.4167 4.04351 18.59L2.3999 18.0815Z" stroke={color} stroke-linejoin="round"/>
+      <path d="M14.3999 11.99C14.3999 13.3155 13.3254 14.39 11.9999 14.39C10.6744 14.39 9.5999 13.3155 9.5999 11.99C9.5999 10.6645 10.6744 9.59 11.9999 9.59C13.3254 9.59 14.3999 10.6645 14.3999 11.99Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankNote05Icon.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_BankNote05Icon">
       <path d="M17 9V7C17 6.46957 16.7893 5.96086 16.4142 5.58579C16.0391 5.21071 15.5304 5 15 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V13C3 13.5304 3.21071 14.0391 3.58579 14.4142C3.96086 14.7893 4.46957 15 5 15H7M9 9H19C20.1046 9 21 9.89543 21 11V17C21 18.1046 20.1046 19 19 19H9C7.89543 19 7 18.1046 7 17V11C7 9.89543 7.89543 9 9 9ZM16 14C16 15.1046 15.1046 16 14 16C12.8954 16 12 15.1046 12 14C12 12.8954 12.8954 12 14 12C15.1046 12 16 12.8954 16 14Z" stroke="url(#grad-BankNote05Icon)" 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_BankNote05Icon">
-      <path d="M17 9V7C17 6.46957 16.7893 5.96086 16.4142 5.58579C16.0391 5.21071 15.5304 5 15 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V13C3 13.5304 3.21071 14.0391 3.58579 14.4142C3.96086 14.7893 4.46957 15 5 15H7M9 9H19C20.1046 9 21 9.89543 21 11V17C21 18.1046 20.1046 19 19 19H9C7.89543 19 7 18.1046 7 17V11C7 9.89543 7.89543 9 9 9ZM16 14C16 15.1046 15.1046 16 14 16C12.8954 16 12 15.1046 12 14C12 12.8954 12.8954 12 14 12C15.1046 12 16 12.8954 16 14Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M17 9V7C17 6.46957 16.7893 5.96086 16.4142 5.58579C16.0391 5.21071 15.5304 5 15 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V13C3 13.5304 3.21071 14.0391 3.58579 14.4142C3.96086 14.7893 4.46957 15 5 15H7M9 9H19C20.1046 9 21 9.89543 21 11V17C21 18.1046 20.1046 19 19 19H9C7.89543 19 7 18.1046 7 17V11C7 9.89543 7.89543 9 9 9ZM16 14C16 15.1046 15.1046 16 14 16C12.8954 16 12 15.1046 12 14C12 12.8954 12.8954 12 14 12C15.1046 12 16 12.8954 16 14Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BankNote06Icon.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_BankNote06Icon">
       <path d="M5.9999 6.00012V10.2001M17.9999 6.00012V10.2001M17.3999 14.4001H19.7999C20.794 14.4001 21.5999 13.5942 21.5999 12.6001V4.20012C21.5999 3.206 20.794 2.40012 19.7999 2.40012H4.1999C3.20579 2.40012 2.3999 3.206 2.3999 4.20012V12.6001C2.3999 13.5942 3.20579 14.4001 4.1999 14.4001H6.5999M8.60484 18.2058L11.9989 21.5999M11.9989 21.5999L15.1644 18.4344M11.9989 21.5999L11.9991 14.6576M14.3999 8.40012C14.3999 9.7256 13.3254 10.8001 11.9999 10.8001C10.6744 10.8001 9.5999 9.7256 9.5999 8.40012C9.5999 7.07463 10.6744 6.00012 11.9999 6.00012C13.3254 6.00012 14.3999 7.07463 14.3999 8.40012Z" stroke="url(#grad-BankNote06Icon)" 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_BankNote06Icon">
-      <path d="M5.9999 6.00012V10.2001M17.9999 6.00012V10.2001M17.3999 14.4001H19.7999C20.794 14.4001 21.5999 13.5942 21.5999 12.6001V4.20012C21.5999 3.206 20.794 2.40012 19.7999 2.40012H4.1999C3.20579 2.40012 2.3999 3.206 2.3999 4.20012V12.6001C2.3999 13.5942 3.20579 14.4001 4.1999 14.4001H6.5999M8.60484 18.2058L11.9989 21.5999M11.9989 21.5999L15.1644 18.4344M11.9989 21.5999L11.9991 14.6576M14.3999 8.40012C14.3999 9.7256 13.3254 10.8001 11.9999 10.8001C10.6744 10.8001 9.5999 9.7256 9.5999 8.40012C9.5999 7.07463 10.6744 6.00012 11.9999 6.00012C13.3254 6.00012 14.3999 7.07463 14.3999 8.40012Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M5.9999 6.00012V10.2001M17.9999 6.00012V10.2001M17.3999 14.4001H19.7999C20.794 14.4001 21.5999 13.5942 21.5999 12.6001V4.20012C21.5999 3.206 20.794 2.40012 19.7999 2.40012H4.1999C3.20579 2.40012 2.3999 3.206 2.3999 4.20012V12.6001C2.3999 13.5942 3.20579 14.4001 4.1999 14.4001H6.5999M8.60484 18.2058L11.9989 21.5999M11.9989 21.5999L15.1644 18.4344M11.9989 21.5999L11.9991 14.6576M14.3999 8.40012C14.3999 9.7256 13.3254 10.8001 11.9999 10.8001C10.6744 10.8001 9.5999 9.7256 9.5999 8.40012C9.5999 7.07463 10.6744 6.00012 11.9999 6.00012C13.3254 6.00012 14.3999 7.07463 14.3999 8.40012Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/BellIcon.svelte

@@ -4,6 +4,7 @@ export let gradient = {
   direction: "bottom"
 };
 export let size = "1rem";
+export let fill = "none";
 export let weight = 1;
 const getGradientDirection = (direction) => {
   switch (direction) {
@@ -29,7 +30,7 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 14 14"
-    fill="none"
+    fill={fill}
   >
     <g id="id_Bell">
       <path
@@ -67,7 +68,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_Bell">
       <path