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

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

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            value?: any;
+            value?: string;
             checkBoxMenu?: boolean;
             isChecked?: boolean;
             selected?: boolean;
@@ -18,12 +18,12 @@ declare const meta: {
             checkboxSize?: "small" | "medium";
             disabled?: boolean;
         }> & Readonly<{
-            "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            "onList-item-click"?: ((args_0: string) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "list-item-click": (...args: any[]) => void;
+            "list-item-click": (args_0: string) => any;
         }, import('vue').PublicProps, {
             disabled: boolean;
-            value: any;
+            value: string;
             checkBoxMenu: boolean;
             isChecked: boolean;
             selected: boolean;
@@ -45,7 +45,7 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<{
-            value?: any;
+            value?: string;
             checkBoxMenu?: boolean;
             isChecked?: boolean;
             selected?: boolean;
@@ -59,10 +59,10 @@ declare const meta: {
             checkboxSize?: "small" | "medium";
             disabled?: boolean;
         }> & Readonly<{
-            "onList-item-click"?: ((...args: any[]) => any) | undefined;
+            "onList-item-click"?: ((args_0: string) => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
-            value: any;
+            value: string;
             checkBoxMenu: boolean;
             isChecked: boolean;
             selected: boolean;
@@ -79,7 +79,7 @@ declare const meta: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<{
-        value?: any;
+        value?: string;
         checkBoxMenu?: boolean;
         isChecked?: boolean;
         selected?: boolean;
@@ -93,12 +93,12 @@ declare const meta: {
         checkboxSize?: "small" | "medium";
         disabled?: boolean;
     }> & Readonly<{
-        "onList-item-click"?: ((...args: any[]) => any) | undefined;
+        "onList-item-click"?: ((args_0: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "list-item-click": (...args: any[]) => void;
+        "list-item-click": (args_0: string) => any;
     }, string, {
         disabled: boolean;
-        value: any;
+        value: string;
         checkBoxMenu: boolean;
         isChecked: boolean;
         selected: boolean;
@@ -165,14 +165,238 @@ declare const meta: {
         disabled: false;
         overrideClasses: string;
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            value?: string;
+            checkBoxMenu?: boolean;
+            isChecked?: boolean;
+            selected?: boolean;
+            selectable?: boolean;
+            overrideClasses?: string;
+            checkBoxColor?: "blue" | "gray";
+            iconName?: (typeof iconNames)[number] | null;
+            imageSrc?: string;
+            imageShape?: "rounded" | "square";
+            iconSize?: "small" | "medium" | "large";
+            checkboxSize?: "small" | "medium";
+            disabled?: boolean;
+        }> & Readonly<{
+            "onList-item-click"?: ((args_0: string) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "list-item-click": (args_0: string) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            value: string;
+            checkBoxMenu: boolean;
+            isChecked: boolean;
+            selected: boolean;
+            selectable: boolean;
+            overrideClasses: string;
+            checkBoxColor: "blue" | "gray";
+            iconName: (typeof iconNames)[number] | null;
+            imageSrc: string;
+            imageShape: "rounded" | "square";
+            iconSize: "small" | "medium" | "large";
+            checkboxSize: "small" | "medium";
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            itemEl: HTMLLIElement;
+        }, HTMLLIElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            value?: string;
+            checkBoxMenu?: boolean;
+            isChecked?: boolean;
+            selected?: boolean;
+            selectable?: boolean;
+            overrideClasses?: string;
+            checkBoxColor?: "blue" | "gray";
+            iconName?: (typeof iconNames)[number] | null;
+            imageSrc?: string;
+            imageShape?: "rounded" | "square";
+            iconSize?: "small" | "medium" | "large";
+            checkboxSize?: "small" | "medium";
+            disabled?: boolean;
+        }> & Readonly<{
+            "onList-item-click"?: ((args_0: string) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            value: string;
+            checkBoxMenu: boolean;
+            isChecked: boolean;
+            selected: boolean;
+            selectable: boolean;
+            overrideClasses: string;
+            checkBoxColor: "blue" | "gray";
+            iconName: (typeof iconNames)[number] | null;
+            imageSrc: string;
+            imageShape: "rounded" | "square";
+            iconSize: "small" | "medium" | "large";
+            checkboxSize: "small" | "medium";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        value?: string;
+        checkBoxMenu?: boolean;
+        isChecked?: boolean;
+        selected?: boolean;
+        selectable?: boolean;
+        overrideClasses?: string;
+        checkBoxColor?: "blue" | "gray";
+        iconName?: (typeof iconNames)[number] | null;
+        imageSrc?: string;
+        imageShape?: "rounded" | "square";
+        iconSize?: "small" | "medium" | "large";
+        checkboxSize?: "small" | "medium";
+        disabled?: boolean;
+    }> & Readonly<{
+        "onList-item-click"?: ((args_0: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "list-item-click": (args_0: string) => any;
+    }, string, {
+        disabled: boolean;
+        value: string;
+        checkBoxMenu: boolean;
+        isChecked: boolean;
+        selected: boolean;
+        selectable: boolean;
+        overrideClasses: string;
+        checkBoxColor: "blue" | "gray";
+        iconName: (typeof iconNames)[number] | null;
+        imageSrc: string;
+        imageShape: "rounded" | "square";
+        iconSize: "small" | "medium" | "large";
+        checkboxSize: "small" | "medium";
+    }, {}, 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<{
+                    value?: string;
+                    checkBoxMenu?: boolean;
+                    isChecked?: boolean;
+                    selected?: boolean;
+                    selectable?: boolean;
+                    overrideClasses?: string;
+                    checkBoxColor?: "blue" | "gray";
+                    iconName?: (typeof iconNames)[number] | null;
+                    imageSrc?: string;
+                    imageShape?: "rounded" | "square";
+                    iconSize?: "small" | "medium" | "large";
+                    checkboxSize?: "small" | "medium";
+                    disabled?: boolean;
+                }> & Readonly<{
+                    "onList-item-click"?: ((args_0: string) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "list-item-click": (args_0: string) => any;
+                }, import('vue').PublicProps, {
+                    disabled: boolean;
+                    value: string;
+                    checkBoxMenu: boolean;
+                    isChecked: boolean;
+                    selected: boolean;
+                    selectable: boolean;
+                    overrideClasses: string;
+                    checkBoxColor: "blue" | "gray";
+                    iconName: (typeof iconNames)[number] | null;
+                    imageSrc: string;
+                    imageShape: "rounded" | "square";
+                    iconSize: "small" | "medium" | "large";
+                    checkboxSize: "small" | "medium";
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    itemEl: HTMLLIElement;
+                }, HTMLLIElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    value?: string;
+                    checkBoxMenu?: boolean;
+                    isChecked?: boolean;
+                    selected?: boolean;
+                    selectable?: boolean;
+                    overrideClasses?: string;
+                    checkBoxColor?: "blue" | "gray";
+                    iconName?: (typeof iconNames)[number] | null;
+                    imageSrc?: string;
+                    imageShape?: "rounded" | "square";
+                    iconSize?: "small" | "medium" | "large";
+                    checkboxSize?: "small" | "medium";
+                    disabled?: boolean;
+                }> & Readonly<{
+                    "onList-item-click"?: ((args_0: string) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    value: string;
+                    checkBoxMenu: boolean;
+                    isChecked: boolean;
+                    selected: boolean;
+                    selectable: boolean;
+                    overrideClasses: string;
+                    checkBoxColor: "blue" | "gray";
+                    iconName: (typeof iconNames)[number] | null;
+                    imageSrc: string;
+                    imageShape: "rounded" | "square";
+                    iconSize: "small" | "medium" | "large";
+                    checkboxSize: "small" | "medium";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                value?: string;
+                checkBoxMenu?: boolean;
+                isChecked?: boolean;
+                selected?: boolean;
+                selectable?: boolean;
+                overrideClasses?: string;
+                checkBoxColor?: "blue" | "gray";
+                iconName?: (typeof iconNames)[number] | null;
+                imageSrc?: string;
+                imageShape?: "rounded" | "square";
+                iconSize?: "small" | "medium" | "large";
+                checkboxSize?: "small" | "medium";
+                disabled?: boolean;
+            }> & Readonly<{
+                "onList-item-click"?: ((args_0: string) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "list-item-click": (args_0: string) => any;
+            }, string, {
+                disabled: boolean;
+                value: string;
+                checkBoxMenu: boolean;
+                isChecked: boolean;
+                selected: boolean;
+                selectable: boolean;
+                overrideClasses: string;
+                checkBoxColor: "blue" | "gray";
+                iconName: (typeof iconNames)[number] | null;
+                imageSrc: string;
+                imageShape: "rounded" | "square";
+                iconSize: "small" | "medium" | "large";
+                checkboxSize: "small" | "medium";
+            }, {}, 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: {
             UiListItem: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    value?: any;
+                    value?: string;
                     checkBoxMenu?: boolean;
                     isChecked?: boolean;
                     selected?: boolean;
@@ -186,12 +410,12 @@ declare const meta: {
                     checkboxSize?: "small" | "medium";
                     disabled?: boolean;
                 }> & Readonly<{
-                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                    "onList-item-click"?: ((args_0: string) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "list-item-click": (...args: any[]) => void;
+                    "list-item-click": (args_0: string) => any;
                 }, import('vue').PublicProps, {
                     disabled: boolean;
-                    value: any;
+                    value: string;
                     checkBoxMenu: boolean;
                     isChecked: boolean;
                     selected: boolean;
@@ -213,7 +437,7 @@ declare const meta: {
                     M: {};
                     Defaults: {};
                 }, Readonly<{
-                    value?: any;
+                    value?: string;
                     checkBoxMenu?: boolean;
                     isChecked?: boolean;
                     selected?: boolean;
@@ -227,10 +451,10 @@ declare const meta: {
                     checkboxSize?: "small" | "medium";
                     disabled?: boolean;
                 }> & Readonly<{
-                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                    "onList-item-click"?: ((args_0: string) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     disabled: boolean;
-                    value: any;
+                    value: string;
                     checkBoxMenu: boolean;
                     isChecked: boolean;
                     selected: boolean;
@@ -247,7 +471,7 @@ declare const meta: {
                 __isTeleport?: never;
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
-                value?: any;
+                value?: string;
                 checkBoxMenu?: boolean;
                 isChecked?: boolean;
                 selected?: boolean;
@@ -261,12 +485,12 @@ declare const meta: {
                 checkboxSize?: "small" | "medium";
                 disabled?: boolean;
             }> & Readonly<{
-                "onList-item-click"?: ((...args: any[]) => any) | undefined;
+                "onList-item-click"?: ((args_0: string) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "list-item-click": (...args: any[]) => void;
+                "list-item-click": (args_0: string) => any;
             }, string, {
                 disabled: boolean;
-                value: any;
+                value: string;
                 checkBoxMenu: boolean;
                 isChecked: boolean;
                 selected: boolean;

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

@@ -1,6 +1,6 @@
 import { iconNames } from '../UiIcon/iconNames';
 type __VLS_Props = {
-    value?: any;
+    value?: string;
     checkBoxMenu?: boolean;
     isChecked?: boolean;
     selected?: boolean;
@@ -26,12 +26,12 @@ 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, {
-    "list-item-click": (...args: any[]) => void;
+    "list-item-click": (args_0: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onList-item-click"?: ((...args: any[]) => any) | undefined;
+    "onList-item-click"?: ((args_0: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    value: any;
+    value: string;
     checkBoxMenu: boolean;
     isChecked: boolean;
     selected: boolean;