@muenchen/muc-patternlab-vue 1.8.0-beta.5 → 1.8.0-beta.7

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.