chromia 0.1.20 → 0.1.21

package/dist/icons/ZoomInIcon.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 ZoomInIconProps = typeof __propDef.props;
+export type ZoomInIconEvents = typeof __propDef.events;
+export type ZoomInIconSlots = typeof __propDef.slots;
+export default class ZoomInIcon extends SvelteComponent<ZoomInIconProps, ZoomInIconEvents, ZoomInIconSlots> {
+}
+export {};

package/dist/icons/ZoomOutIcon.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-ZoomOutIcon-${_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="M16.927 17.04L20.4001 20.4M8.4001 11.4H14.4001M19.2801 11.44C19.2801 15.7699 15.77 19.28 11.4401 19.28C7.11019 19.28 3.6001 15.7699 3.6001 11.44C3.6001 7.11009 7.11019 3.60001 11.4401 3.60001C15.77 3.60001 19.2801 7.11009 19.2801 11.44Z" 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="M16.927 17.04L20.4001 20.4M8.4001 11.4H14.4001M19.2801 11.44C19.2801 15.7699 15.77 19.28 11.4401 19.28C7.11019 19.28 3.6001 15.7699 3.6001 11.44C3.6001 7.11009 7.11019 3.60001 11.4401 3.60001C15.77 3.60001 19.2801 7.11009 19.2801 11.44Z" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/ZoomOutIcon.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 ZoomOutIconProps = typeof __propDef.props;
+export type ZoomOutIconEvents = typeof __propDef.events;
+export type ZoomOutIconSlots = typeof __propDef.slots;
+export default class ZoomOutIcon extends SvelteComponent<ZoomOutIconProps, ZoomOutIconEvents, ZoomOutIconSlots> {
+}
+export {};

package/dist/icons/ZoomSliderIcon.svelte

@@ -36,7 +36,7 @@ export { className as class };
       <path
         d="M15.8833 17.1737L15.5304 17.5279L15.8833 17.1737ZM17.1732 15.8779L16.8204 16.2321L17.1732 15.8779ZM14.9412 13.6545L15.2941 13.3003L14.9412 13.6545ZM13.6513 14.9503L14.0041 14.5961L13.6513 14.9503ZM14.4517 7.61363H13.9517C13.9517 11.1154 11.1139 13.9538 7.61366 13.9538V14.4538V14.9538C11.6665 14.9538 14.9517 11.6674 14.9517 7.61363H14.4517ZM7.61366 14.4538V13.9538C4.11342 13.9538 1.27563 11.1154 1.27563 7.61363H0.775635H0.275635C0.275635 11.6674 3.56083 14.9538 7.61366 14.9538V14.4538ZM0.775635 7.61363H1.27563C1.27563 4.11189 4.11342 1.27344 7.61366 1.27344V0.773438V0.273438C3.56083 0.273438 0.275635 3.5599 0.275635 7.61363H0.775635ZM7.61366 0.773438V1.27344C11.1139 1.27344 13.9517 4.11189 13.9517 7.61363H14.4517H14.9517C14.9517 3.5599 11.6665 0.273438 7.61366 0.273438V0.773438ZM7.57878 11.5921H8.07878V7.57873H7.57878H7.07878V11.5921H7.57878ZM7.57878 7.57873H8.07878V3.73984H7.57878H7.07878V7.57873H7.57878ZM3.74102 7.61363L3.74557 8.11361L7.58332 8.07871L7.57878 7.57873L7.57423 7.07875L3.73647 7.11365L3.74102 7.61363ZM7.57878 7.57873L7.57443 8.07872L11.5864 8.11361L11.5908 7.61363L11.5951 7.11365L7.58312 7.07875L7.57878 7.57873ZM14.9412 13.6545L14.5883 14.0088L16.8204 16.2321L17.1732 15.8779L17.5261 15.5236L15.2941 13.3003L14.9412 13.6545ZM15.8833 17.1737L16.2362 16.8194L14.0041 14.5961L13.6513 14.9503L13.2984 15.3045L15.5304 17.5279L15.8833 17.1737ZM17.1759 17.1709L16.8216 16.8182C16.6602 16.9803 16.3982 16.9808 16.2362 16.8194L15.8833 17.1737L15.5304 17.5279C16.0838 18.0791 16.9792 18.0773 17.5303 17.5237L17.1759 17.1709ZM17.1732 15.8779L16.8204 16.2321C16.9825 16.3936 16.983 16.656 16.8216 16.8182L17.1759 17.1709L17.5303 17.5237C18.0813 16.9702 18.0794 16.0748 17.5261 15.5236L17.1732 15.8779ZM13.6485 13.6572L14.0029 14.01C14.1642 13.8479 14.4263 13.8474 14.5883 14.0088L14.9412 13.6545L15.2941 13.3003C14.7407 12.749 13.8453 12.7509 13.2942 13.3045L13.6485 13.6572ZM13.6485 13.6572L13.2942 13.3045C12.7432 13.858 12.7451 14.7534 13.2984 15.3045L13.6513 14.9503L14.0041 14.5961C13.842 14.4346 13.8415 14.1721 14.0029 14.01L13.6485 13.6572Z"
         fill="url(#grad-Zoom)"
-        stroke-width={weight}
+        stroke-width={weight * 0.875}
       />
     </g>
 
@@ -69,7 +69,7 @@ export { className as class };
     <path
       d="M15.8833 17.1737L15.5304 17.5279L15.8833 17.1737ZM17.1732 15.8779L16.8204 16.2321L17.1732 15.8779ZM14.9412 13.6545L15.2941 13.3003L14.9412 13.6545ZM13.6513 14.9503L14.0041 14.5961L13.6513 14.9503ZM14.4517 7.61363H13.9517C13.9517 11.1154 11.1139 13.9538 7.61366 13.9538V14.4538V14.9538C11.6665 14.9538 14.9517 11.6674 14.9517 7.61363H14.4517ZM7.61366 14.4538V13.9538C4.11342 13.9538 1.27563 11.1154 1.27563 7.61363H0.775635H0.275635C0.275635 11.6674 3.56083 14.9538 7.61366 14.9538V14.4538ZM0.775635 7.61363H1.27563C1.27563 4.11189 4.11342 1.27344 7.61366 1.27344V0.773438V0.273438C3.56083 0.273438 0.275635 3.5599 0.275635 7.61363H0.775635ZM7.61366 0.773438V1.27344C11.1139 1.27344 13.9517 4.11189 13.9517 7.61363H14.4517H14.9517C14.9517 3.5599 11.6665 0.273438 7.61366 0.273438V0.773438ZM7.57878 11.5921H8.07878V7.57873H7.57878H7.07878V11.5921H7.57878ZM7.57878 7.57873H8.07878V3.73984H7.57878H7.07878V7.57873H7.57878ZM3.74102 7.61363L3.74557 8.11361L7.58332 8.07871L7.57878 7.57873L7.57423 7.07875L3.73647 7.11365L3.74102 7.61363ZM7.57878 7.57873L7.57443 8.07872L11.5864 8.11361L11.5908 7.61363L11.5951 7.11365L7.58312 7.07875L7.57878 7.57873ZM14.9412 13.6545L14.5883 14.0088L16.8204 16.2321L17.1732 15.8779L17.5261 15.5236L15.2941 13.3003L14.9412 13.6545ZM15.8833 17.1737L16.2362 16.8194L14.0041 14.5961L13.6513 14.9503L13.2984 15.3045L15.5304 17.5279L15.8833 17.1737ZM17.1759 17.1709L16.8216 16.8182C16.6602 16.9803 16.3982 16.9808 16.2362 16.8194L15.8833 17.1737L15.5304 17.5279C16.0838 18.0791 16.9792 18.0773 17.5303 17.5237L17.1759 17.1709ZM17.1732 15.8779L16.8204 16.2321C16.9825 16.3936 16.983 16.656 16.8216 16.8182L17.1759 17.1709L17.5303 17.5237C18.0813 16.9702 18.0794 16.0748 17.5261 15.5236L17.1732 15.8779ZM13.6485 13.6572L14.0029 14.01C14.1642 13.8479 14.4263 13.8474 14.5883 14.0088L14.9412 13.6545L15.2941 13.3003C14.7407 12.749 13.8453 12.7509 13.2942 13.3045L13.6485 13.6572ZM13.6485 13.6572L13.2942 13.3045C12.7432 13.858 12.7451 14.7534 13.2984 15.3045L13.6513 14.9503L14.0041 14.5961C13.842 14.4346 13.8415 14.1721 14.0029 14.01L13.6485 13.6572Z"
       fill="currentColor"
-      stroke-width={weight}
+      stroke-width={weight * 0.875}
     />
   </svg>
 {/if}

package/dist/icons/ZoomSpandIcon.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-ZoomSpandIcon-${_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="M15 7.5H15.5V7H15V7.5ZM12.0429 10.8793L11.6666 10.55L11.6666 10.5501L12.0429 10.8793ZM8 15.5H7.5V16H8V15.5ZM19.2801 11.44H18.7801C18.7801 15.4938 15.4939 18.78 11.4401 18.78V19.28V19.78C16.0462 19.78 19.7801 16.0461 19.7801 11.44H19.2801ZM11.4401 19.28V18.78C7.38633 18.78 4.1001 15.4938 4.1001 11.44H3.6001H3.1001C3.1001 16.0461 6.83404 19.78 11.4401 19.78V19.28ZM3.6001 11.44H4.1001C4.1001 7.38624 7.38633 4.10001 11.4401 4.10001V3.60001V3.10001C6.83404 3.10001 3.1001 6.83395 3.1001 11.44H3.6001ZM11.4401 3.60001V4.10001C15.4939 4.10001 18.7801 7.38624 18.7801 11.44H19.2801H19.7801C19.7801 6.83395 16.0462 3.10001 11.4401 3.10001V3.60001ZM16.927 17.04L16.5793 17.3994L20.0524 20.7594L20.4001 20.4L20.7478 20.0406L17.2746 16.6806L16.927 17.04ZM12.4653 7.5V8H15V7.5V7H12.4653V7.5ZM15 7.5H14.5V10.3966H15H15.5V7.5H15ZM15 7.5L14.6237 7.17074L11.6666 10.55L12.0429 10.8793L12.4192 11.2086L15.3763 7.82926L15 7.5ZM10.5346 15.5V15H8V15.5V16H10.5346V15.5ZM8 15.5H8.5V12.6034H8H7.5V15.5H8ZM8 15.5L8.3763 15.8292L12.4192 11.2086L12.0429 10.8793L11.6666 10.5501L7.6237 15.1708L8 15.5Z" fill="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="M15 7.5H15.5V7H15V7.5ZM12.0429 10.8793L11.6666 10.55L11.6666 10.5501L12.0429 10.8793ZM8 15.5H7.5V16H8V15.5ZM19.2801 11.44H18.7801C18.7801 15.4938 15.4939 18.78 11.4401 18.78V19.28V19.78C16.0462 19.78 19.7801 16.0461 19.7801 11.44H19.2801ZM11.4401 19.28V18.78C7.38633 18.78 4.1001 15.4938 4.1001 11.44H3.6001H3.1001C3.1001 16.0461 6.83404 19.78 11.4401 19.78V19.28ZM3.6001 11.44H4.1001C4.1001 7.38624 7.38633 4.10001 11.4401 4.10001V3.60001V3.10001C6.83404 3.10001 3.1001 6.83395 3.1001 11.44H3.6001ZM11.4401 3.60001V4.10001C15.4939 4.10001 18.7801 7.38624 18.7801 11.44H19.2801H19.7801C19.7801 6.83395 16.0462 3.10001 11.4401 3.10001V3.60001ZM16.927 17.04L16.5793 17.3994L20.0524 20.7594L20.4001 20.4L20.7478 20.0406L17.2746 16.6806L16.927 17.04ZM12.4653 7.5V8H15V7.5V7H12.4653V7.5ZM15 7.5H14.5V10.3966H15H15.5V7.5H15ZM15 7.5L14.6237 7.17074L11.6666 10.55L12.0429 10.8793L12.4192 11.2086L15.3763 7.82926L15 7.5ZM10.5346 15.5V15H8V15.5V16H10.5346V15.5ZM8 15.5H8.5V12.6034H8H7.5V15.5H8ZM8 15.5L8.3763 15.8292L12.4192 11.2086L12.0429 10.8793L11.6666 10.5501L7.6237 15.1708L8 15.5Z" fill="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/ZoomSpandIcon.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 ZoomSpandIconProps = typeof __propDef.props;
+export type ZoomSpandIconEvents = typeof __propDef.events;
+export type ZoomSpandIconSlots = typeof __propDef.slots;
+export default class ZoomSpandIcon extends SvelteComponent<ZoomSpandIconProps, ZoomSpandIconEvents, ZoomSpandIconSlots> {
+}
+export {};