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

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

@@ -0,0 +1,233 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconSize: {
+            type: import("vue").PropType<"xs" | "small" | "large">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank">;
+            default: string;
+        };
+        chevronIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rotateIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hasIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconLeft: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconSize: {
+            type: import("vue").PropType<"xs" | "small" | "large">;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank">;
+            default: string;
+        };
+        chevronIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rotateIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hasIcon: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconLeft: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        title: string;
+        disabled: boolean;
+        iconSize: "xs" | "small" | "large";
+        variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+        chevronIcon: string;
+        rotateIcon: boolean;
+        active: boolean;
+        hasIcon: boolean;
+        iconLeft: string | null;
+    }, {}>;
+    argTypes: {
+        title: {
+            control: string;
+        };
+        variant: {
+            control: string;
+            options: string[];
+        };
+        chevronIcon: {
+            control: string;
+            options: string[];
+        };
+        rotateIcon: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        active: {
+            control: string;
+        };
+        hasIcon: {
+            control: string;
+        };
+        iconLeft: {
+            control: string;
+            options: string[];
+        };
+        iconSize: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        title: string;
+        variant: "white-rounded";
+        chevronIcon: string;
+        rotateIcon: false;
+        disabled: false;
+        active: false;
+        hasIcon: true;
+        iconSize: "xs";
+        iconLeft: string;
+    };
+    render: (args: any) => {
+        setup(this: void): {
+            args: any;
+        };
+        components: {
+            UiFilterButton: import("vue").DefineComponent<{
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                iconSize: {
+                    type: import("vue").PropType<"xs" | "small" | "large">;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank">;
+                    default: string;
+                };
+                chevronIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rotateIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                hasIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                iconLeft: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                iconSize: {
+                    type: import("vue").PropType<"xs" | "small" | "large">;
+                    default: string;
+                };
+                variant: {
+                    type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank">;
+                    default: string;
+                };
+                chevronIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rotateIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                hasIcon: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                iconLeft: {
+                    type: import("vue").PropType<string | null>;
+                    default: null;
+                };
+            }>> & {
+                onClick?: ((...args: any[]) => any) | undefined;
+            }, {
+                title: string;
+                disabled: boolean;
+                iconSize: "xs" | "small" | "large";
+                variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+                chevronIcon: string;
+                rotateIcon: boolean;
+                active: boolean;
+                hasIcon: boolean;
+                iconLeft: string | null;
+            }, {}>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -1,107 +1,88 @@
-import type { PropType as __PropType } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     title: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconSize: {
+        type: import("vue").PropType<"xs" | "small" | "large">;
         default: string;
     };
     variant: {
-        type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined>;
-        required: false;
+        type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank">;
         default: string;
     };
     chevronIcon: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     rotateIcon: {
-        type: __PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    iconSize: {
-        type: __PropType<"small" | "xs" | "large" | undefined>;
-        required: false;
-        default: string;
-    };
-    disabled: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     active: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     hasIcon: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     iconLeft: {
-        type: __PropType<string | null | undefined>;
-        required: false;
+        type: import("vue").PropType<string | null>;
         default: null;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconSize: {
+        type: import("vue").PropType<"xs" | "small" | "large">;
         default: string;
     };
     variant: {
-        type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined>;
-        required: false;
+        type: import("vue").PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank">;
         default: string;
     };
     chevronIcon: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
     rotateIcon: {
-        type: __PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    iconSize: {
-        type: __PropType<"small" | "xs" | "large" | undefined>;
-        required: false;
-        default: string;
-    };
-    disabled: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     active: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     hasIcon: {
-        type: __PropType<boolean | undefined>;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     iconLeft: {
-        type: __PropType<string | null | undefined>;
-        required: false;
+        type: import("vue").PropType<string | null>;
         default: null;
     };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    title: string | undefined;
-    disabled: boolean | undefined;
-    iconLeft: string | null | undefined;
-    variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined;
-    chevronIcon: string | undefined;
-    rotateIcon: boolean | undefined;
-    iconSize: "small" | "xs" | "large" | undefined;
-    active: boolean | undefined;
-    hasIcon: boolean | undefined;
+    title: string;
+    disabled: boolean;
+    iconSize: "xs" | "small" | "large";
+    variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+    chevronIcon: string;
+    rotateIcon: boolean;
+    active: boolean;
+    hasIcon: boolean;
+    iconLeft: string | null;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

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

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

@@ -0,0 +1,73 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+            default: string;
+        };
+        sizeClasses: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+            default: string;
+        };
+        sizeClasses: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        size: "xs" | "small" | "medium" | "large" | "xl";
+        sizeClasses: string;
+    }, {}>;
+    argTypes: {
+        name: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        name: string;
+        size: "large";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Overview: {
+    render: (args: any) => {
+        setup(): {
+            args: any;
+            size: any;
+        };
+        components: {
+            IconOverview: import("vue").DefineComponent<{
+                size: {
+                    type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                    required: true;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
+                    required: true;
+                };
+            }>>, {}, {}>;
+        };
+        template: string;
+    };
+};

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

@@ -1,36 +1,31 @@
-import type { PropType as __PropType } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     name: {
-        type: __PropType<string>;
+        type: import("vue").PropType<string>;
         required: true;
     };
     size: {
-        type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
-        required: false;
+        type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
         default: string;
     };
     sizeClasses: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
-        type: __PropType<string>;
+        type: import("vue").PropType<string>;
         required: true;
     };
     size: {
-        type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
-        required: false;
+        type: import("vue").PropType<"xs" | "small" | "medium" | "large" | "xl">;
         default: string;
     };
     sizeClasses: {
-        type: __PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
         default: string;
     };
 }>>, {
-    size: "small" | "xs" | "medium" | "large" | "xl" | undefined;
-    sizeClasses: string | undefined;
+    size: "xs" | "small" | "medium" | "large" | "xl";
+    sizeClasses: string;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

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

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

@@ -0,0 +1,165 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+            default: string;
+        };
+        iconName: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        backgroundColor: {
+            type: import("vue").PropType<"blue" | "none">;
+            default: string;
+        };
+        iconColor: {
+            type: import("vue").PropType<"blue" | "white" | "gray">;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (payload: any) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+            default: string;
+        };
+        iconName: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        backgroundColor: {
+            type: import("vue").PropType<"blue" | "none">;
+            default: string;
+        };
+        iconColor: {
+            type: import("vue").PropType<"blue" | "white" | "gray">;
+            default: string;
+        };
+    }>> & {
+        onClick?: ((payload: any) => any) | undefined;
+    }, {
+        size: "small" | "medium" | "large" | "xl";
+        title: string;
+        disabled: boolean;
+        backgroundColor: "blue" | "none";
+        iconColor: "blue" | "white" | "gray";
+    }, {}>;
+    argTypes: {
+        iconName: {
+            control: string;
+            options: string[];
+        };
+        size: {
+            control: string;
+            options: string[];
+        };
+        backgroundColor: {
+            control: string;
+            options: string[];
+        };
+        iconColor: {
+            control: string;
+            options: string[];
+        };
+    };
+    args: {
+        iconName: string;
+        size: "large";
+        backgroundColor: "blue";
+        iconColor: "white";
+    };
+    render: (args: any) => {
+        setup(this: void): {
+            args: any;
+        };
+        components: {
+            UiIconButton: import("vue").DefineComponent<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    default: string;
+                };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: import("vue").PropType<"blue" | "none">;
+                    default: string;
+                };
+                iconColor: {
+                    type: import("vue").PropType<"blue" | "white" | "gray">;
+                    default: string;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (payload: any) => void;
+            }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "xl">;
+                    default: string;
+                };
+                iconName: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: import("vue").PropType<"blue" | "none">;
+                    default: string;
+                };
+                iconColor: {
+                    type: import("vue").PropType<"blue" | "white" | "gray">;
+                    default: string;
+                };
+            }>> & {
+                onClick?: ((payload: any) => any) | undefined;
+            }, {
+                size: "small" | "medium" | "large" | "xl";
+                title: string;
+                disabled: boolean;
+                backgroundColor: "blue" | "none";
+                iconColor: "blue" | "white" | "gray";
+            }, {}>;
+        };
+        template: string;
+        methods: {
+            action: import("@storybook/addon-actions").HandlerFunction;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Menu: Story;