@likable-hair/svelte 3.3.21 → 3.3.23

package/dist/components/simple/buttons/Button.svelte

@@ -1,35 +1,81 @@
-<script>import "../../../css/main.css";
-import "./Button.css";
-let clazz = "";
-export { clazz as class };
-export let buttonType = "default", type = "button", loading = false, icon = void 0, tabindex = null, disabled = false, buttonElement = void 0;
-import { createEventDispatcher } from "svelte";
-const dispatch = createEventDispatcher();
-function handleClick(event) {
-  if (disabled)
-    return;
-  dispatch("click", {
-    nativeEvent: event
-  });
-}
-function handleKeyPress(event) {
-  if (disabled)
-    return;
-  dispatch("keypress", {
-    nativeEvent: event
-  });
-}
-function handleKeyDown(event) {
-  if (disabled)
-    return;
-  dispatch("keydown", {
-    nativeEvent: event
-  });
-}
-$:
-  position = $$slots.append ? "relative" : void 0;
-import Icon from "../media/Icon.svelte";
-import CircularLoader from "../loaders/CircularLoader.svelte";
+<script lang="ts">
+  import '../../../css/main.css'
+  import './Button.css'
+
+  let clazz: string = '';
+	export { clazz as class };
+
+  /*
+    Styles
+
+    --button-width
+    --button-max-width
+    --button-min-width
+    --button-height
+    --button-max-height
+    --button-min-height
+    --button-text-align
+    --button-cursor
+    --button-padding
+    --button-font-size
+    --button-font-weight
+    --button-color
+    --button-display
+    --button-justify-content
+    --button-align-items
+    --button-border
+    --button-border-radius
+    --button-background-color
+    --button-hover-background-color
+    --button-box-shadow
+  */
+
+  export let buttonType: "default" | "text" | "icon" = "default",
+    type: "button" | "submit" = "button",
+    loading = false,
+    icon: string | undefined = undefined,
+    tabindex: number | null = null,
+    disabled = false,
+    buttonElement: HTMLElement | undefined = undefined
+
+  import { createEventDispatcher } from "svelte";
+  const dispatch = createEventDispatcher<{
+    click: {
+      nativeEvent: MouseEvent;
+    };
+    keypress: {
+      nativeEvent: KeyboardEvent;
+    };
+    keydown: {
+      nativeEvent: KeyboardEvent;
+    };
+  }>();
+
+  function handleClick(event: MouseEvent) {
+    if (disabled) return;
+    dispatch("click", {
+      nativeEvent: event,
+    });
+  }
+
+  function handleKeyPress(event: KeyboardEvent) {
+    if (disabled) return;
+    dispatch("keypress", {
+      nativeEvent: event,
+    });
+  }
+
+  function handleKeyDown(event: KeyboardEvent) {
+    if (disabled) return;
+    dispatch("keydown", {
+      nativeEvent: event,
+    });
+  }
+
+  $: position = $$slots.append ? "relative" : undefined;
+
+  import Icon from "../media/Icon.svelte";
+  import CircularLoader from "../loaders/CircularLoader.svelte";
 </script>
 
 <button

package/dist/components/simple/buttons/Button.svelte.d.ts

@@ -1,39 +1,51 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './Button.css';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        class?: string | undefined;
-        buttonType?: "default" | "text" | "icon" | undefined;
-        type?: "submit" | "button" | undefined;
-        loading?: boolean | undefined;
-        icon?: string | undefined;
-        tabindex?: number | null | undefined;
-        disabled?: boolean | undefined;
-        buttonElement?: HTMLElement | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: CustomEvent<{
-            nativeEvent: MouseEvent;
-        }>;
-        keypress: CustomEvent<{
-            nativeEvent: KeyboardEvent;
-        }>;
-        keydown: CustomEvent<{
-            nativeEvent: KeyboardEvent;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        append: {};
-    };
-};
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    buttonType?: "default" | "text" | "icon" | undefined;
+    type?: "button" | "submit" | undefined;
+    loading?: boolean | undefined;
+    icon?: string | undefined | undefined;
+    tabindex?: number | null | undefined;
+    disabled?: boolean | undefined;
+    buttonElement?: HTMLElement | undefined;
+}, {
+    default: {};
+    append: {};
+}>, {
+    click: CustomEvent<{
+        nativeEvent: MouseEvent;
+    }>;
+    keypress: CustomEvent<{
+        nativeEvent: KeyboardEvent;
+    }>;
+    keydown: CustomEvent<{
+        nativeEvent: KeyboardEvent;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    append: {};
+}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/dist/components/simple/buttons/LinkButton.svelte

@@ -1,25 +1,57 @@
-<script>import "../../../css/main.css";
-import "./LinkButton.css";
-import { createEventDispatcher } from "svelte";
-import Icon from "../media/Icon.svelte";
-let clazz = "";
-export { clazz as class };
-export let disabled = false, href, prependIcon = void 0, appendIcon = void 0, target = void 0;
-const dispatch = createEventDispatcher();
-function handleClick(event) {
-  if (disabled)
-    return;
-  dispatch("click", {
-    nativeEvent: event
-  });
-}
-function handleKeyPress(event) {
-  if (disabled)
-    return;
-  dispatch("keypress", {
-    nativeEvent: event
-  });
-}
+<script lang="ts">
+  import '../../../css/main.css'
+  import './LinkButton.css'
+  import { createEventDispatcher } from "svelte";
+  import Icon from "../media/Icon.svelte";
+
+  let clazz: string = '';
+	export { clazz as class };
+
+  /*
+    Styles
+
+    --link-button-color
+    --link-button-width
+    --link-button-height
+    --link-button-font-size
+    --link-button-font-weight
+    --link-button-line-height
+    --link-button-padding
+    --link-button-background-color
+    --link-button-border-radius
+    --link-button-gap
+    --link-button-hover-background-color
+  */
+
+  // props
+  export let disabled: boolean = false,
+    href: string,
+    prependIcon: string | undefined = undefined,
+    appendIcon: string | undefined = undefined,
+    target: string | undefined = undefined
+  
+  const dispatch = createEventDispatcher<{
+    click: {
+      nativeEvent: MouseEvent;
+    };
+    keypress: {
+      nativeEvent: KeyboardEvent;
+    };
+  }>();
+
+  function handleClick(event: MouseEvent) {
+    if (disabled) return;
+    dispatch("click", {
+      nativeEvent: event,
+    });
+  }
+
+  function handleKeyPress(event: KeyboardEvent) {
+    if (disabled) return;
+    dispatch("keypress", {
+      nativeEvent: event,
+    });
+  }
 </script>
 
 <a

package/dist/components/simple/buttons/LinkButton.svelte.d.ts

@@ -1,38 +1,55 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import './LinkButton.css';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        disabled?: boolean | undefined;
-        href: string;
-        prependIcon?: string | undefined;
-        appendIcon?: string | undefined;
-        target?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: CustomEvent<{
-            nativeEvent: MouseEvent;
-        }>;
-        keypress: CustomEvent<{
-            nativeEvent: KeyboardEvent;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const LinkButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    disabled?: boolean;
+    href: string;
+    prependIcon?: string | undefined;
+    appendIcon?: string | undefined;
+    target?: string | undefined;
+}, {
+    prepend: {
+        prependIcon: string | undefined;
     };
-    slots: {
-        prepend: {
-            prependIcon: string | undefined;
-        };
-        default: {};
-        append: {
-            appendIcon: string | undefined;
-        };
+    default: {};
+    append: {
+        appendIcon: string | undefined;
     };
-};
-export type LinkButtonProps = typeof __propDef.props;
-export type LinkButtonEvents = typeof __propDef.events;
-export type LinkButtonSlots = typeof __propDef.slots;
-export default class LinkButton extends SvelteComponent<LinkButtonProps, LinkButtonEvents, LinkButtonSlots> {
-}
-export {};
+}>, {
+    click: CustomEvent<{
+        nativeEvent: MouseEvent;
+    }>;
+    keypress: CustomEvent<{
+        nativeEvent: KeyboardEvent;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    prepend: {
+        prependIcon: string | undefined;
+    };
+    default: {};
+    append: {
+        appendIcon: string | undefined;
+    };
+}, {}, string>;
+type LinkButton = InstanceType<typeof LinkButton>;
+export default LinkButton;