@muenchen/muc-patternlab-vue 1.13.0-beta.6 → 1.13.0-beta.8

package/components/Banner/MucBanner.stories.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            type?: "info" | "success" | "warning" | "emergency";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            type?: "info" | "success" | "warning" | "emergency";
+        }> & Readonly<{}>, {
+            type: "info" | "success" | "warning" | "emergency";
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            type?: "info" | "success" | "warning" | "emergency";
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            type: "info" | "success" | "warning" | "emergency";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        type?: "info" | "success" | "warning" | "emergency";
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        type: "info" | "success" | "warning" | "emergency";
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            default(): any;
+        }> & {
+            default(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    excludeStories: RegExp;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        default: string;
+        type: string;
+    };
+};
+export declare const Success: {
+    args: {
+        default: string;
+        type: string;
+    };
+};
+export declare const Warning: {
+    args: {
+        default: string;
+        type: string;
+    };
+};
+export declare const Emergency: {
+    args: {
+        default: string;
+        type: string;
+    };
+};

package/components/Banner/MucBanner.vue.d.ts

@@ -0,0 +1,37 @@
+type bannerType = "info" | "success" | "warning" | "emergency";
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Text-content of the banner.
+         */
+        default(): any;
+    }> & {
+        /**
+         * Text-content of the banner.
+         */
+        default(): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    /**
+     * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
+     */
+    type?: bannerType;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
+     */
+    type?: bannerType;
+}> & Readonly<{}>, {
+    type: bannerType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/BuisnessHours/BusinessHours.stories.d.ts

@@ -0,0 +1,80 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            businessHours: import('./BusinessHourType').BusinessHourType[];
+            toggleable?: boolean;
+            icon?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            businessHours: import('./BusinessHourType').BusinessHourType[];
+            toggleable?: boolean;
+            icon?: string;
+        }> & Readonly<{}>, {
+            icon: string;
+            toggleable: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            businessHours: import('./BusinessHourType').BusinessHourType[];
+            toggleable?: boolean;
+            icon?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            icon: string;
+            toggleable: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        businessHours: import('./BusinessHourType').BusinessHourType[];
+        toggleable?: boolean;
+        icon?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        icon: string;
+        toggleable: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            hint(): any;
+        }> & {
+            hint(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        businessHours: {
+            weekDay: string;
+            openingHours: {
+                from: string;
+                to: string;
+            }[];
+        }[];
+        toggleable: boolean;
+    };
+};
+export declare const Fixed: {
+    args: {
+        toggleable: boolean;
+        businessHours: {
+            weekDay: string;
+            openingHours: {
+                from: string;
+                to: string;
+            }[];
+        }[];
+    };
+};

package/components/BuisnessHours/MucBusinessHours.vue.d.ts

@@ -0,0 +1,56 @@
+import { BusinessHourType } from './BusinessHourType';
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Display a hint beneath all the opening hours.
+         */
+        hint(): any;
+    }> & {
+        /**
+         * Display a hint beneath all the opening hours.
+         */
+        hint(): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    /**
+     * This array includes all the opening hours for all days of the week.
+     */
+    businessHours: BusinessHourType[];
+    /**
+     * Lets you choose between the toggleable and fixed state of the component.
+     * In the fixed state, no toggle button will be shown.
+     */
+    toggleable?: boolean;
+    /**
+     * Choose an icon for the toggle button. The default if none is given is the time icon.
+     */
+    icon?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * This array includes all the opening hours for all days of the week.
+     */
+    businessHours: BusinessHourType[];
+    /**
+     * Lets you choose between the toggleable and fixed state of the component.
+     * In the fixed state, no toggle button will be shown.
+     */
+    toggleable?: boolean;
+    /**
+     * Choose an icon for the toggle button. The default if none is given is the time icon.
+     */
+    icon?: string;
+}> & Readonly<{}>, {
+    icon: string;
+    toggleable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Button/MucButton.stories.d.ts

@@ -0,0 +1,114 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            variant?: "primary" | "secondary" | "ghost";
+            disabled?: boolean;
+            icon?: string;
+            iconAnimated?: boolean;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: () => any;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            variant?: "primary" | "secondary" | "ghost";
+            disabled?: boolean;
+            icon?: string;
+            iconAnimated?: boolean;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+        }>, {
+            variant: "primary" | "secondary" | "ghost";
+            disabled: boolean;
+            iconAnimated: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            variant?: "primary" | "secondary" | "ghost";
+            disabled?: boolean;
+            icon?: string;
+            iconAnimated?: boolean;
+        }> & Readonly<{
+            onClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            variant: "primary" | "secondary" | "ghost";
+            disabled: boolean;
+            iconAnimated: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        variant?: "primary" | "secondary" | "ghost";
+        disabled?: boolean;
+        icon?: string;
+        iconAnimated?: boolean;
+    }> & Readonly<{
+        onClick?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: () => any;
+    }, string, {
+        variant: "primary" | "secondary" | "ghost";
+        disabled: boolean;
+        iconAnimated: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            default(): any;
+        }> & {
+            default(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    args: {
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        default: string;
+    };
+};
+export declare const Secondary: {
+    args: {
+        default: string;
+        variant: string;
+    };
+};
+export declare const Ghost: {
+    args: {
+        default: string;
+        variant: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        default: string;
+        disabled: boolean;
+    };
+};
+export declare const Icon: {
+    args: {
+        default: string;
+        icon: string;
+    };
+};
+export declare const IconAnimated: {
+    args: {
+        default: string;
+        icon: string;
+        iconAnimated: boolean;
+    };
+};

package/{dist/components → components}/Button/MucButton.vue.d.ts

@@ -1,16 +1,21 @@
 type buttonType = "primary" | "secondary" | "ghost";
-declare function __VLS_template(): Readonly<{
-    /**
-     * Display content inside the button.
-     */
-    default(): any;
-}> & {
-    /**
-     * Display content inside the button.
-     */
-    default(): any;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Display content inside the button.
+         */
+        default(): any;
+    }> & {
+        /**
+         * Display content inside the button.
+         */
+        default(): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
     /**
      * The variant prop gives you easy access to several different button styles.
      *
@@ -31,13 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
      * Default is `false`
      */
     iconAnimated?: boolean;
-}>, {
-    variant: string;
-    disabled: boolean;
-    iconAnimated: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<{
     /**
      * The variant prop gives you easy access to several different button styles.
      *
@@ -58,38 +59,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
      * Default is `false`
      */
     iconAnimated?: boolean;
-}>, {
-    variant: string;
-    disabled: boolean;
-    iconAnimated: boolean;
-}>>> & {
+}> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {
+}>, {
     variant: buttonType;
     disabled: boolean;
     iconAnimated: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-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;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};

package/components/Callout/MucCallout.stories.d.ts

@@ -0,0 +1,77 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            type?: "error" | "info" | "success" | "warning";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            type?: "error" | "info" | "success" | "warning";
+        }> & Readonly<{}>, {
+            type: "error" | "info" | "success" | "warning";
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            type?: "error" | "info" | "success" | "warning";
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            type: "error" | "info" | "success" | "warning";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        type?: "error" | "info" | "success" | "warning";
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        type: "error" | "info" | "success" | "warning";
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            icon(): any;
+            header(): any;
+            content(): any;
+        }> & {
+            icon(): any;
+            header(): any;
+            content(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        header: string;
+        content: string;
+        type: string;
+    };
+};
+export declare const Success: {
+    args: {
+        header: string;
+        type: string;
+        content: string;
+    };
+};
+export declare const Warning: {
+    args: {
+        header: string;
+        type: string;
+        content: string;
+    };
+};
+export declare const Error: {
+    args: {
+        header: string;
+        type: string;
+        content: string;
+    };
+};

package/components/Callout/MucCallout.vue.d.ts

@@ -0,0 +1,57 @@
+type calloutType = "info" | "warning" | "success" | "error";
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Icon shown above the callout. Defaults to icons matching the type.
+         */
+        icon(): any;
+        /**
+         * Heading of the callout.
+         */
+        header(): any;
+        /**
+         * Content beneath the heading shown as text.
+         */
+        content(): any;
+    }> & {
+        /**
+         * Icon shown above the callout. Defaults to icons matching the type.
+         */
+        icon(): any;
+        /**
+         * Heading of the callout.
+         */
+        header(): any;
+        /**
+         * Content beneath the heading shown as text.
+         */
+        content(): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    /**
+     * Type of the callout, default is `info`.
+     *
+     * Available are `info`, `warning`, `success` and `error`.
+     */
+    type?: calloutType;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * Type of the callout, default is `info`.
+     *
+     * Available are `info`, `warning`, `success` and `error`.
+     */
+    type?: calloutType;
+}> & Readonly<{}>, {
+    type: calloutType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};