@hantera/design-system 0.0.0

package/dist/components/PhoneInput.stories.d.ts

@@ -0,0 +1,212 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        modelValue: string;
+        isValid?: boolean;
+        defaultCountry?: string;
+        name?: string;
+    }, {
+        setError: (message?: string) => void;
+        focus: () => void;
+        select: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        blur: (value: Event) => any;
+        focus: (value: Event) => any;
+        keydown: (value: KeyboardEvent) => any;
+        keypress: (value: KeyboardEvent) => any;
+        keyenter: (value: KeyboardEvent) => any;
+        "update:modelValue": (value: string) => any;
+        "update:isValid": (value: boolean) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue: string;
+        isValid?: boolean;
+        defaultCountry?: string;
+        name?: string;
+    }> & Readonly<{
+        onBlur?: ((value: Event) => any) | undefined;
+        onFocus?: ((value: Event) => any) | undefined;
+        onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+        onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+        onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:isValid"?: ((value: boolean) => any) | undefined;
+    }>, {
+        isValid: boolean;
+        defaultCountry: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+export default _default;
+export declare const Regular: (args: any) => {
+    components: {
+        PhoneInput: import('vue').DefineComponent<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }, {
+            setError: (message?: string) => void;
+            focus: () => void;
+            select: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: (value: Event) => any;
+            focus: (value: Event) => any;
+            keydown: (value: KeyboardEvent) => any;
+            keypress: (value: KeyboardEvent) => any;
+            keyenter: (value: KeyboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            "update:isValid": (value: boolean) => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }> & Readonly<{
+            onBlur?: ((value: Event) => any) | undefined;
+            onFocus?: ((value: Event) => any) | undefined;
+            onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+            onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:isValid"?: ((value: boolean) => any) | undefined;
+        }>, {
+            isValid: boolean;
+            defaultCountry: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        args: any;
+        value: import('vue').Ref<string, string>;
+        isValid: import('vue').Ref<boolean, boolean>;
+    };
+    template: string;
+};
+export declare const WithInitialValue: (args: any) => {
+    components: {
+        PhoneInput: import('vue').DefineComponent<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }, {
+            setError: (message?: string) => void;
+            focus: () => void;
+            select: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: (value: Event) => any;
+            focus: (value: Event) => any;
+            keydown: (value: KeyboardEvent) => any;
+            keypress: (value: KeyboardEvent) => any;
+            keyenter: (value: KeyboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            "update:isValid": (value: boolean) => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }> & Readonly<{
+            onBlur?: ((value: Event) => any) | undefined;
+            onFocus?: ((value: Event) => any) | undefined;
+            onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+            onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:isValid"?: ((value: boolean) => any) | undefined;
+        }>, {
+            isValid: boolean;
+            defaultCountry: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        args: any;
+        value: import('vue').Ref<string, string>;
+        isValid: import('vue').Ref<boolean, boolean>;
+    };
+    template: string;
+};
+export declare const Error: (args: any) => {
+    components: {
+        PhoneInput: import('vue').DefineComponent<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }, {
+            setError: (message?: string) => void;
+            focus: () => void;
+            select: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: (value: Event) => any;
+            focus: (value: Event) => any;
+            keydown: (value: KeyboardEvent) => any;
+            keypress: (value: KeyboardEvent) => any;
+            keyenter: (value: KeyboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            "update:isValid": (value: boolean) => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }> & Readonly<{
+            onBlur?: ((value: Event) => any) | undefined;
+            onFocus?: ((value: Event) => any) | undefined;
+            onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+            onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:isValid"?: ((value: boolean) => any) | undefined;
+        }>, {
+            isValid: boolean;
+            defaultCountry: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        args: any;
+    };
+    mounted(): void;
+    template: string;
+};
+export declare const ErrorWithText: (args: any) => {
+    components: {
+        PhoneInput: import('vue').DefineComponent<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }, {
+            setError: (message?: string) => void;
+            focus: () => void;
+            select: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: (value: Event) => any;
+            focus: (value: Event) => any;
+            keydown: (value: KeyboardEvent) => any;
+            keypress: (value: KeyboardEvent) => any;
+            keyenter: (value: KeyboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            "update:isValid": (value: boolean) => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue: string;
+            isValid?: boolean;
+            defaultCountry?: string;
+            name?: string;
+        }> & Readonly<{
+            onBlur?: ((value: Event) => any) | undefined;
+            onFocus?: ((value: Event) => any) | undefined;
+            onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+            onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+            onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:isValid"?: ((value: boolean) => any) | undefined;
+        }>, {
+            isValid: boolean;
+            defaultCountry: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        args: any;
+    };
+    mounted(): void;
+    template: string;
+};

package/dist/components/PhoneInput.vue.d.ts

@@ -0,0 +1,42 @@
+/**
+ *
+ * @param error The error message
+ */
+declare function setError(message?: string): void;
+declare function focus(): void;
+declare function select(): void;
+declare const _default: import('vue').DefineComponent<{
+    modelValue: string;
+    isValid?: boolean;
+    defaultCountry?: string;
+    name?: string;
+}, {
+    setError: typeof setError;
+    focus: typeof focus;
+    select: typeof select;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (value: Event) => any;
+    focus: (value: Event) => any;
+    keydown: (value: KeyboardEvent) => any;
+    keypress: (value: KeyboardEvent) => any;
+    keyenter: (value: KeyboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+    "update:isValid": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: string;
+    isValid?: boolean;
+    defaultCountry?: string;
+    name?: string;
+}> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onFocus?: ((value: Event) => any) | undefined;
+    onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+    onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+    onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:isValid"?: ((value: boolean) => any) | undefined;
+}>, {
+    isValid: boolean;
+    defaultCountry: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/RemoveButton.stories.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        invertColors?: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        invertColors?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+export default _default;
+export declare const Plain: any;
+export declare const Inverted: any;
+export declare const Large: (args: any) => {
+    components: {
+        RemoveButton: import('vue').DefineComponent<{
+            invertColors?: boolean;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+            invertColors?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};

package/dist/components/RemoveButton.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * If this button is used on an "inverted" background, set to true to increase contrast
+     */
+    invertColors?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * If this button is used on an "inverted" background, set to true to increase contrast
+     */
+    invertColors?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Spinner.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+};
+export default _default;
+export declare const Regular: any;

package/dist/components/Spinner.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/TabBar/TabBar.vue.d.ts

@@ -0,0 +1,26 @@
+declare function __VLS_template(): {
+    slots: {
+        actions?(_: {}): any;
+        default?(_: {}): any;
+        filler?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    modelValue: string | number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: string | number;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TabBar/TabItem.vue.d.ts

@@ -0,0 +1,96 @@
+declare function __VLS_template(): {
+    slots: {
+        content?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        contextMenu: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly target?: (import('../DropdownMenu/DropdownTypes').DropDownTarget | null) | undefined;
+                readonly onClose?: (() => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "close") => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                target?: import('../DropdownMenu/DropdownTypes').DropDownTarget | null;
+            }> & Readonly<{
+                onClose?: (() => any) | undefined;
+            }>, {
+                open: () => void;
+                close: () => void;
+                isOpen: () => boolean;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                close: () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            target?: import('../DropdownMenu/DropdownTypes').DropDownTarget | null;
+        }> & Readonly<{
+            onClose?: (() => any) | undefined;
+        }>, "close" | "open" | "isOpen"> & import('vue').ShallowUnwrapRef<{
+            open: () => void;
+            close: () => void;
+            isOpen: () => boolean;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    label?: string;
+    count?: number;
+    value: string | number;
+    onClose?: any;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<{
+    label?: string;
+    count?: number;
+    value: string | number;
+    onClose?: any;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TabBar/tab-keys.d.ts

@@ -0,0 +1,2 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const selectedTabKey: InjectionKey<Ref<string | number>>;