@dpa-id-components/dpa-shared-components 11.0.0-alpha.0 → 12.0.0

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

@@ -1,64 +1,31 @@
 import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                required: true;
-                default: null;
-            };
-            iconSize: {
-                type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                required: true;
-                default: string;
-            };
-            iconColor: {
-                type: import('vue').PropType<"gray" | "white">;
-                required: true;
-                default: string;
-            };
-            iconBackground: {
-                type: import('vue').PropType<"gray" | "white" | "green">;
-                required: true;
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        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";
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            iconName: {
-                type: import('vue').PropType<string | null>;
-                required: true;
-                default: null;
-            };
-            iconSize: {
-                type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                required: true;
-                default: string;
-            };
-            iconColor: {
-                type: import('vue').PropType<"gray" | "white">;
-                required: true;
-                default: string;
-            };
-            iconBackground: {
-                type: import('vue').PropType<"gray" | "white" | "green">;
-                required: true;
-                default: string;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
+        }, 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";
@@ -67,28 +34,12 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        iconName: {
-            type: import('vue').PropType<string | null>;
-            required: true;
-            default: null;
-        };
-        iconSize: {
-            type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-            required: true;
-            default: string;
-        };
-        iconColor: {
-            type: import('vue').PropType<"gray" | "white">;
-            required: true;
-            default: string;
-        };
-        iconBackground: {
-            type: import('vue').PropType<"gray" | "white" | "green">;
-            required: true;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    } & 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";
@@ -130,61 +81,29 @@ declare const meta: {
         };
         components: {
             UiInfoContent: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        required: true;
-                        default: null;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                        required: true;
-                        default: string;
-                    };
-                    iconColor: {
-                        type: import('vue').PropType<"gray" | "white">;
-                        required: true;
-                        default: string;
-                    };
-                    iconBackground: {
-                        type: import('vue').PropType<"gray" | "white" | "green">;
-                        required: true;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                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";
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    iconName: {
-                        type: import('vue').PropType<string | null>;
-                        required: true;
-                        default: null;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                        required: true;
-                        default: string;
-                    };
-                    iconColor: {
-                        type: import('vue').PropType<"gray" | "white">;
-                        required: true;
-                        default: string;
-                    };
-                    iconBackground: {
-                        type: import('vue').PropType<"gray" | "white" | "green">;
-                        required: true;
-                        default: string;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, {
+                }, 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";
@@ -193,28 +112,12 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                iconName: {
-                    type: import('vue').PropType<string | null>;
-                    required: true;
-                    default: null;
-                };
-                iconSize: {
-                    type: import('vue').PropType<"xs" | "small" | "medium" | "large" | "xl">;
-                    required: true;
-                    default: string;
-                };
-                iconColor: {
-                    type: import('vue').PropType<"gray" | "white">;
-                    required: true;
-                    default: string;
-                };
-                iconBackground: {
-                    type: import('vue').PropType<"gray" | "white" | "green">;
-                    required: true;
-                    default: string;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            } & 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";
@@ -227,39 +130,18 @@ declare const meta: {
                 };
             });
             UiButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    iconName?: (typeof iconNames)[number] | null;
+                    size?: "xs" | "small" | "medium" | "large";
+                    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
+                    disabledVariant?: "primary" | "secondary";
+                    disabled?: boolean;
+                    href?: string;
+                    rounded?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: () => void;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                    click: () => any;
                 }, import('vue').PublicProps, {
                     size: "xs" | "small" | "medium" | "large";
                     disabled: boolean;
@@ -268,43 +150,22 @@ declare const meta: {
                     iconName: (typeof iconNames)[number] | null;
                     disabledVariant: "primary" | "secondary";
                     href: string;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     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;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    iconName?: (typeof iconNames)[number] | null;
+                    size?: "xs" | "small" | "medium" | "large";
+                    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
+                    disabledVariant?: "primary" | "secondary";
+                    disabled?: boolean;
+                    href?: string;
+                    rounded?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     size: "xs" | "small" | "medium" | "large";
@@ -318,39 +179,18 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & 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;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                iconName?: (typeof iconNames)[number] | null;
+                size?: "xs" | "small" | "medium" | "large";
+                color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
+                disabledVariant?: "primary" | "secondary";
+                disabled?: boolean;
+                href?: string;
+                rounded?: boolean;
+            }> & Readonly<{
                 onClick?: (() => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: () => void;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                click: () => any;
             }, string, {
                 size: "xs" | "small" | "medium" | "large";
                 disabled: boolean;

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

@@ -1,55 +1,29 @@
 import { iconNames } from '../UiIcon/iconNames';
-
-declare function __VLS_template(): {
-    title?(_: {}): any;
-    default?(_: {}): any;
-    actions?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     iconBackground: "white" | "gray" | "green";
     iconName: (typeof iconNames)[number] | null;
     iconSize: "xs" | "small" | "medium" | "large" | "xl";
     iconColor: "white" | "gray";
-}>, {
-    iconBackground: string;
-    iconName: null;
-    iconColor: string;
-    iconSize: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    iconBackground: "white" | "gray" | "green";
-    iconName: (typeof iconNames)[number] | null;
-    iconSize: "xs" | "small" | "medium" | "large" | "xl";
-    iconColor: "white" | "gray";
-}>, {
-    iconBackground: string;
-    iconName: null;
-    iconColor: string;
-    iconSize: string;
-}>>> & Readonly<{}>, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     iconName: (typeof iconNames)[number] | null;
     iconSize: "xs" | "small" | "medium" | "large" | "xl";
     iconColor: "white" | "gray";
     iconBackground: "white" | "gray" | "green";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 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;