npm - @dpa-id-components/dpa-shared-components - Versions diffs - 12.0.2 → 12.2.0 - Mend

@dpa-id-components/dpa-shared-components 12.0.2 → 12.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts CHANGED Viewed

@@ -9,9 +9,9 @@ declare const meta: {
             label: string;
             isActive?: boolean;
         }> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
+            onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (...args: any[]) => void;
+            click: () => any;
         }, import('vue').PublicProps, {
             fill: string;
             color: string;
@@ -31,7 +31,7 @@ declare const meta: {
             label: string;
             isActive?: boolean;
         }> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
+            onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
             fill: string;
             color: string;
@@ -48,9 +48,9 @@ declare const meta: {
         label: string;
         isActive?: boolean;
     }> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (...args: any[]) => void;
+        click: () => any;
     }, string, {
         fill: string;
         color: string;
@@ -90,9 +90,127 @@ declare const meta: {
         label: string;
         isActive: false;
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            color?: string;
+            fill?: string;
+            iconIsFilled?: boolean;
+            label: string;
+            isActive?: boolean;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: () => any;
+        }, import('vue').PublicProps, {
+            fill: string;
+            color: string;
+            iconIsFilled: boolean;
+            isActive: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            color?: string;
+            fill?: string;
+            iconIsFilled?: boolean;
+            label: string;
+            isActive?: boolean;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            fill: string;
+            color: string;
+            iconIsFilled: boolean;
+            isActive: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        color?: string;
+        fill?: string;
+        iconIsFilled?: boolean;
+        label: string;
+        isActive?: boolean;
+    }> & Readonly<{
+        onClick?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: () => any;
+    }, string, {
+        fill: string;
+        color: string;
+        iconIsFilled: boolean;
+        isActive: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    })>) => {
         setup(this: void): {
-            args: any;
+            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    color?: string;
+                    fill?: string;
+                    iconIsFilled?: boolean;
+                    label: string;
+                    isActive?: boolean;
+                }> & Readonly<{
+                    onClick?: (() => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: () => any;
+                }, import('vue').PublicProps, {
+                    fill: string;
+                    color: string;
+                    iconIsFilled: boolean;
+                    isActive: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    color?: string;
+                    fill?: string;
+                    iconIsFilled?: boolean;
+                    label: string;
+                    isActive?: boolean;
+                }> & Readonly<{
+                    onClick?: (() => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    fill: string;
+                    color: string;
+                    iconIsFilled: boolean;
+                    isActive: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                color?: string;
+                fill?: string;
+                iconIsFilled?: boolean;
+                label: string;
+                isActive?: boolean;
+            }> & Readonly<{
+                onClick?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: () => any;
+            }, string, {
+                fill: string;
+                color: string;
+                iconIsFilled: boolean;
+                isActive: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            })>;
         };
         components: {
             UiFilterBadgeButton: {
@@ -103,9 +221,9 @@ declare const meta: {
                     label: string;
                     isActive?: boolean;
                 }> & Readonly<{
-                    onClick?: ((...args: any[]) => any) | undefined;
+                    onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (...args: any[]) => void;
+                    click: () => any;
                 }, import('vue').PublicProps, {
                     fill: string;
                     color: string;
@@ -125,7 +243,7 @@ declare const meta: {
                     label: string;
                     isActive?: boolean;
                 }> & Readonly<{
-                    onClick?: ((...args: any[]) => any) | undefined;
+                    onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     fill: string;
                     color: string;
@@ -142,9 +260,9 @@ declare const meta: {
                 label: string;
                 isActive?: boolean;
             }> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
+                onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
+                click: () => any;
             }, string, {
                 fill: string;
                 color: string;
@@ -162,8 +280,8 @@ declare const meta: {
                 backgroundColor?: "blue" | "none" | "gray-hover";
                 iconColor?: "blue" | "gray" | "white";
                 size?: "small" | "medium" | "large" | "xl";
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: (payload: any) => any;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (args_0: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<{
                 iconName: typeof import('../UiIcon/iconNames').iconNames[number];
                 title?: string;
@@ -172,7 +290,7 @@ declare const meta: {
                 iconColor?: "blue" | "gray" | "white";
                 size?: "small" | "medium" | "large" | "xl";
             }> & Readonly<{
-                onClick?: ((payload: any) => any) | undefined;
+                onClick?: ((args_0: MouseEvent) => any) | undefined;
             }>, {
                 size: "small" | "medium" | "large" | "xl";
                 disabled: boolean;

package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts CHANGED Viewed

@@ -15,9 +15,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
+    click: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
+    onClick?: (() => any) | undefined;
 }>, {
     fill: string;
     color: string;

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

@@ -14,7 +14,7 @@ declare const meta: {
         hasIcon?: boolean;
         iconLeft?: (typeof iconNames)[number] | null;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (...args: any[]) => void;
+        click: () => any;
     }, string, import('vue').PublicProps, Readonly<{
         title?: string;
         variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
@@ -27,7 +27,7 @@ declare const meta: {
         hasIcon?: boolean;
         iconLeft?: (typeof iconNames)[number] | null;
     }> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: (() => any) | undefined;
     }>, {
         size: "xs" | "small";
         disabled: boolean;
@@ -88,9 +88,83 @@ declare const meta: {
         iconSize: "xs";
         iconLeft: string;
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
+        title?: string;
+        variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+        chevronIcon?: (typeof iconNames)[number];
+        rotateIcon?: boolean;
+        iconSize?: "xs" | "small" | "large";
+        size?: "xs" | "small";
+        disabled?: boolean;
+        active?: boolean;
+        hasIcon?: boolean;
+        iconLeft?: (typeof iconNames)[number] | null;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: () => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        title?: string;
+        variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+        chevronIcon?: (typeof iconNames)[number];
+        rotateIcon?: boolean;
+        iconSize?: "xs" | "small" | "large";
+        size?: "xs" | "small";
+        disabled?: boolean;
+        active?: boolean;
+        hasIcon?: boolean;
+        iconLeft?: (typeof iconNames)[number] | null;
+    }> & Readonly<{
+        onClick?: (() => any) | undefined;
+    }>, {
+        size: "xs" | "small";
+        disabled: boolean;
+        title: string;
+        iconSize: "xs" | "small" | "large";
+        variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+        chevronIcon: (typeof iconNames)[number];
+        rotateIcon: boolean;
+        active: boolean;
+        hasIcon: boolean;
+        iconLeft: (typeof iconNames)[number] | null;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>) => {
         setup(this: void): {
-            args: any;
+            args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
+                title?: string;
+                variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+                chevronIcon?: (typeof iconNames)[number];
+                rotateIcon?: boolean;
+                iconSize?: "xs" | "small" | "large";
+                size?: "xs" | "small";
+                disabled?: boolean;
+                active?: boolean;
+                hasIcon?: boolean;
+                iconLeft?: (typeof iconNames)[number] | null;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: () => any;
+            }, string, import('vue').PublicProps, Readonly<{
+                title?: string;
+                variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+                chevronIcon?: (typeof iconNames)[number];
+                rotateIcon?: boolean;
+                iconSize?: "xs" | "small" | "large";
+                size?: "xs" | "small";
+                disabled?: boolean;
+                active?: boolean;
+                hasIcon?: boolean;
+                iconLeft?: (typeof iconNames)[number] | null;
+            }> & Readonly<{
+                onClick?: (() => any) | undefined;
+            }>, {
+                size: "xs" | "small";
+                disabled: boolean;
+                title: string;
+                iconSize: "xs" | "small" | "large";
+                variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+                chevronIcon: (typeof iconNames)[number];
+                rotateIcon: boolean;
+                active: boolean;
+                hasIcon: boolean;
+                iconLeft: (typeof iconNames)[number] | null;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
         };
         components: {
             UiFilterButton: import('vue').DefineComponent<{
@@ -105,7 +179,7 @@ declare const meta: {
                 hasIcon?: boolean;
                 iconLeft?: (typeof iconNames)[number] | null;
             }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
+                click: () => any;
             }, string, import('vue').PublicProps, Readonly<{
                 title?: string;
                 variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
@@ -118,7 +192,7 @@ declare const meta: {
                 hasIcon?: boolean;
                 iconLeft?: (typeof iconNames)[number] | null;
             }> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
+                onClick?: (() => any) | undefined;
             }>, {
                 size: "xs" | "small";
                 disabled: boolean;

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

@@ -12,9 +12,9 @@ type __VLS_Props = {
     iconLeft?: (typeof iconNames)[number] | null;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
+    click: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
+    onClick?: (() => any) | undefined;
 }>, {
     size: "xs" | "small";
     disabled: boolean;

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

@@ -32,19 +32,4 @@ declare const meta: {
 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: "xs" | "small" | "medium" | "large" | "xl";
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-                size: "xs" | "small" | "medium" | "large" | "xl";
-            }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-        };
-        template: string;
-    };
-};
+export declare const Overview: Story;

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

@@ -9,8 +9,8 @@ declare const meta: {
         backgroundColor?: "blue" | "none" | "gray-hover";
         iconColor?: "blue" | "gray" | "white";
         size?: "small" | "medium" | "large" | "xl";
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (payload: any) => any;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (args_0: MouseEvent) => any;
     }, string, import('vue').PublicProps, Readonly<{
         iconName: (typeof iconNames)[number];
         title?: string;
@@ -19,7 +19,7 @@ declare const meta: {
         iconColor?: "blue" | "gray" | "white";
         size?: "small" | "medium" | "large" | "xl";
     }> & Readonly<{
-        onClick?: ((payload: any) => any) | undefined;
+        onClick?: ((args_0: MouseEvent) => any) | undefined;
     }>, {
         size: "small" | "medium" | "large" | "xl";
         disabled: boolean;
@@ -51,9 +51,57 @@ declare const meta: {
         backgroundColor: "blue";
         iconColor: "white";
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
+        iconName: (typeof iconNames)[number];
+        title?: string;
+        disabled?: boolean;
+        backgroundColor?: "blue" | "none" | "gray-hover";
+        iconColor?: "blue" | "gray" | "white";
+        size?: "small" | "medium" | "large" | "xl";
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (args_0: MouseEvent) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        iconName: (typeof iconNames)[number];
+        title?: string;
+        disabled?: boolean;
+        backgroundColor?: "blue" | "none" | "gray-hover";
+        iconColor?: "blue" | "gray" | "white";
+        size?: "small" | "medium" | "large" | "xl";
+    }> & Readonly<{
+        onClick?: ((args_0: MouseEvent) => any) | undefined;
+    }>, {
+        size: "small" | "medium" | "large" | "xl";
+        disabled: boolean;
+        title: string;
+        backgroundColor: "blue" | "none" | "gray-hover";
+        iconColor: "blue" | "gray" | "white";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>>) => {
         setup(this: void): {
-            args: any;
+            args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
+                iconName: (typeof iconNames)[number];
+                title?: string;
+                disabled?: boolean;
+                backgroundColor?: "blue" | "none" | "gray-hover";
+                iconColor?: "blue" | "gray" | "white";
+                size?: "small" | "medium" | "large" | "xl";
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (args_0: MouseEvent) => any;
+            }, string, import('vue').PublicProps, Readonly<{
+                iconName: (typeof iconNames)[number];
+                title?: string;
+                disabled?: boolean;
+                backgroundColor?: "blue" | "none" | "gray-hover";
+                iconColor?: "blue" | "gray" | "white";
+                size?: "small" | "medium" | "large" | "xl";
+            }> & Readonly<{
+                onClick?: ((args_0: MouseEvent) => any) | undefined;
+            }>, {
+                size: "small" | "medium" | "large" | "xl";
+                disabled: boolean;
+                title: string;
+                backgroundColor: "blue" | "none" | "gray-hover";
+                iconColor: "blue" | "gray" | "white";
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>>;
         };
         components: {
             UiIconButton: import('vue').DefineComponent<{
@@ -63,8 +111,8 @@ declare const meta: {
                 backgroundColor?: "blue" | "none" | "gray-hover";
                 iconColor?: "blue" | "gray" | "white";
                 size?: "small" | "medium" | "large" | "xl";
-            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: (payload: any) => any;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (args_0: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<{
                 iconName: (typeof iconNames)[number];
                 title?: string;
@@ -73,7 +121,7 @@ declare const meta: {
                 iconColor?: "blue" | "gray" | "white";
                 size?: "small" | "medium" | "large" | "xl";
             }> & Readonly<{
-                onClick?: ((payload: any) => any) | undefined;
+                onClick?: ((args_0: MouseEvent) => any) | undefined;
             }>, {
                 size: "small" | "medium" | "large" | "xl";
                 disabled: boolean;

package/dist/components/UiIconButton/UiIconButton.vue.d.ts CHANGED Viewed

@@ -7,10 +7,10 @@ type __VLS_Props = {
     iconColor?: "blue" | "gray" | "white";
     size?: "small" | "medium" | "large" | "xl";
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (payload: any) => any;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (args_0: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: any) => any) | undefined;
+    onClick?: ((args_0: MouseEvent) => any) | undefined;
 }>, {
     size: "small" | "medium" | "large" | "xl";
     disabled: boolean;

package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts CHANGED Viewed

@@ -75,9 +75,105 @@ declare const meta: {
         iconName: string;
         iconSize: "xl";
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            iconBackground: "white" | "gray" | "green";
+            iconName: (typeof iconNames)[number] | null;
+            iconSize: "xs" | "small" | "medium" | "large" | "xl";
+            iconColor: "white" | "gray";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            iconName: (typeof iconNames)[number] | null;
+            iconSize: "xs" | "small" | "medium" | "large" | "xl";
+            iconColor: "white" | "gray";
+            iconBackground: "white" | "gray" | "green";
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            iconBackground: "white" | "gray" | "green";
+            iconName: (typeof iconNames)[number] | null;
+            iconSize: "xs" | "small" | "medium" | "large" | "xl";
+            iconColor: "white" | "gray";
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            iconName: (typeof iconNames)[number] | null;
+            iconSize: "xs" | "small" | "medium" | "large" | "xl";
+            iconColor: "white" | "gray";
+            iconBackground: "white" | "gray" | "green";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        iconBackground: "white" | "gray" | "green";
+        iconName: (typeof iconNames)[number] | null;
+        iconSize: "xs" | "small" | "medium" | "large" | "xl";
+        iconColor: "white" | "gray";
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        iconName: (typeof iconNames)[number] | null;
+        iconSize: "xs" | "small" | "medium" | "large" | "xl";
+        iconColor: "white" | "gray";
+        iconBackground: "white" | "gray" | "green";
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            title?(_: {}): any;
+            default?(_: {}): any;
+            actions?(_: {}): any;
+        };
+    })>) => {
         setup(this: void): {
-            args: any;
+            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    iconBackground: "white" | "gray" | "green";
+                    iconName: (typeof iconNames)[number] | null;
+                    iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                    iconColor: "white" | "gray";
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    iconName: (typeof iconNames)[number] | null;
+                    iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                    iconColor: "white" | "gray";
+                    iconBackground: "white" | "gray" | "green";
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    iconBackground: "white" | "gray" | "green";
+                    iconName: (typeof iconNames)[number] | null;
+                    iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                    iconColor: "white" | "gray";
+                }> & Readonly<{}>, {}, {}, {}, {}, {
+                    iconName: (typeof iconNames)[number] | null;
+                    iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                    iconColor: "white" | "gray";
+                    iconBackground: "white" | "gray" | "green";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                iconBackground: "white" | "gray" | "green";
+                iconName: (typeof iconNames)[number] | null;
+                iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                iconColor: "white" | "gray";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                iconName: (typeof iconNames)[number] | null;
+                iconSize: "xs" | "small" | "medium" | "large" | "xl";
+                iconColor: "white" | "gray";
+                iconBackground: "white" | "gray" | "green";
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    title?(_: {}): any;
+                    default?(_: {}): any;
+                    actions?(_: {}): any;
+                };
+            })>;
         };
         components: {
             UiInfoContent: {
@@ -140,7 +236,7 @@ declare const meta: {
                     rounded?: boolean;
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: () => any;
                 }, import('vue').PublicProps, {
                     size: "xs" | "small" | "medium" | "large";
@@ -189,7 +285,7 @@ declare const meta: {
                 rounded?: boolean;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: () => any;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";