chromia 0.1.12 → 0.1.13

package/dist/icons/ArrowRefresh06Icon.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_ArrowRefresh06Icon">
       <path d="M5.2118 18.7881C1.46277 15.0391 1.46277 8.96071 5.2118 5.21168C7.58173 2.84174 10.8825 1.96995 13.9372 2.5963M19.7393 6.31751C22.5047 10.0741 22.1877 15.3887 18.7882 18.7881C16.3427 21.2336 12.9061 22.0839 9.77133 21.339M17.8373 7.86043V4.26043L21.4373 4.26043L17.8373 7.86043ZM6.05971 16.0366V19.6366H2.45971L6.05971 16.0366Z" stroke="url(#grad-ArrowRefresh06Icon)" 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_ArrowRefresh06Icon">
-      <path d="M5.2118 18.7881C1.46277 15.0391 1.46277 8.96071 5.2118 5.21168C7.58173 2.84174 10.8825 1.96995 13.9372 2.5963M19.7393 6.31751C22.5047 10.0741 22.1877 15.3887 18.7882 18.7881C16.3427 21.2336 12.9061 22.0839 9.77133 21.339M17.8373 7.86043V4.26043L21.4373 4.26043L17.8373 7.86043ZM6.05971 16.0366V19.6366H2.45971L6.05971 16.0366Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M5.2118 18.7881C1.46277 15.0391 1.46277 8.96071 5.2118 5.21168C7.58173 2.84174 10.8825 1.96995 13.9372 2.5963M19.7393 6.31751C22.5047 10.0741 22.1877 15.3887 18.7882 18.7881C16.3427 21.2336 12.9061 22.0839 9.77133 21.339M17.8373 7.86043V4.26043L21.4373 4.26043L17.8373 7.86043ZM6.05971 16.0366V19.6366H2.45971L6.05971 16.0366Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRightContained01Icon.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_ArrowRightContained01Icon">
       <path d="M14.3349 11.7872L14.719 12.1073C14.8735 11.9219 14.8735 11.6526 14.719 11.4671L14.3349 11.7872ZM10.7993 7.54456L10.4152 7.86465L13.9508 12.1073L14.3349 11.7872L14.719 11.4671L11.1834 7.22446L10.7993 7.54456ZM14.3349 11.7872L13.9508 11.4671L10.4152 15.7098L10.7993 16.0299L11.1834 16.35L14.719 12.1073L14.3349 11.7872ZM11.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-ArrowRightContained01Icon)"/>
@@ -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_ArrowRightContained01Icon">
       <path d="M14.3349 11.7872L14.719 12.1073C14.8735 11.9219 14.8735 11.6526 14.719 11.4671L14.3349 11.7872ZM10.7993 7.54456L10.4152 7.86465L13.9508 12.1073L14.3349 11.7872L14.719 11.4671L11.1834 7.22446L10.7993 7.54456ZM14.3349 11.7872L13.9508 11.4671L10.4152 15.7098L10.7993 16.0299L11.1834 16.35L14.719 12.1073L14.3349 11.7872ZM11.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/ArrowRightContained02Icon.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_ArrowRightContained02Icon">
       <path d="M16.2426 12.0001L16.6267 12.3201C16.7812 12.1347 16.7812 11.8654 16.6267 11.68L16.2426 12.0001ZM12.707 7.75738L12.3229 8.07748L15.8585 12.3201L16.2426 12.0001L16.6267 11.68L13.0912 7.43729L12.707 7.75738ZM16.2426 12.0001L15.8585 11.68L12.3229 15.9226L12.707 16.2427L13.0912 16.5628L16.6267 12.3201L16.2426 12.0001ZM16.2426 12.0001V11.5001L7.75726 11.5001V12.0001V12.5001L16.2426 12.5001L16.2426 12.0001ZM18.7881 5.2118L18.4346 5.56535C21.9883 9.11912 21.9883 14.8809 18.4346 18.4347L18.7881 18.7882L19.1417 19.1418C23.086 15.1975 23.086 8.80254 19.1417 4.85825L18.7881 5.2118ZM18.7881 18.7882L18.4346 18.4347C14.8808 21.9885 9.119 21.9885 5.56523 18.4347L5.21168 18.7882L4.85812 19.1418C8.80242 23.0861 15.1974 23.0861 19.1417 19.1418L18.7881 18.7882ZM5.21168 18.7882L5.56523 18.4347C2.01146 14.8809 2.01146 9.11912 5.56523 5.56535L5.21168 5.2118L4.85812 4.85825C0.913829 8.80254 0.913829 15.1975 4.85812 19.1418L5.21168 18.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.2118Z" fill="url(#grad-ArrowRightContained02Icon)"/>
@@ -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_ArrowRightContained02Icon">
       <path d="M16.2426 12.0001L16.6267 12.3201C16.7812 12.1347 16.7812 11.8654 16.6267 11.68L16.2426 12.0001ZM12.707 7.75738L12.3229 8.07748L15.8585 12.3201L16.2426 12.0001L16.6267 11.68L13.0912 7.43729L12.707 7.75738ZM16.2426 12.0001L15.8585 11.68L12.3229 15.9226L12.707 16.2427L13.0912 16.5628L16.6267 12.3201L16.2426 12.0001ZM16.2426 12.0001V11.5001L7.75726 11.5001V12.0001V12.5001L16.2426 12.5001L16.2426 12.0001ZM18.7881 5.2118L18.4346 5.56535C21.9883 9.11912 21.9883 14.8809 18.4346 18.4347L18.7881 18.7882L19.1417 19.1418C23.086 15.1975 23.086 8.80254 19.1417 4.85825L18.7881 5.2118ZM18.7881 18.7882L18.4346 18.4347C14.8808 21.9885 9.119 21.9885 5.56523 18.4347L5.21168 18.7882L4.85812 19.1418C8.80242 23.0861 15.1974 23.0861 19.1417 19.1418L18.7881 18.7882ZM5.21168 18.7882L5.56523 18.4347C2.01146 14.8809 2.01146 9.11912 5.56523 5.56535L5.21168 5.2118L4.85812 4.85825C0.913829 8.80254 0.913829 15.1975 4.85812 19.1418L5.21168 18.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.2118Z" fill="currentColor"/>

package/dist/icons/ArrowRightIcon.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_ArrowRightIcon">
       <path d="M13.1667 6L19 12M19 12L13.1667 18M19 12L5 12" stroke="url(#grad-ArrowRightIcon)" 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_ArrowRightIcon">
-      <path d="M13.1667 6L19 12M19 12L13.1667 18M19 12L5 12" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M13.1667 6L19 12M19 12L13.1667 18M19 12L5 12" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRightSmIcon.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_ArrowRightSmIcon">
       <path d="M12.8333 7.625L17 12M17 12L12.8333 16.375M17 12L7 12" stroke="url(#grad-ArrowRightSmIcon)" 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_ArrowRightSmIcon">
-      <path d="M12.8333 7.625L17 12M17 12L12.8333 16.375M17 12L7 12" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12.8333 7.625L17 12M17 12L12.8333 16.375M17 12L7 12" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRightSquareContainedIcon.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_ArrowRightSquareContainedIcon">
       <path d="M12.6654 7.75729L16.7999 12M16.7999 12L12.6654 16.2426M16.7999 12H7.71564M2.3999 18L2.3999 5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999L17.9999 2.3999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999V18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18Z" stroke="url(#grad-ArrowRightSquareContainedIcon)" 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_ArrowRightSquareContainedIcon">
-      <path d="M12.6654 7.75729L16.7999 12M16.7999 12L12.6654 16.2426M16.7999 12H7.71564M2.3999 18L2.3999 5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999L17.9999 2.3999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999V18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M12.6654 7.75729L16.7999 12M16.7999 12L12.6654 16.2426M16.7999 12H7.71564M2.3999 18L2.3999 5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999L17.9999 2.3999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999V18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRotateLeft01Icon.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_ArrowRotateLeft01Icon">
       <path d="M3.17803 15C4.43778 18.8327 8.04571 21.6 12.3 21.6C17.6019 21.6 21.9 17.302 21.9 12C21.9 6.69809 17.6019 2.40002 12.3 2.40002C8.74662 2.40002 5.64417 4.33058 3.98428 7.20002M6.89998 8.40002H2.09998V3.60002" stroke="url(#grad-ArrowRotateLeft01Icon)" 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_ArrowRotateLeft01Icon">
-      <path d="M3.17803 15C4.43778 18.8327 8.04571 21.6 12.3 21.6C17.6019 21.6 21.9 17.302 21.9 12C21.9 6.69809 17.6019 2.40002 12.3 2.40002C8.74662 2.40002 5.64417 4.33058 3.98428 7.20002M6.89998 8.40002H2.09998V3.60002" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M3.17803 15C4.43778 18.8327 8.04571 21.6 12.3 21.6C17.6019 21.6 21.9 17.302 21.9 12C21.9 6.69809 17.6019 2.40002 12.3 2.40002C8.74662 2.40002 5.64417 4.33058 3.98428 7.20002M6.89998 8.40002H2.09998V3.60002" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRotateLeft02Icon.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_ArrowRotateLeft02Icon">
       <path d="M3.17803 15C4.43778 18.8327 8.04571 21.6 12.3 21.6C17.6019 21.6 21.9 17.302 21.9 12C21.9 6.69809 17.6019 2.40002 12.3 2.40002C8.74662 2.40002 5.64417 4.33058 3.98428 7.20002M3.17803 6.26216L4.50037 7.50012M6.89998 8.40002H2.09998V3.60002L6.89998 8.40002Z" stroke="url(#grad-ArrowRotateLeft02Icon)" 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_ArrowRotateLeft02Icon">
-      <path d="M3.17803 15C4.43778 18.8327 8.04571 21.6 12.3 21.6C17.6019 21.6 21.9 17.302 21.9 12C21.9 6.69809 17.6019 2.40002 12.3 2.40002C8.74662 2.40002 5.64417 4.33058 3.98428 7.20002M3.17803 6.26216L4.50037 7.50012M6.89998 8.40002H2.09998V3.60002L6.89998 8.40002Z" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M3.17803 15C4.43778 18.8327 8.04571 21.6 12.3 21.6C17.6019 21.6 21.9 17.302 21.9 12C21.9 6.69809 17.6019 2.40002 12.3 2.40002C8.74662 2.40002 5.64417 4.33058 3.98428 7.20002M3.17803 6.26216L4.50037 7.50012M6.89998 8.40002H2.09998V3.60002L6.89998 8.40002Z" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRotateLeftIcon.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_ArrowRotateLeftIcon">
       <path d="M3.59998 15.2199V18.9257C3.59998 19.4874 3.82123 20.026 4.21505 20.4231C4.60888 20.8203 5.14302 21.0434 5.69998 21.0434H18.3C18.8569 21.0434 19.3911 20.8203 19.7849 20.4231C20.1787 20.026 20.4 19.4874 20.4 18.9257V15.2199M12.0433 14.9567L12.0433 2.95667M12.0433 2.95667L7.24333 7.54182M12.0433 2.95667L16.8433 7.54182" stroke="url(#grad-ArrowRotateLeftIcon)" 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_ArrowRotateLeftIcon">
-      <path d="M3.59998 15.2199V18.9257C3.59998 19.4874 3.82123 20.026 4.21505 20.4231C4.60888 20.8203 5.14302 21.0434 5.69998 21.0434H18.3C18.8569 21.0434 19.3911 20.8203 19.7849 20.4231C20.1787 20.026 20.4 19.4874 20.4 18.9257V15.2199M12.0433 14.9567L12.0433 2.95667M12.0433 2.95667L7.24333 7.54182M12.0433 2.95667L16.8433 7.54182" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M3.59998 15.2199V18.9257C3.59998 19.4874 3.82123 20.026 4.21505 20.4231C4.60888 20.8203 5.14302 21.0434 5.69998 21.0434H18.3C18.8569 21.0434 19.3911 20.8203 19.7849 20.4231C20.1787 20.026 20.4 19.4874 20.4 18.9257V15.2199M12.0433 14.9567L12.0433 2.95667M12.0433 2.95667L7.24333 7.54182M12.0433 2.95667L16.8433 7.54182" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRotateRight01Icon.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_ArrowRotateRight01Icon">
       <path d="M20.822 15C19.5622 18.8327 15.9543 21.6 11.7 21.6C6.39809 21.6 2.10002 17.302 2.10002 12C2.10002 6.69809 6.39809 2.40002 11.7 2.40002C15.2534 2.40002 18.3558 4.33058 20.0157 7.20002M17.1 8.40002H21.9V3.60002" stroke="url(#grad-ArrowRotateRight01Icon)" 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_ArrowRotateRight01Icon">
-      <path d="M20.822 15C19.5622 18.8327 15.9543 21.6 11.7 21.6C6.39809 21.6 2.10002 17.302 2.10002 12C2.10002 6.69809 6.39809 2.40002 11.7 2.40002C15.2534 2.40002 18.3558 4.33058 20.0157 7.20002M17.1 8.40002H21.9V3.60002" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M20.822 15C19.5622 18.8327 15.9543 21.6 11.7 21.6C6.39809 21.6 2.10002 17.302 2.10002 12C2.10002 6.69809 6.39809 2.40002 11.7 2.40002C15.2534 2.40002 18.3558 4.33058 20.0157 7.20002M17.1 8.40002H21.9V3.60002" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowRotateRight02Icon.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_ArrowRotateRight02Icon">
       <path d="M20.8219 15C19.5622 18.8327 15.9542 21.6 11.7 21.6C6.39804 21.6 2.09998 17.302 2.09998 12C2.09998 6.69809 6.39804 2.40002 11.7 2.40002C14.8098 2.40002 17.5743 3.87872 19.3286 6.17137M20.0157 7.20002C19.8085 6.84187 19.5788 6.49834 19.3286 6.17137M19.3286 6.17137L17.1 8.40002H21.9V3.60002L19.3286 6.17137ZM19.5 8.00002L21 6.00002" stroke="url(#grad-ArrowRotateRight02Icon)" 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_ArrowRotateRight02Icon">
-      <path d="M20.8219 15C19.5622 18.8327 15.9542 21.6 11.7 21.6C6.39804 21.6 2.09998 17.302 2.09998 12C2.09998 6.69809 6.39804 2.40002 11.7 2.40002C14.8098 2.40002 17.5743 3.87872 19.3286 6.17137M20.0157 7.20002C19.8085 6.84187 19.5788 6.49834 19.3286 6.17137M19.3286 6.17137L17.1 8.40002H21.9V3.60002L19.3286 6.17137ZM19.5 8.00002L21 6.00002" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M20.8219 15C19.5622 18.8327 15.9542 21.6 11.7 21.6C6.39804 21.6 2.09998 17.302 2.09998 12C2.09998 6.69809 6.39804 2.40002 11.7 2.40002C14.8098 2.40002 17.5743 3.87872 19.3286 6.17137M20.0157 7.20002C19.8085 6.84187 19.5788 6.49834 19.3286 6.17137M19.3286 6.17137L17.1 8.40002H21.9V3.60002L19.3286 6.17137ZM19.5 8.00002L21 6.00002" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowSwitchHorizontalIcon.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_ArrowSwitchHorizontalIcon">
       <path d="M6.00002 9.60002L2.40002 6.00002M2.40002 6.00002L6.00002 2.40002M2.40002 6.00002H18M18 14.4L21.6 18M21.6 18L18 21.6M21.6 18H6.00002" stroke="url(#grad-ArrowSwitchHorizontalIcon)" stroke-linecap="round" stroke-linejoin="round"/>
@@ -61,10 +62,10 @@ export { className as class };
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill="none"
+    fill={fill}
   >
     <g id="id_ArrowSwitchHorizontalIcon">
-      <path d="M6.00002 9.60002L2.40002 6.00002M2.40002 6.00002L6.00002 2.40002M2.40002 6.00002H18M18 14.4L21.6 18M21.6 18L18 21.6M21.6 18H6.00002" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+      <path d="M6.00002 9.60002L2.40002 6.00002M2.40002 6.00002L6.00002 2.40002M2.40002 6.00002H18M18 14.4L21.6 18M21.6 18L18 21.6M21.6 18H6.00002" stroke={color} stroke-linecap="round" stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowSwitchIcon.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_ArrowSwitch">
       <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_ArrowSwitch">
       <path
         id="icon_ArrowSwitch"
         d="M8.40015 3.4999L10.5001 1.3999M10.5001 1.3999L12.6001 3.4999M10.5001 1.3999L10.5001 12.5999M5.60015 10.4999L3.50015 12.5999M3.50015 12.5999L1.40015 10.4999M3.50015 12.5999L3.50015 1.3999"
-        stroke="currentColor"
+        stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"

package/dist/icons/ArrowSwitchVerticalIcon.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_ArrowSwitchVerticalIcon">
       <path d="M14.4004 5.9999L18.0004 2.3999M18.0004 2.3999L21.6004 5.9999M18.0004 2.3999L18.0004 21.5999M9.60039 17.9999L6.00039 21.5999M6.00039 21.5999L2.40039 17.9999M6.00039 21.5999L6.00039 2.3999" stroke="url(#grad-ArrowSwitchVerticalIcon)" 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_ArrowSwitchVerticalIcon">
-      <path d="M14.4004 5.9999L18.0004 2.3999M18.0004 2.3999L21.6004 5.9999M18.0004 2.3999L18.0004 21.5999M9.60039 17.9999L6.00039 21.5999M6.00039 21.5999L2.40039 17.9999M6.00039 21.5999L6.00039 2.3999" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M14.4004 5.9999L18.0004 2.3999M18.0004 2.3999L21.6004 5.9999M18.0004 2.3999L18.0004 21.5999M9.60039 17.9999L6.00039 21.5999M6.00039 21.5999L2.40039 17.9999M6.00039 21.5999L6.00039 2.3999" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowUpContained01Icon.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_ArrowUpContained01Icon">
       <path d="M12.2137 9.59944L12.5338 9.21533C12.3483 9.06081 12.079 9.06081 11.8936 9.21533L12.2137 9.59944ZM7.971 13.135L8.29109 13.5191L12.5338 9.98355L12.2137 9.59944L11.8936 9.21533L7.6509 12.7509L7.971 13.135ZM12.2137 9.59944L11.8936 9.98355L16.1362 13.5191L16.4563 13.135L16.7764 12.7509L12.5338 9.21533L12.2137 9.59944ZM21.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-ArrowUpContained01Icon)"/>
@@ -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_ArrowUpContained01Icon">
       <path d="M12.2137 9.59944L12.5338 9.21533C12.3483 9.06081 12.079 9.06081 11.8936 9.21533L12.2137 9.59944ZM7.971 13.135L8.29109 13.5191L12.5338 9.98355L12.2137 9.59944L11.8936 9.21533L7.6509 12.7509L7.971 13.135ZM12.2137 9.59944L11.8936 9.98355L16.1362 13.5191L16.4563 13.135L16.7764 12.7509L12.5338 9.21533L12.2137 9.59944ZM21.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/ArrowUpContained02Icon.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_ArrowUpContained02Icon">
       <path d="M11.9999 7.75732L12.32 7.37321C12.1345 7.21869 11.8652 7.21869 11.6798 7.37321L11.9999 7.75732ZM7.7572 11.2929L8.07729 11.677L12.32 8.14143L11.9999 7.75732L11.6798 7.37321L7.43711 10.9088L7.7572 11.2929ZM11.9999 7.75732L11.6798 8.14143L15.9225 11.677L16.2425 11.2929L16.5626 10.9088L12.32 7.37321L11.9999 7.75732ZM11.9999 7.75732H11.4999V16.2427H11.9999H12.4999V7.75732H11.9999ZM18.7881 5.2118L18.4346 5.56535C21.9883 9.11912 21.9883 14.8809 18.4346 18.4347L18.7881 18.7882L19.1417 19.1418C23.086 15.1975 23.086 8.80254 19.1417 4.85825L18.7881 5.2118ZM18.7881 18.7882L18.4346 18.4347C14.8808 21.9885 9.119 21.9885 5.56523 18.4347L5.21168 18.7882L4.85812 19.1418C8.80242 23.0861 15.1974 23.0861 19.1417 19.1418L18.7881 18.7882ZM5.21168 18.7882L5.56523 18.4347C2.01146 14.8809 2.01146 9.11912 5.56523 5.56535L5.21168 5.2118L4.85812 4.85825C0.913829 8.80254 0.913829 15.1975 4.85812 19.1418L5.21168 18.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.2118Z" fill="url(#grad-ArrowUpContained02Icon)"/>
@@ -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_ArrowUpContained02Icon">
       <path d="M11.9999 7.75732L12.32 7.37321C12.1345 7.21869 11.8652 7.21869 11.6798 7.37321L11.9999 7.75732ZM7.7572 11.2929L8.07729 11.677L12.32 8.14143L11.9999 7.75732L11.6798 7.37321L7.43711 10.9088L7.7572 11.2929ZM11.9999 7.75732L11.6798 8.14143L15.9225 11.677L16.2425 11.2929L16.5626 10.9088L12.32 7.37321L11.9999 7.75732ZM11.9999 7.75732H11.4999V16.2427H11.9999H12.4999V7.75732H11.9999ZM18.7881 5.2118L18.4346 5.56535C21.9883 9.11912 21.9883 14.8809 18.4346 18.4347L18.7881 18.7882L19.1417 19.1418C23.086 15.1975 23.086 8.80254 19.1417 4.85825L18.7881 5.2118ZM18.7881 18.7882L18.4346 18.4347C14.8808 21.9885 9.119 21.9885 5.56523 18.4347L5.21168 18.7882L4.85812 19.1418C8.80242 23.0861 15.1974 23.0861 19.1417 19.1418L18.7881 18.7882ZM5.21168 18.7882L5.56523 18.4347C2.01146 14.8809 2.01146 9.11912 5.56523 5.56535L5.21168 5.2118L4.85812 4.85825C0.913829 8.80254 0.913829 15.1975 4.85812 19.1418L5.21168 18.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.2118Z" fill="currentColor"/>

package/dist/icons/ArrowUpIcon.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_ArrowUpIcon">
       <path d="M5.82861 10.8L12 4.80005M12 4.80005L18.1715 10.8M12 4.80005V19.2" stroke="url(#grad-ArrowUpIcon)" 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_ArrowUpIcon">
-      <path d="M5.82861 10.8L12 4.80005M12 4.80005L18.1715 10.8M12 4.80005V19.2" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M5.82861 10.8L12 4.80005M12 4.80005L18.1715 10.8M12 4.80005V19.2" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

package/dist/icons/ArrowUpLeftContainedIcon.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_ArrowUpLeftContainedIcon">
       <path d="M14.9999 8.99996L15.4979 8.95469C15.476 8.71432 15.2856 8.52387 15.0452 8.50201L14.9999 8.99996ZM9.49988 8.49996L9.45462 8.9979L14.9547 9.49791L14.9999 8.99996L15.0452 8.50201L9.54515 8.00201L9.49988 8.49996ZM14.9999 8.99996L14.502 9.04523L15.002 14.5453L15.4999 14.5L15.9979 14.4547L15.4979 8.95469L14.9999 8.99996ZM14.9999 8.99996L14.6464 8.64641L8.64633 14.6465L8.99988 15L9.35343 15.3536L15.3535 9.35351L14.9999 8.99996ZM21.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-ArrowUpLeftContainedIcon)"/>
@@ -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_ArrowUpLeftContainedIcon">
       <path d="M14.9999 8.99996L15.4979 8.95469C15.476 8.71432 15.2856 8.52387 15.0452 8.50201L14.9999 8.99996ZM9.49988 8.49996L9.45462 8.9979L14.9547 9.49791L14.9999 8.99996L15.0452 8.50201L9.54515 8.00201L9.49988 8.49996ZM14.9999 8.99996L14.502 9.04523L15.002 14.5453L15.4999 14.5L15.9979 14.4547L15.4979 8.95469L14.9999 8.99996ZM14.9999 8.99996L14.6464 8.64641L8.64633 14.6465L8.99988 15L9.35343 15.3536L15.3535 9.35351L14.9999 8.99996ZM21.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/ArrowUpLeftIcon.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_ArrowUpLeftIcon">
       <path d="M7.05041 15.5723L7.05029 7.05029M7.05029 7.05029L15.4511 7.05029M7.05029 7.05029L16.9498 16.9498" stroke="url(#grad-ArrowUpLeftIcon)" 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_ArrowUpLeftIcon">
-      <path d="M7.05041 15.5723L7.05029 7.05029M7.05029 7.05029L15.4511 7.05029M7.05029 7.05029L16.9498 16.9498" stroke="currentColor" stroke-linejoin="round"/>
+      <path d="M7.05041 15.5723L7.05029 7.05029M7.05029 7.05029L15.4511 7.05029M7.05029 7.05029L16.9498 16.9498" stroke={color} stroke-linejoin="round"/>
     </g>
   </svg>
 {/if}

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

package/dist/icons/ArrowUpLeftSquareContainedIcon.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_ArrowUpLeftSquareContainedIcon">
       <path d="M8.49945 14.5415V8.54144M8.49945 8.54144H14.4995M8.49945 8.54144L14.9995 15.0415M18 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-ArrowUpLeftSquareContainedIcon)" 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_ArrowUpLeftSquareContainedIcon">
-      <path d="M8.49945 14.5415V8.54144M8.49945 8.54144H14.4995M8.49945 8.54144L14.9995 15.0415M18 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="M8.49945 14.5415V8.54144M8.49945 8.54144H14.4995M8.49945 8.54144L14.9995 15.0415M18 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}