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

@dpa-id-components/dpa-shared-components 12.0.2 → 12.1.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 (37) hide show

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

@@ -133,7 +133,6 @@ declare const meta: {
             };
         });
     };
-    argTypes: {};
     parameters: {
         backgrounds: {
             default: string;
@@ -143,283 +142,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithCheckboxes: {
-    render: (args: any) => {
-        setup(): {
-            args: any;
-        };
-        components: {
-            UiList: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLUListElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
-            UiListItem: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    value?: any;
-                    checkBoxMenu?: boolean;
-                    isChecked?: boolean;
-                    selected?: boolean;
-                    selectable?: boolean;
-                    overrideClasses?: string;
-                    checkBoxColor?: "blue" | "gray";
-                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    imageSrc?: string;
-                    imageShape?: "rounded" | "square";
-                    iconSize?: "small" | "medium" | "large";
-                    checkboxSize?: "small" | "medium";
-                    disabled?: boolean;
-                }> & Readonly<{
-                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "list-item-click": (...args: any[]) => void;
-                }, import('vue').PublicProps, {
-                    disabled: boolean;
-                    value: any;
-                    checkBoxMenu: boolean;
-                    isChecked: boolean;
-                    selected: boolean;
-                    selectable: boolean;
-                    overrideClasses: string;
-                    checkBoxColor: "blue" | "gray";
-                    iconName: typeof import('../UiIcon/iconNames').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?: any;
-                    checkBoxMenu?: boolean;
-                    isChecked?: boolean;
-                    selected?: boolean;
-                    selectable?: boolean;
-                    overrideClasses?: string;
-                    checkBoxColor?: "blue" | "gray";
-                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    imageSrc?: string;
-                    imageShape?: "rounded" | "square";
-                    iconSize?: "small" | "medium" | "large";
-                    checkboxSize?: "small" | "medium";
-                    disabled?: boolean;
-                }> & Readonly<{
-                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }>, {}, {}, {}, {}, {
-                    disabled: boolean;
-                    value: any;
-                    checkBoxMenu: boolean;
-                    isChecked: boolean;
-                    selected: boolean;
-                    selectable: boolean;
-                    overrideClasses: string;
-                    checkBoxColor: "blue" | "gray";
-                    iconName: typeof import('../UiIcon/iconNames').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?: any;
-                checkBoxMenu?: boolean;
-                isChecked?: boolean;
-                selected?: boolean;
-                selectable?: boolean;
-                overrideClasses?: string;
-                checkBoxColor?: "blue" | "gray";
-                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                imageSrc?: string;
-                imageShape?: "rounded" | "square";
-                iconSize?: "small" | "medium" | "large";
-                checkboxSize?: "small" | "medium";
-                disabled?: boolean;
-            }> & Readonly<{
-                "onList-item-click"?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "list-item-click": (...args: any[]) => void;
-            }, string, {
-                disabled: boolean;
-                value: any;
-                checkBoxMenu: boolean;
-                isChecked: boolean;
-                selected: boolean;
-                selectable: boolean;
-                overrideClasses: string;
-                checkBoxColor: "blue" | "gray";
-                iconName: typeof import('../UiIcon/iconNames').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;
-                };
-            });
-        };
-        template: string;
-    };
-};
-export declare const WithCheckmark: {
-    render: (args: any) => {
-        setup(): {
-            args: any;
-        };
-        components: {
-            UiList: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLUListElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            });
-            UiListItem: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    value?: any;
-                    checkBoxMenu?: boolean;
-                    isChecked?: boolean;
-                    selected?: boolean;
-                    selectable?: boolean;
-                    overrideClasses?: string;
-                    checkBoxColor?: "blue" | "gray";
-                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    imageSrc?: string;
-                    imageShape?: "rounded" | "square";
-                    iconSize?: "small" | "medium" | "large";
-                    checkboxSize?: "small" | "medium";
-                    disabled?: boolean;
-                }> & Readonly<{
-                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "list-item-click": (...args: any[]) => void;
-                }, import('vue').PublicProps, {
-                    disabled: boolean;
-                    value: any;
-                    checkBoxMenu: boolean;
-                    isChecked: boolean;
-                    selected: boolean;
-                    selectable: boolean;
-                    overrideClasses: string;
-                    checkBoxColor: "blue" | "gray";
-                    iconName: typeof import('../UiIcon/iconNames').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?: any;
-                    checkBoxMenu?: boolean;
-                    isChecked?: boolean;
-                    selected?: boolean;
-                    selectable?: boolean;
-                    overrideClasses?: string;
-                    checkBoxColor?: "blue" | "gray";
-                    iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                    imageSrc?: string;
-                    imageShape?: "rounded" | "square";
-                    iconSize?: "small" | "medium" | "large";
-                    checkboxSize?: "small" | "medium";
-                    disabled?: boolean;
-                }> & Readonly<{
-                    "onList-item-click"?: ((...args: any[]) => any) | undefined;
-                }>, {}, {}, {}, {}, {
-                    disabled: boolean;
-                    value: any;
-                    checkBoxMenu: boolean;
-                    isChecked: boolean;
-                    selected: boolean;
-                    selectable: boolean;
-                    overrideClasses: string;
-                    checkBoxColor: "blue" | "gray";
-                    iconName: typeof import('../UiIcon/iconNames').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?: any;
-                checkBoxMenu?: boolean;
-                isChecked?: boolean;
-                selected?: boolean;
-                selectable?: boolean;
-                overrideClasses?: string;
-                checkBoxColor?: "blue" | "gray";
-                iconName?: typeof import('../UiIcon/iconNames').iconNames[number] | null;
-                imageSrc?: string;
-                imageShape?: "rounded" | "square";
-                iconSize?: "small" | "medium" | "large";
-                checkboxSize?: "small" | "medium";
-                disabled?: boolean;
-            }> & Readonly<{
-                "onList-item-click"?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "list-item-click": (...args: any[]) => void;
-            }, string, {
-                disabled: boolean;
-                value: any;
-                checkBoxMenu: boolean;
-                isChecked: boolean;
-                selected: boolean;
-                selectable: boolean;
-                overrideClasses: string;
-                checkBoxColor: "blue" | "gray";
-                iconName: typeof import('../UiIcon/iconNames').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;
-                };
-            });
-        };
-        template: string;
-    };
-};
+export declare const WithCheckboxes: Story;
+export declare const WithCheckmark: Story;

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

@@ -165,9 +165,233 @@ declare const meta: {
         disabled: false;
         overrideClasses: string;
     };
-    render: (args: any) => {
+    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            value?: any;
+            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: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "list-item-click": (...args: any[]) => void;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            value: any;
+            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?: any;
+            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: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            value: any;
+            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?: any;
+        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: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "list-item-click": (...args: any[]) => void;
+    }, string, {
+        disabled: boolean;
+        value: any;
+        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?: any;
+                    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: any[]) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "list-item-click": (...args: any[]) => void;
+                }, import('vue').PublicProps, {
+                    disabled: boolean;
+                    value: any;
+                    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?: any;
+                    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: any[]) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    value: any;
+                    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?: any;
+                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: any[]) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "list-item-click": (...args: any[]) => void;
+            }, string, {
+                disabled: boolean;
+                value: any;
+                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: {