@dpa-id-components/dpa-shared-components 7.1.3 → 7.1.4

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

@@ -1,50 +1,58 @@
-import type { PropType as __PropType } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
-    iconBackground: {
-        type: __PropType<"white" | "gray" | "green">;
-        required: true;
-        default: string;
-    };
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     iconName: {
-        type: __PropType<string | null>;
+        type: import("vue").PropType<string | null>;
         required: true;
         default: null;
     };
     iconSize: {
-        type: __PropType<"small" | "xs" | "medium" | "large" | "xl">;
+        type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
         required: true;
         default: string;
     };
     iconColor: {
-        type: __PropType<"white" | "gray">;
+        type: import("vue").PropType<"white" | "gray">;
         required: true;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     iconBackground: {
-        type: __PropType<"white" | "gray" | "green">;
+        type: import("vue").PropType<"white" | "gray" | "green">;
         required: true;
         default: string;
     };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     iconName: {
-        type: __PropType<string | null>;
+        type: import("vue").PropType<string | null>;
         required: true;
         default: null;
     };
     iconSize: {
-        type: __PropType<"small" | "xs" | "medium" | "large" | "xl">;
+        type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
         required: true;
         default: string;
     };
     iconColor: {
-        type: __PropType<"white" | "gray">;
+        type: import("vue").PropType<"white" | "gray">;
+        required: true;
+        default: string;
+    };
+    iconBackground: {
+        type: import("vue").PropType<"white" | "gray" | "green">;
         required: true;
         default: string;
     };
 }>>, {
     iconName: string | null;
-    iconSize: "small" | "xs" | "medium" | "large" | "xl";
+    iconSize: "xs" | "small" | "medium" | "large" | "xl";
     iconColor: "white" | "gray";
     iconBackground: "white" | "gray" | "green";
-}, {}>;
-export default _sfc_main;
+}, {}>, {
+    title?(_: {}): any;
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,451 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        type: {
+            type: import("vue").PropType<"number" | "text" | "time" | "date">;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        chevron: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isDateTimePicker: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        autocomplete: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isInvalid: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        errorMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showWarning: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        warningMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isTextarea: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hasInfo: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infoText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        inputStatus: {
+            type: import("vue").PropType<"info" | "default" | "error" | "readonly" | "warning">;
+            default: string;
+        };
+    }, {
+        inputRef: import("vue").Ref<HTMLInputElement | undefined>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "focus" | "keyup" | "update:modelValue")[], "input" | "blur" | "focus" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"number" | "text" | "time" | "date">;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        readonly: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        chevron: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isDateTimePicker: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        autocomplete: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isInvalid: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        errorMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showWarning: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        warningMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isTextarea: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hasInfo: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infoText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        inputStatus: {
+            type: import("vue").PropType<"info" | "default" | "error" | "readonly" | "warning">;
+            default: string;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: "number" | "text" | "time" | "date";
+        label: string;
+        placeholder: string;
+        readonly: boolean;
+        autofocus: boolean;
+        chevron: boolean;
+        disabled: boolean;
+        isDateTimePicker: boolean;
+        autocomplete: boolean;
+        isInvalid: boolean;
+        errorMessage: string;
+        showWarning: boolean;
+        warningMessage: string;
+        isTextarea: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+    }, {}>;
+    argTypes: {
+        modelValue: {
+            control: string;
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        inputStatus: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        min: {
+            control: string;
+        };
+        max: {
+            control: string;
+        };
+        label: {
+            control: string;
+        };
+        placeholder: {
+            control: string;
+        };
+        autofocus: {
+            control: string;
+        };
+        chevron: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        isDateTimePicker: {
+            control: string;
+        };
+        autocomplete: {
+            control: string;
+        };
+        errorMessage: {
+            control: string;
+        };
+        warningMessage: {
+            control: string;
+        };
+        isTextarea: {
+            control: string;
+        };
+    };
+    args: {
+        modelValue: string;
+        type: "text";
+        inputStatus: "default";
+        label: string;
+        placeholder: string;
+        autofocus: false;
+        chevron: false;
+        disabled: false;
+        isDateTimePicker: false;
+        autocomplete: false;
+        errorMessage: string;
+        warningMessage: string;
+        isTextarea: false;
+    };
+    render: (args: any) => {
+        components: {
+            UiInput: import("vue").DefineComponent<{
+                type: {
+                    type: import("vue").PropType<"number" | "text" | "time" | "date">;
+                    default: string;
+                };
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                readonly: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                autofocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                chevron: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isDateTimePicker: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isInvalid: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                errorMessage: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showWarning: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                warningMessage: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isTextarea: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                hasInfo: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                infoText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                inputStatus: {
+                    type: import("vue").PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                    default: string;
+                };
+            }, {
+                inputRef: import("vue").Ref<HTMLInputElement | undefined>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "focus" | "keyup" | "update:modelValue")[], "input" | "blur" | "focus" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"number" | "text" | "time" | "date">;
+                    default: string;
+                };
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                readonly: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                autofocus: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                chevron: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isDateTimePicker: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isInvalid: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                errorMessage: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showWarning: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                warningMessage: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isTextarea: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                hasInfo: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                infoText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                inputStatus: {
+                    type: import("vue").PropType<"info" | "default" | "error" | "readonly" | "warning">;
+                    default: string;
+                };
+            }>> & {
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onInput?: ((...args: any[]) => any) | undefined;
+                onKeyup?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }, {
+                type: "number" | "text" | "time" | "date";
+                label: string;
+                placeholder: string;
+                readonly: boolean;
+                autofocus: boolean;
+                chevron: boolean;
+                disabled: boolean;
+                isDateTimePicker: boolean;
+                autocomplete: boolean;
+                isInvalid: boolean;
+                errorMessage: string;
+                showWarning: boolean;
+                warningMessage: string;
+                isTextarea: boolean;
+                hasInfo: boolean;
+                infoText: string;
+                inputStatus: "info" | "default" | "error" | "readonly" | "warning";
+            }, {}>;
+        };
+        setup(this: void): {
+            args: any;
+            value: import("vue").Ref<string>;
+        };
+        template: string;
+        methods: {
+            input: import("@storybook/addon-actions").HandlerFunction;
+            update: import("@storybook/addon-actions").HandlerFunction;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: {
+    args: {
+        label: string;
+    };
+};
+export declare const WithPlaceholder: {
+    args: {
+        label: string;
+        placeholder: string;
+    };
+};
+export declare const Readonly: Story;
+export declare const WithErrorText: Story;
+export declare const WithWarningText: Story;
+export declare const WithInfoText: Story;
+export declare const WithTypeDateTimeLocal: Story;
+export declare const Textarea: Story;