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

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

@@ -1,31 +1,14 @@
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            fill: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-                required: true;
-            };
-            color: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconIsFilled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            isActive: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-        }>> & Readonly<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            color?: string;
+            fill?: string;
+            iconIsFilled?: boolean;
+            label: string;
+            isActive?: boolean;
+        }> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
@@ -34,36 +17,20 @@ declare const meta: {
             color: string;
             iconIsFilled: boolean;
             isActive: 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<{
-            fill: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-                required: true;
-            };
-            color: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconIsFilled: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            isActive: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
-        }>> & Readonly<{
+        }, Readonly<{
+            color?: string;
+            fill?: string;
+            iconIsFilled?: boolean;
+            label: string;
+            isActive?: boolean;
+        }> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {}, {}, {}, {}, {
             fill: string;
@@ -74,29 +41,13 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        fill: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        color: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        iconIsFilled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        isActive: {
-            type: import('vue').PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-    }>> & Readonly<{
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        color?: string;
+        fill?: string;
+        iconIsFilled?: boolean;
+        label: string;
+        isActive?: boolean;
+    }> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (...args: any[]) => void;
@@ -145,29 +96,13 @@ declare const meta: {
         };
         components: {
             UiFilterBadgeButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    fill: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    label: {
-                        type: import('vue').PropType<string>;
-                        required: true;
-                    };
-                    color: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isActive: {
-                        type: import('vue').PropType<boolean>;
-                        required: true;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    color?: string;
+                    fill?: string;
+                    iconIsFilled?: boolean;
+                    label: string;
+                    isActive?: boolean;
+                }> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (...args: any[]) => void;
@@ -176,36 +111,20 @@ declare const meta: {
                     color: string;
                     iconIsFilled: boolean;
                     isActive: 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<{
-                    fill: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    label: {
-                        type: import('vue').PropType<string>;
-                        required: true;
-                    };
-                    color: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconIsFilled: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    isActive: {
-                        type: import('vue').PropType<boolean>;
-                        required: true;
-                        default: boolean;
-                    };
-                }>> & Readonly<{
+                }, Readonly<{
+                    color?: string;
+                    fill?: string;
+                    iconIsFilled?: boolean;
+                    label: string;
+                    isActive?: boolean;
+                }> & Readonly<{
                     onClick?: ((...args: any[]) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     fill: string;
@@ -216,29 +135,13 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                fill: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                label: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                color: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                iconIsFilled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                isActive: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
-            }>> & Readonly<{
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                color?: string;
+                fill?: string;
+                iconIsFilled?: boolean;
+                label: string;
+                isActive?: boolean;
+            }> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
@@ -252,59 +155,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";
@@ -312,7 +179,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;
         methods: {

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

@@ -1,57 +1,31 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     color?: string;
     fill?: string;
     iconIsFilled?: boolean;
     label: string;
-    isActive: boolean;
-}>, {
-    color: string;
-    fill: string;
-    iconIsFilled: boolean;
-    isActive: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    isActive?: boolean;
+};
+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, {
     click: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: string;
-    fill?: string;
-    iconIsFilled?: boolean;
-    label: string;
-    isActive: boolean;
-}>, {
-    color: string;
-    fill: string;
-    iconIsFilled: boolean;
-    isActive: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     fill: string;
     color: string;
     iconIsFilled: boolean;
     isActive: 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;

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

@@ -1,93 +1,32 @@
 import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
-
 declare const meta: {
     title: string;
-    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"xs" | "small">;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        title: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        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;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    component: 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: (...args: any[]) => void;
-    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<"xs" | "small">;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        title: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        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;
-        };
-    }>> & Readonly<{
+    }, 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?: ((...args: any[]) => any) | undefined;
     }>, {
         size: "xs" | "small";
@@ -100,7 +39,7 @@ declare const meta: {
         active: boolean;
         hasIcon: boolean;
         iconLeft: (typeof iconNames)[number] | null;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     argTypes: {
         title: {
             control: "text";
@@ -154,91 +93,31 @@ declare const meta: {
             args: any;
         };
         components: {
-            UiFilterButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"xs" | "small">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                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;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            UiFilterButton: 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: (...args: any[]) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"xs" | "small">;
-                    default: string;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                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;
-                };
-            }>> & Readonly<{
+            }, 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?: ((...args: any[]) => any) | undefined;
             }>, {
                 size: "xs" | "small";
@@ -251,7 +130,7 @@ declare const meta: {
                 active: boolean;
                 hasIcon: boolean;
                 iconLeft: (typeof iconNames)[number] | null;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
         };
         template: string;
     };