@muenchen/muc-patternlab-vue 1.8.0 → 1.9.0

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.
  */
-:root {
+:host {
     --color-brand-main-blue: #005A9F;
     --color-neutrals-blue: #BDD4EA;
     --color-neutrals-blue-xlight: #F2F6FA;

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?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & 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,11 +61,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;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -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

@@ -14,9 +14,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      * Choose an icon to be appended behind the slot. No icon will be placed if the prop is left empty.
      */
     icon?: string | undefined;
+    /**
+     * Wether the Icon should be animated on hover (slide-right) or not.
+     *
+     * Default is `false`
+     */
+    iconAnimated?: boolean | undefined;
 }>, {
     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<{
@@ -34,14 +41,22 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      * Choose an icon to be appended behind the slot. No icon will be placed if the prop is left empty.
      */
     icon?: string | undefined;
+    /**
+     * Wether the Icon should be animated on hover (slide-right) or not.
+     *
+     * Default is `false`
+     */
+    iconAnimated?: boolean | undefined;
 }>, {
     variant: string;
     disabled: boolean;
+    iconAnimated: boolean;
 }>>> & {
     onClick?: (() => any) | undefined;
 }, {
     variant: buttonType;
     disabled: boolean;
+    iconAnimated: boolean;
 }, {}>, Readonly<{
     /**
      * Display content inside the button.

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

@@ -0,0 +1,93 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        text: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import('vue').PropType<import('./CommentType').default>;
+            default: string;
+        };
+        rating: {
+            type: import('vue').PropType<number>;
+            required: true;
+        };
+        date: {
+            type: import('vue').PropType<string>;
+        };
+        initials: {
+            type: import('vue').PropType<string>;
+        };
+        author: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        datePrefix: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        headline: {
+            type: import('vue').PropType<string>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        variant: {
+            type: import('vue').PropType<import('./CommentType').default>;
+            default: string;
+        };
+        rating: {
+            type: import('vue').PropType<number>;
+            required: true;
+        };
+        date: {
+            type: import('vue').PropType<string>;
+        };
+        initials: {
+            type: import('vue').PropType<string>;
+        };
+        author: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        datePrefix: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        headline: {
+            type: import('vue').PropType<string>;
+        };
+    }>>, {
+        variant: import('./CommentType').default;
+        datePrefix: string;
+    }, {}>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        rating: number;
+        author: string;
+        headline: string;
+        text: string;
+    };
+};
+export declare const Slider: {
+    args: {
+        rating: number;
+        author: string;
+        headline: string;
+        variant: string;
+        text: string;
+    };
+};

package/dist/components/Comment/MucCommentText.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     headline?: string | undefined;
     text: string;
     rating: number;
-    variant: CommentType;
+    variant?: CommentType | undefined;
 }>, {
     datePrefix: string;
     variant: string;
@@ -20,7 +20,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     headline?: string | undefined;
     text: string;
     rating: number;
-    variant: CommentType;
+    variant?: CommentType | undefined;
 }>, {
     datePrefix: string;
     variant: string;

package/dist/components/Icon/MucIcon.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        icon: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+    }>>, {}, {}>;
+    title: string;
+    tags: string[];
+    args: {
+        onClick: import('@vitest/spy').Mock<any, any>;
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Weather: {
+    args: {
+        icon: string;
+    };
+};
+export declare const Youtube: {
+    args: {
+        icon: string;
+        color: string;
+    };
+};

package/dist/components/Icon/MucIcon.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * String of the icon to be displayed.
+     */
+    icon: string;
+    /**
+     * Optional css-color for the icon.
+     */
+    color?: string | undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * String of the icon to be displayed.
+     */
+    icon: string;
+    /**
+     * Optional css-color for the icon.
+     */
+    color?: string | undefined;
+}>>>, {}, {}>;
+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;
+    };
+};

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MucIcon } from './MucIcon.vue';
+
+export { MucIcon };

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ import { MucButton } from './Button';
 import { MucCallout } from './Callout';
 import { MucCard, MucCardContainer } from './Card';
 import { MucComment, MucCommentText } from './Comment/';
+import { MucIcon } from './Icon';
 import { MucIntro } from './Intro';
 
-export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, };
+export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucIcon, };