chromia 0.1.19 → 0.1.21

package/dist/icons/CoinHandIcon.svelte

@@ -28,6 +28,7 @@ export { className as class };
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
@@ -59,6 +60,7 @@ export { className as class };
 {:else}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"

package/dist/icons/CoinNumberIcon.svelte

@@ -28,6 +28,7 @@ export { className as class };
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
@@ -59,6 +60,7 @@ export { className as class };
 {:else}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"

package/dist/icons/CoinUnbrokenIcon.svelte

@@ -28,6 +28,7 @@ export { className as class };
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
@@ -59,6 +60,7 @@ export { className as class };
 {:else}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"

package/dist/icons/CoinsIcon.svelte

@@ -28,6 +28,7 @@ export { className as class };
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
@@ -59,6 +60,7 @@ export { className as class };
 {:else}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"

package/dist/icons/CoinsRotateIcon.svelte

@@ -28,6 +28,7 @@ export { className as class };
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
@@ -59,6 +60,7 @@ export { className as class };
 {:else}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"

package/dist/icons/CollectionIcon.svelte

@@ -37,7 +37,7 @@ export { className as class };
         id="icon_Collection"
         d="M3.90909 14.0164H4.87879M12.6364 10.1376H15.0606C16.1317 10.1376 17 11.0059 17 12.077V14.9861C17 16.0572 16.1317 16.9255 15.0606 16.9255H4.87879M8.27273 4.62344L11.2536 1.64253C12.011 0.885149 13.239 0.885148 13.9964 1.64253L16.0534 3.69957C16.8108 4.45695 16.8108 5.6849 16.0534 6.44228L7.78788 14.7078M2.93939 16.9255H5.84848C6.91958 16.9255 7.78788 16.0572 7.78788 14.9861V3.34977C7.78788 2.27867 6.91958 1.41037 5.84848 1.41037H2.93939C1.8683 1.41037 1 2.27867 1 3.34977V14.9861C1 16.0572 1.8683 16.9255 2.93939 16.9255Z"
         stroke="url(#grad-Collection)"
-        stroke-width={weight}
+        stroke-width={weight * 0.75}
         stroke-linecap="round"
         stroke-linejoin="round"
       />
@@ -75,7 +75,7 @@ export { className as class };
         id="icon_Collection"
         d="M3.90909 14.0164H4.87879M12.6364 10.1376H15.0606C16.1317 10.1376 17 11.0059 17 12.077V14.9861C17 16.0572 16.1317 16.9255 15.0606 16.9255H4.87879M8.27273 4.62344L11.2536 1.64253C12.011 0.885149 13.239 0.885148 13.9964 1.64253L16.0534 3.69957C16.8108 4.45695 16.8108 5.6849 16.0534 6.44228L7.78788 14.7078M2.93939 16.9255H5.84848C6.91958 16.9255 7.78788 16.0572 7.78788 14.9861V3.34977C7.78788 2.27867 6.91958 1.41037 5.84848 1.41037H2.93939C1.8683 1.41037 1 2.27867 1 3.34977V14.9861C1 16.0572 1.8683 16.9255 2.93939 16.9255Z"
         stroke={color}
-        stroke-width={weight}
+        stroke-width={weight * 0.75}
         stroke-linecap="round"
         stroke-linejoin="round"
       />

package/dist/icons/ColorPickerIcon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ColorPickerIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M10.4731 6.60709L17.3929 13.5269M2.40002 16.9868L16.0314 3.35543C17.3053 2.08153 19.3707 2.08153 20.6446 3.35542C21.9185 4.62933 21.9185 6.69473 20.6446 7.96863L7.01323 21.6H2.40002V16.9868Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(gradient.direction).y2}
+      >
+        <stop offset="0%" style="stop-color:{gradient.colors[0]};stop-opacity:1" />
+        <stop offset="100%" style="stop-color:{gradient.colors[1]};stop-opacity:1" />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M10.4731 6.60709L17.3929 13.5269M2.40002 16.9868L16.0314 3.35543C17.3053 2.08153 19.3707 2.08153 20.6446 3.35542C21.9185 4.62933 21.9185 6.69473 20.6446 7.96863L7.01323 21.6H2.40002V16.9868Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ColorPickerIcon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ColorPickerIconProps = typeof __propDef.props;
+export type ColorPickerIconEvents = typeof __propDef.events;
+export type ColorPickerIconSlots = typeof __propDef.slots;
+export default class ColorPickerIcon extends SvelteComponent<ColorPickerIconProps, ColorPickerIconEvents, ColorPickerIconSlots> {
+}
+export {};

package/dist/icons/ColorSwatch01Icon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ColorSwatch01Icon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M6.00029 9.87432C3.56603 10.6389 1.80029 12.9131 1.80029 15.5996C1.80029 18.9134 4.48658 21.5996 7.80029 21.5996C9.47873 21.5996 10.9962 20.9105 12.0852 19.7996C13.1461 18.7174 13.8003 17.2349 13.8003 15.5996M18.0003 9.87432C20.4348 10.6387 22.2008 12.913 22.2008 15.5998C22.2008 18.9135 19.5145 21.5998 16.2008 21.5998C14.8498 21.5998 13.6032 21.1533 12.6003 20.3999M18.0003 8.39952C18.0003 11.7132 15.314 14.3995 12.0003 14.3995C8.68658 14.3995 6.00029 11.7132 6.00029 8.39952C6.00029 5.08581 8.68658 2.39952 12.0003 2.39952C15.314 2.39952 18.0003 5.08581 18.0003 8.39952Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(gradient.direction).y2}
+      >
+        <stop offset="0%" style="stop-color:{gradient.colors[0]};stop-opacity:1" />
+        <stop offset="100%" style="stop-color:{gradient.colors[1]};stop-opacity:1" />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M6.00029 9.87432C3.56603 10.6389 1.80029 12.9131 1.80029 15.5996C1.80029 18.9134 4.48658 21.5996 7.80029 21.5996C9.47873 21.5996 10.9962 20.9105 12.0852 19.7996C13.1461 18.7174 13.8003 17.2349 13.8003 15.5996M18.0003 9.87432C20.4348 10.6387 22.2008 12.913 22.2008 15.5998C22.2008 18.9135 19.5145 21.5998 16.2008 21.5998C14.8498 21.5998 13.6032 21.1533 12.6003 20.3999M18.0003 8.39952C18.0003 11.7132 15.314 14.3995 12.0003 14.3995C8.68658 14.3995 6.00029 11.7132 6.00029 8.39952C6.00029 5.08581 8.68658 2.39952 12.0003 2.39952C15.314 2.39952 18.0003 5.08581 18.0003 8.39952Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ColorSwatch01Icon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ColorSwatch01IconProps = typeof __propDef.props;
+export type ColorSwatch01IconEvents = typeof __propDef.events;
+export type ColorSwatch01IconSlots = typeof __propDef.slots;
+export default class ColorSwatch01Icon extends SvelteComponent<ColorSwatch01IconProps, ColorSwatch01IconEvents, ColorSwatch01IconSlots> {
+}
+export {};

package/dist/icons/ColorSwatch02Icon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ColorSwatch02Icon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M17.3334 21.6C16.2018 21.6 15.1165 21.1505 14.3164 20.3503C13.5162 19.5502 13.0667 18.4649 13.0667 17.3333V4.53333C13.0667 3.96753 13.2915 3.42491 13.6915 3.02483C14.0916 2.62476 14.6342 2.39999 15.2 2.39999H19.4667C20.0325 2.39999 20.5751 2.62476 20.9752 3.02483C21.3753 3.42491 21.6 3.96753 21.6 4.53333V17.3333C21.6 18.4649 21.1505 19.5502 20.3503 20.3503C19.5502 21.1505 18.4649 21.6 17.3334 21.6ZM17.3334 21.6H4.53336C3.96756 21.6 3.42494 21.3752 3.02486 20.9752C2.62479 20.5751 2.40002 20.0325 2.40002 19.4667V15.2C2.40002 14.6342 2.62479 14.0916 3.02486 13.6915C3.42494 13.2914 3.96756 13.0667 4.53336 13.0667H6.98669M13.0667 7.03999L10.9334 4.90666C10.5333 4.50672 9.99077 4.28205 9.42509 4.28205C8.85941 4.28205 8.31688 4.50672 7.91682 4.90666L4.90029 7.92319C4.50035 8.32325 4.27568 8.86578 4.27568 9.43146C4.27568 9.99714 4.50035 10.5397 4.90029 10.9397L14.5003 20.5397M17.3334 17.3333V17.344" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(gradient.direction).y2}
+      >
+        <stop offset="0%" style="stop-color:{gradient.colors[0]};stop-opacity:1" />
+        <stop offset="100%" style="stop-color:{gradient.colors[1]};stop-opacity:1" />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M17.3334 21.6C16.2018 21.6 15.1165 21.1505 14.3164 20.3503C13.5162 19.5502 13.0667 18.4649 13.0667 17.3333V4.53333C13.0667 3.96753 13.2915 3.42491 13.6915 3.02483C14.0916 2.62476 14.6342 2.39999 15.2 2.39999H19.4667C20.0325 2.39999 20.5751 2.62476 20.9752 3.02483C21.3753 3.42491 21.6 3.96753 21.6 4.53333V17.3333C21.6 18.4649 21.1505 19.5502 20.3503 20.3503C19.5502 21.1505 18.4649 21.6 17.3334 21.6ZM17.3334 21.6H4.53336C3.96756 21.6 3.42494 21.3752 3.02486 20.9752C2.62479 20.5751 2.40002 20.0325 2.40002 19.4667V15.2C2.40002 14.6342 2.62479 14.0916 3.02486 13.6915C3.42494 13.2914 3.96756 13.0667 4.53336 13.0667H6.98669M13.0667 7.03999L10.9334 4.90666C10.5333 4.50672 9.99077 4.28205 9.42509 4.28205C8.85941 4.28205 8.31688 4.50672 7.91682 4.90666L4.90029 7.92319C4.50035 8.32325 4.27568 8.86578 4.27568 9.43146C4.27568 9.99714 4.50035 10.5397 4.90029 10.9397L14.5003 20.5397M17.3334 17.3333V17.344" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ColorSwatch02Icon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ColorSwatch02IconProps = typeof __propDef.props;
+export type ColorSwatch02IconEvents = typeof __propDef.events;
+export type ColorSwatch02IconSlots = typeof __propDef.slots;
+export default class ColorSwatch02Icon extends SvelteComponent<ColorSwatch02IconProps, ColorSwatch02IconEvents, ColorSwatch02IconSlots> {
+}
+export {};

package/dist/icons/Colors01Icon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-Colors01Icon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M5.2001 9.44326C3.06871 10.4819 1.6001 12.6694 1.6001 15.1999C1.6001 18.7345 4.46547 21.5999 8.0001 21.5999C11.5347 21.5999 14.4001 18.7345 14.4001 15.1999C14.4001 14.9289 14.3833 14.6619 14.3506 14.3999M12.4001 20.4922C13.4258 21.1912 14.6652 21.5999 16.0001 21.5999C19.5347 21.5999 22.4001 18.7345 22.4001 15.1999C22.4001 12.4503 20.6662 10.1058 18.2322 9.1999M18.4001 8.7999C18.4001 12.3345 15.5347 15.1999 12.0001 15.1999C8.46547 15.1999 5.6001 12.3345 5.6001 8.7999C5.6001 5.26528 8.46547 2.3999 12.0001 2.3999C15.5347 2.3999 18.4001 5.26528 18.4001 8.7999Z" stroke="url(#{gid})"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(gradient.direction).y2}
+      >
+        <stop offset="0%" style="stop-color:{gradient.colors[0]};stop-opacity:1" />
+        <stop offset="100%" style="stop-color:{gradient.colors[1]};stop-opacity:1" />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M5.2001 9.44326C3.06871 10.4819 1.6001 12.6694 1.6001 15.1999C1.6001 18.7345 4.46547 21.5999 8.0001 21.5999C11.5347 21.5999 14.4001 18.7345 14.4001 15.1999C14.4001 14.9289 14.3833 14.6619 14.3506 14.3999M12.4001 20.4922C13.4258 21.1912 14.6652 21.5999 16.0001 21.5999C19.5347 21.5999 22.4001 18.7345 22.4001 15.1999C22.4001 12.4503 20.6662 10.1058 18.2322 9.1999M18.4001 8.7999C18.4001 12.3345 15.5347 15.1999 12.0001 15.1999C8.46547 15.1999 5.6001 12.3345 5.6001 8.7999C5.6001 5.26528 8.46547 2.3999 12.0001 2.3999C15.5347 2.3999 18.4001 5.26528 18.4001 8.7999Z" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/Colors01Icon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type Colors01IconProps = typeof __propDef.props;
+export type Colors01IconEvents = typeof __propDef.events;
+export type Colors01IconSlots = typeof __propDef.slots;
+export default class Colors01Icon extends SvelteComponent<Colors01IconProps, Colors01IconEvents, Colors01IconSlots> {
+}
+export {};

package/dist/icons/Colors02Icon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-Colors02Icon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M5.89081 18.0198H7.05445M16.3635 13.3653H19.2726C20.5579 13.3653 21.5999 14.4072 21.5999 15.6926V19.1835C21.5999 20.4688 20.5579 21.5107 19.2726 21.5107H7.05445M11.1272 6.74824L14.7043 3.17114C15.6131 2.26229 17.0867 2.26229 17.9955 3.17114L20.464 5.63959C21.3728 6.54845 21.3728 8.02199 20.464 8.93085L10.5454 18.8495M4.72717 21.5107H8.21808C9.5034 21.5107 10.5454 20.4688 10.5454 19.1835V5.21983C10.5454 3.93451 9.5034 2.89256 8.21808 2.89256H4.72717C3.44186 2.89256 2.3999 3.93451 2.3999 5.21983V19.1835C2.3999 20.4688 3.44186 21.5107 4.72717 21.5107Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(gradient.direction).y2}
+      >
+        <stop offset="0%" style="stop-color:{gradient.colors[0]};stop-opacity:1" />
+        <stop offset="100%" style="stop-color:{gradient.colors[1]};stop-opacity:1" />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M5.89081 18.0198H7.05445M16.3635 13.3653H19.2726C20.5579 13.3653 21.5999 14.4072 21.5999 15.6926V19.1835C21.5999 20.4688 20.5579 21.5107 19.2726 21.5107H7.05445M11.1272 6.74824L14.7043 3.17114C15.6131 2.26229 17.0867 2.26229 17.9955 3.17114L20.464 5.63959C21.3728 6.54845 21.3728 8.02199 20.464 8.93085L10.5454 18.8495M4.72717 21.5107H8.21808C9.5034 21.5107 10.5454 20.4688 10.5454 19.1835V5.21983C10.5454 3.93451 9.5034 2.89256 8.21808 2.89256H4.72717C3.44186 2.89256 2.3999 3.93451 2.3999 5.21983V19.1835C2.3999 20.4688 3.44186 21.5107 4.72717 21.5107Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Colors02Icon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type Colors02IconProps = typeof __propDef.props;
+export type Colors02IconEvents = typeof __propDef.events;
+export type Colors02IconSlots = typeof __propDef.slots;
+export default class Colors02Icon extends SvelteComponent<Colors02IconProps, Colors02IconEvents, Colors02IconSlots> {
+}
+export {};

package/dist/icons/ColumnHorizontal.svelte

@@ -37,7 +37,7 @@ export { className as class };
         id="icon_ColumnHorizontal"
         d="M20.6 3.53336C20.6 2.35515 19.658 1.40002 18.4959 1.40002L3.5041 1.40002C2.34204 1.40002 1.39999 2.35515 1.39999 3.53336L1.39999 6.73336C1.39999 7.91156 2.34204 8.86669 3.5041 8.86669H18.4959C19.658 8.86669 20.6 7.91156 20.6 6.73336V3.53336Z"
         stroke="url(#grad-ColumnHorizontal)"
-        stroke-width={weight}
+        stroke-width={weight * 0.9167}
         stroke-linecap="round"
         stroke-linejoin="round"
       />
@@ -45,7 +45,7 @@ export { className as class };
         id="icon_ColumnHorizontal"
         d="M20.6 18.4667C20.6 19.6449 19.658 20.6 18.4959 20.6L3.5041 20.6C2.34203 20.6 1.39999 19.6449 1.39999 18.4667L1.39999 15.2667C1.39999 14.0885 2.34204 13.1334 3.5041 13.1334L18.4959 13.1334C19.658 13.1334 20.6 14.0885 20.6 15.2667V18.4667Z"
         stroke="url(#grad-ColumnHorizontal)"
-        stroke-width={weight}
+        stroke-width={weight * 0.9167}
         stroke-linecap="round"
         stroke-linejoin="round"
       />
@@ -83,7 +83,7 @@ export { className as class };
         id="icon_ColumnHorizontal"
         d="M20.6 3.53336C20.6 2.35515 19.658 1.40002 18.4959 1.40002L3.5041 1.40002C2.34204 1.40002 1.39999 2.35515 1.39999 3.53336L1.39999 6.73336C1.39999 7.91156 2.34204 8.86669 3.5041 8.86669H18.4959C19.658 8.86669 20.6 7.91156 20.6 6.73336V3.53336Z"
         stroke={color}
-        stroke-width={weight}
+        stroke-width={weight * 0.9167}
         stroke-linecap="round"
         stroke-linejoin="round"
       />
@@ -91,7 +91,7 @@ export { className as class };
         id="icon_ColumnHorizontal"
         d="M20.6 18.4667C20.6 19.6449 19.658 20.6 18.4959 20.6L3.5041 20.6C2.34203 20.6 1.39999 19.6449 1.39999 18.4667L1.39999 15.2667C1.39999 14.0885 2.34204 13.1334 3.5041 13.1334L18.4959 13.1334C19.658 13.1334 20.6 14.0885 20.6 15.2667V18.4667Z"
         stroke={color}
-        stroke-width={weight}
+        stroke-width={weight * 0.9167}
         stroke-linecap="round"
         stroke-linejoin="round"
       />