chromia 0.0.24 → 0.0.26

package/README.md

@@ -1 +1 @@
-<img src="/assets/documentation.png">
+<img src="/assets/documentation.png">

package/dist/icons/AddImageIcon.svelte

@@ -19,77 +19,77 @@ const getGradientDirection = (direction) => {
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-</script>
-
-{#if gradient.colors[1] !== ""}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 20 20"
-    fill="none"
-  >
-    <g id="id_AddImage">
-      <path
-        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke="url(#grad-AddImage)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke="url(#grad-AddImage)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
-    <defs>
-      <linearGradient
-        id="grad-AddImage"
-        x1={getGradientDirection(gradient.direction).x1}
-        y1={getGradientDirection(gradient.direction).y1}
-        x2={getGradientDirection(gradient.direction).x2}
-        y2={getGradientDirection(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"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 20 20"
-    fill="none"
-  >
-    <g id="id_AddImage">
-      <path
-        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-  </svg>
-{/if}
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g id="id_AddImage">
+      <path
+        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke="url(#grad-AddImage)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke="url(#grad-AddImage)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddImage"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g id="id_AddImage">
+      <path
+        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}

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

@@ -1,22 +1,22 @@
-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;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AddImageIconProps = typeof __propDef.props;
-export type AddImageIconEvents = typeof __propDef.events;
-export type AddImageIconSlots = typeof __propDef.slots;
-export default class AddImageIcon extends SvelteComponent<AddImageIconProps, AddImageIconEvents, AddImageIconSlots> {
-}
-export {};
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddImageIconProps = typeof __propDef.props;
+export type AddImageIconEvents = typeof __propDef.events;
+export type AddImageIconSlots = typeof __propDef.slots;
+export default class AddImageIcon extends SvelteComponent<AddImageIconProps, AddImageIconEvents, AddImageIconSlots> {
+}
+export {};

package/dist/icons/AddSquareIcon.svelte

@@ -1,4 +1,4 @@
-
+
   <script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
@@ -20,63 +20,63 @@ const getGradientDirection = (direction) => {
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-</script>
-
-{#if gradient.colors[1] !== ""}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 12 12"
-    fill="none"
-  >
-    <g id="id_AddSquare">
-      <path
-        id="icon_AddSquare"
-        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
-        stroke="url(#grad-AddSquare)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
-    <defs>
-      <linearGradient
-        id="grad-AddSquare"
-        x1={getGradientDirection(gradient.direction).x1}
-        y1={getGradientDirection(gradient.direction).y1}
-        x2={getGradientDirection(gradient.direction).x2}
-        y2={getGradientDirection(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"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 12 12"
-    fill="none"
-  >
-    <g id="id_AddSquare">
-      <path
-        id="icon_AddSquare"
-        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-  </svg>
-{/if}
-
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 12 12"
+    fill="none"
+  >
+    <g id="id_AddSquare">
+      <path
+        id="icon_AddSquare"
+        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
+        stroke="url(#grad-AddSquare)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 12 12"
+    fill="none"
+  >
+    <g id="id_AddSquare">
+      <path
+        id="icon_AddSquare"
+        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
   

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

@@ -1,22 +1,22 @@
-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;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AddSquareIconProps = typeof __propDef.props;
-export type AddSquareIconEvents = typeof __propDef.events;
-export type AddSquareIconSlots = typeof __propDef.slots;
-export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
-}
-export {};
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddSquareIconProps = typeof __propDef.props;
+export type AddSquareIconEvents = typeof __propDef.events;
+export type AddSquareIconSlots = typeof __propDef.slots;
+export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
+}
+export {};

package/dist/icons/AlertCircleIcon.svelte

@@ -1,4 +1,4 @@
-
+
   <script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
@@ -20,63 +20,63 @@ const getGradientDirection = (direction) => {
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-</script>
-
-{#if gradient.colors[1] !== ""}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 16 16"
-    fill="none"
-  >
-    <g id="id_AlertCircle">
-      <path
-        id="icon_AlertCircle"
-        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
-        stroke="url(#grad-AlertCircle)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
-    <defs>
-      <linearGradient
-        id="grad-AlertCircle"
-        x1={getGradientDirection(gradient.direction).x1}
-        y1={getGradientDirection(gradient.direction).y1}
-        x2={getGradientDirection(gradient.direction).x2}
-        y2={getGradientDirection(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"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 16 16"
-    fill="none"
-  >
-    <g id="id_AlertCircle">
-      <path
-        id="icon_AlertCircle"
-        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-  </svg>
-{/if}
-
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_AlertCircle">
+      <path
+        id="icon_AlertCircle"
+        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
+        stroke="url(#grad-AlertCircle)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AlertCircle"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_AlertCircle">
+      <path
+        id="icon_AlertCircle"
+        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
   

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

@@ -1,22 +1,22 @@
-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;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AlertCircleIconProps = typeof __propDef.props;
-export type AlertCircleIconEvents = typeof __propDef.events;
-export type AlertCircleIconSlots = typeof __propDef.slots;
-export default class AlertCircleIcon extends SvelteComponent<AlertCircleIconProps, AlertCircleIconEvents, AlertCircleIconSlots> {
-}
-export {};
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AlertCircleIconProps = typeof __propDef.props;
+export type AlertCircleIconEvents = typeof __propDef.events;
+export type AlertCircleIconSlots = typeof __propDef.slots;
+export default class AlertCircleIcon extends SvelteComponent<AlertCircleIconProps, AlertCircleIconEvents, AlertCircleIconSlots> {
+}
+export {};