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

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

@@ -1,55 +1,30 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                default: string;
-            };
-            fill: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            color: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconIsFilled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            color?: string;
+            fill?: string;
+            iconIsFilled?: boolean;
+            size?: "small" | "medium" | "large" | "xl";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: "small" | "medium" | "large" | "xl";
             fill: string;
             color: string;
             iconIsFilled: boolean;
-        }, 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<{
-            size: {
-                type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                default: string;
-            };
-            fill: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            color: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconIsFilled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {
+        }, Readonly<{
+            color?: string;
+            fill?: string;
+            iconIsFilled?: boolean;
+            size?: "small" | "medium" | "large" | "xl";
+        }> & Readonly<{}>, {}, {}, {}, {}, {
             size: "small" | "medium" | "large" | "xl";
             fill: string;
             color: string;
@@ -58,24 +33,12 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-            default: string;
-        };
-        fill: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        color: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        iconIsFilled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        color?: string;
+        fill?: string;
+        iconIsFilled?: boolean;
+        size?: "small" | "medium" | "large" | "xl";
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: "small" | "medium" | "large" | "xl";
         fill: string;
         color: string;
@@ -125,53 +88,29 @@ declare const meta: {
         };
         components: {
             UiFilterBadge: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                        default: string;
-                    };
-                    fill: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    color: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    color?: string;
+                    fill?: string;
+                    iconIsFilled?: boolean;
+                    size?: "small" | "medium" | "large" | "xl";
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                     size: "small" | "medium" | "large" | "xl";
                     fill: string;
                     color: string;
                     iconIsFilled: boolean;
-                }, 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<{
-                    size: {
-                        type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                        default: string;
-                    };
-                    fill: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    color: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, {
+                }, Readonly<{
+                    color?: string;
+                    fill?: string;
+                    iconIsFilled?: boolean;
+                    size?: "small" | "medium" | "large" | "xl";
+                }> & Readonly<{}>, {}, {}, {}, {}, {
                     size: "small" | "medium" | "large" | "xl";
                     fill: string;
                     color: string;
@@ -180,24 +119,12 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                fill: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                color: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                iconIsFilled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                color?: string;
+                fill?: string;
+                iconIsFilled?: boolean;
+                size?: "small" | "medium" | "large" | "xl";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: "small" | "medium" | "large" | "xl";
                 fill: string;
                 color: string;
@@ -207,59 +134,23 @@ declare const meta: {
                     default?(_: {}): any;
                 };
             });
-            UiIconButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                backgroundColor: {
-                    type: import('vue').PropType<"none" | "blue" | "gray-hover">;
-                    default: string;
-                };
-                iconColor: {
-                    type: import('vue').PropType<"blue" | "gray" | "white">;
-                    default: string;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (payload: any) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"small" | "medium" | "large" | "xl">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                iconName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                backgroundColor: {
-                    type: import('vue').PropType<"none" | "blue" | "gray-hover">;
-                    default: string;
-                };
-                iconColor: {
-                    type: import('vue').PropType<"blue" | "gray" | "white">;
-                    default: string;
-                };
-            }>> & Readonly<{
+            UiIconButton: import('vue').DefineComponent<{
+                iconName: typeof import('../UiIcon/iconNames').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: (payload: any) => any;
+            }, string, import('vue').PublicProps, Readonly<{
+                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                title?: string;
+                disabled?: boolean;
+                backgroundColor?: "blue" | "none" | "gray-hover";
+                iconColor?: "blue" | "gray" | "white";
+                size?: "small" | "medium" | "large" | "xl";
+            }> & Readonly<{
                 onClick?: ((payload: any) => any) | undefined;
             }>, {
                 size: "small" | "medium" | "large" | "xl";
@@ -267,7 +158,7 @@ declare const meta: {
                 title: string;
                 backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "gray" | "white";
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
         };
         template: string;
     };

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

@@ -1,51 +1,26 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: string;
-    fill?: string;
-    iconIsFilled?: boolean;
-    size?: "small" | "medium" | "large" | "xl";
-}>, {
-    color: string;
-    fill: string;
-    iconIsFilled: boolean;
-    size: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     color?: string;
     fill?: string;
     iconIsFilled?: boolean;
     size?: "small" | "medium" | "large" | "xl";
-}>, {
-    color: string;
-    fill: string;
-    iconIsFilled: boolean;
-    size: string;
-}>>> & Readonly<{}>, {
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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<{}>, {
     size: "small" | "medium" | "large" | "xl";
     fill: string;
     color: string;
     iconIsFilled: boolean;
-}, {}, {}, {}, 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;