@muenchen/muc-patternlab-vue 1.8.1 → 1.9.1

package/dist/assets/temporary/custom-style.css

@@ -2,7 +2,7 @@
  * We need this css to ensure the correct patternlab
  * behaviour inside of a webcomponent.
  */
-:host {
+:host, :root {
     --color-brand-main-blue: #005A9F;
     --color-neutrals-blue: #BDD4EA;
     --color-neutrals-blue-xlight: #F2F6FA;

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

@@ -27,9 +27,9 @@ declare const _default: {
         }>>, {}, {}, {}, {}, {
             type: "info" | "warning" | "emergency";
         }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         type: {
             type: import('vue').PropType<"info" | "warning" | "emergency">;

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

@@ -1,31 +1,33 @@
 type bannerType = "info" | "warning" | "emergency";
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare function __VLS_template(): Readonly<{
+    /**
+     * Text-content of the banner.
+     */
+    default(): any;
+}> & {
+    /**
+     * Text-content of the banner.
+     */
+    default(): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
      */
-    type?: bannerType | undefined;
+    type?: bannerType;
 }>, {
     type: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Changes the style of the banner. Available types are `info`, `warning` and `emergency`.
      */
-    type?: bannerType | undefined;
+    type?: bannerType;
 }>, {
     type: string;
 }>>>, {
     type: bannerType;
-}, {}>, Readonly<{
-    /**
-     * Text-content of the banner.
-     */
-    default(): any;
-}> & {
-    /**
-     * Text-content of the banner.
-     */
-    default(): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/BuisnessHours/BusinessHourType.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Shorthand notation of all seven days in german.
+ *
+ * @typedef {"Mo" | "Di" | "Mi" | "Do" | "Fr" | "Sa" | "So"} WeekDays
+ */
+type WeekDays = "Mo" | "Di" | "Mi" | "Do" | "Fr" | "Sa" | "So";
+/**
+ * @typedef {Object} OpeningHour
+ * @property {string} from - The start time of the opening period (in 'HH:mm' format).
+ * @property {string} to - The end time of the opening period (in 'HH:mm' format).
+ */
+type OpeningHour = {
+    from: string;
+    to: string;
+};
+/**
+ * @typedef {Object} BusinessHourType
+ * @property {WeekDays} weekDay - The day of the week for which the opening hours apply.
+ * @property {OpeningHour[]} openingHours - A list of opening hours for the specified day of the week.
+ */
+type BusinessHourType = {
+    weekDay: WeekDays;
+    openingHours: OpeningHour[];
+};
+export type { BusinessHourType, OpeningHour, WeekDays };

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

@@ -0,0 +1,116 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            businessHours: {
+                type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
+                required: true;
+            };
+            toggleable: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            businessHours: {
+                type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
+                required: true;
+            };
+            toggleable: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {
+            icon: string;
+            toggleable: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            businessHours: {
+                type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
+                required: true;
+            };
+            toggleable: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, {
+            icon: string;
+            toggleable: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        businessHours: {
+            type: import('vue').PropType<import('./BusinessHourType').BusinessHourType[]>;
+            required: true;
+        };
+        toggleable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        icon: string;
+        toggleable: boolean;
+    }, {}, string, {}> & 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/dist/components/Button/MucButton.stories.d.ts

@@ -12,6 +12,10 @@ declare const _default: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            iconAnimated: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onClick?: (() => any) | undefined;
         }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -28,11 +32,16 @@ declare const _default: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            iconAnimated: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onClick?: (() => any) | undefined;
         }, {
             variant: "primary" | "secondary" | "ghost";
             disabled: boolean;
+            iconAnimated: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -52,15 +61,20 @@ declare const _default: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
+            iconAnimated: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onClick?: (() => any) | undefined;
         }, {}, {}, {}, {}, {
             variant: "primary" | "secondary" | "ghost";
             disabled: boolean;
+            iconAnimated: boolean;
         }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         icon: {
             type: import('vue').PropType<string>;
@@ -73,6 +87,10 @@ declare const _default: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        iconAnimated: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onClick?: (() => any) | undefined;
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -80,6 +98,7 @@ declare const _default: {
     }, string, {
         variant: "primary" | "secondary" | "ghost";
         disabled: boolean;
+        iconAnimated: boolean;
     }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             default(): any;
@@ -130,3 +149,10 @@ export declare const Icon: {
         icon: string;
     };
 };
+export declare const IconAnimated: {
+    args: {
+        default: string;
+        icon: string;
+        iconAnimated: boolean;
+    };
+};

package/dist/components/Button/MucButton.vue.d.ts

@@ -1,22 +1,40 @@
 type buttonType = "primary" | "secondary" | "ghost";
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare function __VLS_template(): Readonly<{
+    /**
+     * Display content inside the button.
+     */
+    default(): any;
+}> & {
+    /**
+     * Display content inside the button.
+     */
+    default(): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * The variant prop gives you easy access to several different button styles.
      *
      * Available are `primary`, `secondary` and `ghost`.
      */
-    variant?: buttonType | undefined;
+    variant?: buttonType;
     /**
      * Let`s you indicate that the button is not currently interactive or clickable.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Choose an icon to be appended behind the slot. No icon will be placed if the prop is left empty.
      */
-    icon?: string | undefined;
+    icon?: string;
+    /**
+     * Wether the Icon should be animated on hover (slide-right) or not.
+     *
+     * 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_TypePropsToRuntimeProps<{
@@ -25,34 +43,33 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      *
      * Available are `primary`, `secondary` and `ghost`.
      */
-    variant?: buttonType | undefined;
+    variant?: buttonType;
     /**
      * Let`s you indicate that the button is not currently interactive or clickable.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Choose an icon to be appended behind the slot. No icon will be placed if the prop is left empty.
      */
-    icon?: string | undefined;
+    icon?: string;
+    /**
+     * Wether the Icon should be animated on hover (slide-right) or not.
+     *
+     * Default is `false`
+     */
+    iconAnimated?: boolean;
 }>, {
     variant: string;
     disabled: boolean;
+    iconAnimated: boolean;
 }>>> & {
     onClick?: (() => any) | undefined;
 }, {
     variant: buttonType;
     disabled: boolean;
-}, {}>, Readonly<{
-    /**
-     * Display content inside the button.
-     */
-    default(): any;
-}> & {
-    /**
-     * Display content inside the button.
-     */
-    default(): any;
-}>;
+    iconAnimated: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -27,9 +27,9 @@ declare const _default: {
         }>>, {}, {}, {}, {}, {
             type: "info" | "warning" | "success" | "error";
         }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         type: {
             type: import('vue').PropType<"info" | "warning" | "success" | "error">;

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

@@ -1,25 +1,5 @@
 type calloutType = "info" | "warning" | "success" | "error";
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Type of the callout, default is `info`.
-     *
-     * Available are `info`, `warning`, `success` and `error`.
-     */
-    type?: calloutType | undefined;
-}>, {
-    type: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Type of the callout, default is `info`.
-     *
-     * Available are `info`, `warning`, `success` and `error`.
-     */
-    type?: calloutType | undefined;
-}>, {
-    type: string;
-}>>>, {
-    type: calloutType;
-}, {}>, Readonly<{
+declare function __VLS_template(): Readonly<{
     /**
      * Icon shown above the callout. Defaults to icons matching the type.
      */
@@ -45,7 +25,29 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      * Content beneath the heading shown as text.
      */
     content(): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Type of the callout, default is `info`.
+     *
+     * Available are `info`, `warning`, `success` and `error`.
+     */
+    type?: calloutType;
+}>, {
+    type: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Type of the callout, default is `info`.
+     *
+     * Available are `info`, `warning`, `success` and `error`.
+     */
+    type?: calloutType;
+}>, {
+    type: string;
+}>>>, {
+    type: calloutType;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/Card/MucCard.stories.d.ts

@@ -43,9 +43,9 @@ declare const _default: {
         }>> & {
             onClick?: ((click: Event) => any) | undefined;
         }, {}, {}, {}, {}, {}>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         title: {
             type: import('vue').PropType<string>;
@@ -135,9 +135,9 @@ export declare const WithHeaderPrefix: () => {
             }>> & {
                 onClick?: ((click: Event) => any) | undefined;
             }, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             title: {
                 type: import('vue').PropType<string>;

package/dist/components/Card/MucCard.vue.d.ts

@@ -1,14 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    title: string;
-    tagline: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (click: Event) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    title: string;
-    tagline: string;
-}>>> & {
-    onClick?: ((click: Event) => any) | undefined;
-}, {}, {}>, Readonly<{
+declare function __VLS_template(): Readonly<{
     /**
      * Icon shown above the callout. Defaults to icons matching the type.
      */
@@ -26,7 +16,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      * Content beneath the heading shown as text.
      */
     content(): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    tagline: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (click: Event) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    title: string;
+    tagline: string;
+}>>> & {
+    onClick?: ((click: Event) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/Card/MucCardContainer.stories.d.ts

@@ -9,9 +9,9 @@ declare const _default: {
                 M: {};
                 Defaults: {};
             }, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: Readonly<{
                 default(): any;
@@ -29,9 +29,9 @@ declare const _default: {
             M: {};
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             default(): any;
@@ -64,9 +64,9 @@ export declare const Template: () => {
                 M: {};
                 Defaults: {};
             }, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: Readonly<{
                 default(): any;
@@ -118,9 +118,9 @@ export declare const Template: () => {
             }>> & {
                 onClick?: ((click: Event) => any) | undefined;
             }, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             title: {
                 type: import('vue').PropType<string>;

package/dist/components/Card/MucCardContainer.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>, Readonly<{
+declare function __VLS_template(): Readonly<{
     /**
      * MucCards can be put into this slot.
      */
@@ -8,7 +8,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}
      * MucCards can be put into this slot.
      */
     default(): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Comment/MucComment.stories.d.ts

@@ -39,9 +39,9 @@ declare const _default: {
         }>>, {}, {}, {}, {}, {
             variant: import('./CommentType').default;
         }>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         variant: {
             type: import('vue').PropType<import('./CommentType').default>;