@dpa-id-components/dpa-shared-components 9.4.0 → 9.4.2

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

@@ -0,0 +1,99 @@
+import { StoryObj } from '@storybook/vue3';
+
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        chevron: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        value: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        options: {
+            type: import('vue').PropType<string[]>;
+            default: () => never[];
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+        select: (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        chevron: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        value: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        options: {
+            type: import('vue').PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        onInput?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+    }, {
+        label: string;
+        readonly: boolean;
+        placeholder: string;
+        chevron: boolean;
+        value: string;
+        options: string[];
+    }, {}>;
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        placeholder: {
+            control: "text";
+        };
+        value: {
+            control: "text";
+        };
+        chevron: {
+            control: "boolean";
+        };
+        readonly: {
+            control: "boolean";
+        };
+        options: {
+            control: false;
+        };
+    };
+    args: {
+        label: string;
+        placeholder: string;
+        value: string;
+        readonly: false;
+        chevron: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,60 @@
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    value?: string | undefined;
+    options?: string[] | undefined;
+    readonly?: boolean | undefined;
+    chevron?: boolean | undefined;
+}>, {
+    label: string;
+    placeholder: string;
+    value: string;
+    options: () => never[];
+    readonly: boolean;
+    chevron: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    select: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    value?: string | undefined;
+    options?: string[] | undefined;
+    readonly?: boolean | undefined;
+    chevron?: boolean | undefined;
+}>, {
+    label: string;
+    placeholder: string;
+    value: string;
+    options: () => never[];
+    readonly: boolean;
+    chevron: boolean;
+}>>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    readonly: boolean;
+    placeholder: string;
+    chevron: boolean;
+    value: string;
+    options: string[];
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/UiBadge/UiBadge.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,201 @@
+import { StoryObj } from '@storybook/vue3';
+
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            text: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            small: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            trim: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                default: string;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            mobileTrim: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            screenReaderText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            text: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            small: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            trim: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                default: string;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            mobileTrim: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            screenReaderText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>>, {
+            text: string;
+            small: boolean;
+            trim: boolean;
+            color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+            iconName: string | null;
+            mobileTrim: boolean;
+            screenReaderText: string;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            text: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            small: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            trim: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+                default: string;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            mobileTrim: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            screenReaderText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>>, {}, {}, {}, {}, {
+            text: string;
+            small: boolean;
+            trim: boolean;
+            color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+            iconName: string | null;
+            mobileTrim: boolean;
+            screenReaderText: string;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        small: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        trim: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import('vue').PropType<"blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green">;
+            default: string;
+        };
+        iconName: {
+            type: import('vue').PropType<string | null>;
+            default: null;
+        };
+        mobileTrim: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        screenReaderText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        text: string;
+        small: boolean;
+        trim: boolean;
+        color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+        iconName: string | null;
+        mobileTrim: boolean;
+        screenReaderText: string;
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: {
+        text: {
+            control: "text";
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        iconName: {
+            control: "select";
+            options: (string | null)[];
+        };
+        mobileTrim: {
+            control: "boolean";
+        };
+        trim: {
+            control: "boolean";
+        };
+        small: {
+            control: "boolean";
+        };
+        screenReaderText: {
+            control: "text";
+        };
+    };
+    args: {
+        text: string;
+        color: "red";
+        iconName: null;
+        mobileTrim: false;
+        trim: false;
+        small: false;
+        screenReaderText: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PlanningItemBadge: Story;
+export declare const WithSlot: Story;

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

@@ -0,0 +1,66 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text?: string | undefined;
+    color?: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green" | undefined;
+    iconName?: string | null | undefined;
+    mobileTrim?: boolean | undefined;
+    trim?: boolean | undefined;
+    small?: boolean | undefined;
+    screenReaderText?: string | undefined;
+}>, {
+    text: undefined;
+    color: string;
+    iconName: null;
+    mobileTrim: boolean;
+    trim: boolean;
+    small: boolean;
+    screenReaderText: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    text?: string | undefined;
+    color?: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green" | undefined;
+    iconName?: string | null | undefined;
+    mobileTrim?: boolean | undefined;
+    trim?: boolean | undefined;
+    small?: boolean | undefined;
+    screenReaderText?: string | undefined;
+}>, {
+    text: undefined;
+    color: string;
+    iconName: null;
+    mobileTrim: boolean;
+    trim: boolean;
+    small: boolean;
+    screenReaderText: string;
+}>>>, {
+    text: string;
+    small: boolean;
+    trim: boolean;
+    color: "blue" | "red" | "red-dark" | "orange" | "purple" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
+    iconName: string | null;
+    mobileTrim: boolean;
+    screenReaderText: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiButton/UiButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,213 @@
+import { StoryObj } from '@storybook/vue3';
+
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
+                default: string;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                default: string;
+            };
+            rounded: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            disabledVariant: {
+                type: import('vue').PropType<"primary" | "secondary">;
+                default: string;
+            };
+            href: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>> & {
+            onClick?: (() => any) | undefined;
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: () => void;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
+                default: string;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                default: string;
+            };
+            rounded: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            disabledVariant: {
+                type: import('vue').PropType<"primary" | "secondary">;
+                default: string;
+            };
+            href: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>> & {
+            onClick?: (() => any) | undefined;
+        }, {
+            size: "xs" | "small" | "medium" | "large";
+            disabled: boolean;
+            color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
+            rounded: boolean;
+            iconName: string | null;
+            disabledVariant: "primary" | "secondary";
+            href: string;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
+                default: string;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+                default: string;
+            };
+            rounded: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import('vue').PropType<string | null>;
+                default: null;
+            };
+            disabledVariant: {
+                type: import('vue').PropType<"primary" | "secondary">;
+                default: string;
+            };
+            href: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>> & {
+            onClick?: (() => any) | undefined;
+        }, {}, {}, {}, {}, {
+            size: "xs" | "small" | "medium" | "large";
+            disabled: boolean;
+            color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
+            rounded: boolean;
+            iconName: string | null;
+            disabledVariant: "primary" | "secondary";
+            href: string;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<"xs" | "small" | "medium" | "large">;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import('vue').PropType<"blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray">;
+            default: string;
+        };
+        rounded: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        iconName: {
+            type: import('vue').PropType<string | null>;
+            default: null;
+        };
+        disabledVariant: {
+            type: import('vue').PropType<"primary" | "secondary">;
+            default: string;
+        };
+        href: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & {
+        onClick?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: () => void;
+    }, string, {
+        size: "xs" | "small" | "medium" | "large";
+        disabled: boolean;
+        color: "blue" | "gray" | "white" | "primary-green" | "transparent" | "light-gray";
+        rounded: boolean;
+        iconName: string | null;
+        disabledVariant: "primary" | "secondary";
+        href: string;
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: {
+        iconName: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+        rounded: {
+            control: "boolean";
+        };
+        href: {
+            control: "text";
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        disabledVariant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+    args: {
+        iconName: null;
+        disabled: false;
+        rounded: false;
+        color: "blue";
+        size: "large";
+        disabledVariant: "primary";
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;