@explorer-1/vue 1.0.2 → 1.0.3

package/dist/src/components/EventCard/EventCard.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { HeadingLevel } from './../BaseHeading/BaseHeading.vue';
-
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     url: {
         type: StringConstructor;
@@ -153,13 +152,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     BaseLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         variant: {
-            type: PropType<"default" | "secondary" | "primary" | "none">;
+            type: PropType<"default" | "primary" | "secondary" | "none">;
             required: false;
             default: string;
             validator: (prop: string) => boolean;
         };
         to: {
-            type: (StringConstructor | ObjectConstructor)[];
+            type: (ObjectConstructor | StringConstructor)[];
             default: undefined;
         };
         exact: {
@@ -170,6 +169,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: undefined;
         };
+        addSlash: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         title: {
             type: StringConstructor;
             default: undefined;
@@ -256,13 +259,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         addTrailingSlash(path: string): string;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("linkClicked" | "specificLinkClicked")[], "linkClicked" | "specificLinkClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         variant: {
-            type: PropType<"default" | "secondary" | "primary" | "none">;
+            type: PropType<"default" | "primary" | "secondary" | "none">;
             required: false;
             default: string;
             validator: (prop: string) => boolean;
         };
         to: {
-            type: (StringConstructor | ObjectConstructor)[];
+            type: (ObjectConstructor | StringConstructor)[];
             default: undefined;
         };
         exact: {
@@ -273,6 +276,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: undefined;
         };
+        addSlash: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         title: {
             type: StringConstructor;
             default: undefined;
@@ -332,14 +339,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onLinkClicked?: ((...args: any[]) => any) | undefined;
         onSpecificLinkClicked?: ((...args: any[]) => any) | undefined;
     }>, {
-        to: string | Record<string, any>;
         title: string;
-        variant: "default" | "secondary" | "primary" | "none";
-        href: string;
-        target: string;
+        variant: "default" | "primary" | "secondary" | "none";
+        to: string | Record<string, any>;
         exact: boolean;
+        href: string;
+        addSlash: boolean;
         ariaLabel: string;
         linkClass: string;
+        target: string;
         externalTargetBlank: boolean;
         caret: boolean;
         caretWrapperClass: string;
@@ -463,7 +471,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         objectFitClass: {
-            type: PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            type: PropType<"cover" | "fill" | "none" | "contain" | "scaleDown">;
             required: false;
             default: string;
             validator: (prop: string) => boolean;
@@ -505,7 +513,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         objectFitClass: {
-            type: PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            type: PropType<"cover" | "fill" | "none" | "contain" | "scaleDown">;
             required: false;
             default: string;
             validator: (prop: string) => boolean;
@@ -537,13 +545,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
     }>> & Readonly<{}>, {
-        imageClass: string;
-        objectFitClass: "fill" | "none" | "contain" | "cover" | "scaleDown";
-        srcset: string;
         alt: string;
         width: string | number;
         height: string | number;
+        srcset: string;
         loading: "lazy" | "eager" | undefined;
+        imageClass: string;
+        objectFitClass: "cover" | "fill" | "none" | "contain" | "scaleDown";
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     BaseImagePlaceholder: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         darkMode: {
@@ -602,87 +610,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         aspectRatio: "none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9";
         responsiveAspectRatio: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    CalendarChip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        startDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        endDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        ongoing: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        startDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        endDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        ongoing: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
+    CalendarChip: import('vue').DefineComponent<import('./../CalendarChip/CalendarChip.vue').CalendarChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./../CalendarChip/CalendarChip.vue').CalendarChipProps> & Readonly<{}>, {
         startDate: string;
         endDate: string;
         ongoing: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    MetadataEvent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        event: {
-            type: PropType<import('../../interfaces').EventCardObject>;
-            required: true;
-            default: undefined;
-        };
-        compact: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        showTime: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        allowBreak: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        showLocation: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        event: {
-            type: PropType<import('../../interfaces').EventCardObject>;
-            required: true;
-            default: undefined;
-        };
-        compact: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        showTime: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        allowBreak: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        showLocation: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    MetadataEvent: import('vue').DefineComponent<import('./../../components/MetadataEvent/MetadataEvent.vue').MetadataEventProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./../../components/MetadataEvent/MetadataEvent.vue').MetadataEventProps> & Readonly<{}>, {
         event: import('../../interfaces').EventCardObject;
         compact: boolean;
         showTime: boolean;
         allowBreak: boolean;
         showLocation: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/EventDetailHero/EventDetailHero.stories.d.ts

@@ -2,6 +2,12 @@ import { default as EventDetailHero } from './EventDetailHero.vue';
 declare namespace _default {
     export let title: string;
     export { EventDetailHero as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace constrain {
+            let description: string;
+        }
+    }
     export let decorators: (() => {
         template: string;
     })[];

package/dist/src/components/EventDetailHero/EventDetailHero.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { ImageObject } from './../../interfaces.ts';
-
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     startDate: {
         type: StringConstructor;
@@ -54,10 +53,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    image: ImageObject;
     startDate: string;
     endDate: string;
     ongoing: boolean;
+    image: ImageObject;
     constrain: boolean;
 }, {}, {
     BaseImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -67,7 +66,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         objectFitClass: {
-            type: PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            type: PropType<"cover" | "fill" | "none" | "contain" | "scaleDown">;
             required: false;
             default: string;
             validator: (prop: string) => boolean;
@@ -109,7 +108,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         objectFitClass: {
-            type: PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            type: PropType<"cover" | "fill" | "none" | "contain" | "scaleDown">;
             required: false;
             default: string;
             validator: (prop: string) => boolean;
@@ -141,13 +140,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
     }>> & Readonly<{}>, {
-        imageClass: string;
-        objectFitClass: "fill" | "none" | "contain" | "cover" | "scaleDown";
-        srcset: string;
         alt: string;
         width: string | number;
         height: string | number;
+        srcset: string;
         loading: "lazy" | "eager" | undefined;
+        imageClass: string;
+        objectFitClass: "cover" | "fill" | "none" | "contain" | "scaleDown";
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     BaseImagePlaceholder: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         darkMode: {
@@ -206,36 +205,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         aspectRatio: "none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9";
         responsiveAspectRatio: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    CalendarChip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        startDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        endDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        ongoing: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        startDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        endDate: {
-            type: PropType<string>;
-            default: undefined;
-        };
-        ongoing: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
+    CalendarChip: import('vue').DefineComponent<import('../CalendarChip/CalendarChip.vue').CalendarChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../CalendarChip/CalendarChip.vue').CalendarChipProps> & Readonly<{}>, {
         startDate: string;
         endDate: string;
         ongoing: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/FormContact/FormContact.stories.d.ts

@@ -40,8 +40,8 @@ export function BaseStory(): {
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                fullBleed: boolean;
                 indent: string;
+                fullBleed: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             BaseHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 level: {
@@ -88,7 +88,7 @@ export function BaseStory(): {
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             BaseButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 variant: {
-                    type: import('vue').PropType<"secondary" | "primary" | "dark" | "social">;
+                    type: import('vue').PropType<"primary" | "secondary" | "dark" | "social">;
                     required: false;
                     default: string;
                     validator: (prop: string) => boolean;
@@ -114,7 +114,7 @@ export function BaseStory(): {
                     required: false;
                 };
                 to: {
-                    type: (StringConstructor | ObjectConstructor)[];
+                    type: (ObjectConstructor | StringConstructor)[];
                     required: false;
                     default: undefined;
                 };
@@ -130,7 +130,7 @@ export function BaseStory(): {
                 variantClass(): string;
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 variant: {
-                    type: import('vue').PropType<"secondary" | "primary" | "dark" | "social">;
+                    type: import('vue').PropType<"primary" | "secondary" | "dark" | "social">;
                     required: false;
                     default: string;
                     validator: (prop: string) => boolean;
@@ -156,7 +156,7 @@ export function BaseStory(): {
                     required: false;
                 };
                 to: {
-                    type: (StringConstructor | ObjectConstructor)[];
+                    type: (ObjectConstructor | StringConstructor)[];
                     required: false;
                     default: undefined;
                 };
@@ -168,226 +168,64 @@ export function BaseStory(): {
             }>> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, {
+                variant: "primary" | "secondary" | "dark" | "social";
                 to: string | Record<string, any>;
-                disabled: boolean;
-                variant: "secondary" | "primary" | "dark" | "social";
                 href: string;
                 ariaLabel: string;
                 compact: boolean;
                 blockClasses: string;
+                disabled: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            TextArea: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<any>;
-                label: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                    default: undefined;
-                };
-                required: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                rows: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                inputName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                showLabel: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                labelClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                inputClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                cols: {
-                    type: import('vue').PropType<number>;
-                    default: undefined;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            TextArea: import('vue').DefineComponent<{
+                modelValue?: string | undefined;
+            } & import('../TextArea/TextArea.vue').TextAreaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (...args: any[]) => void;
                 esc: (...args: any[]) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<any>;
-                label: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                    default: undefined;
-                };
-                required: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                rows: {
-                    type: import('vue').PropType<number>;
-                    default: number;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                inputName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                showLabel: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                labelClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                inputClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                cols: {
-                    type: import('vue').PropType<number>;
-                    default: undefined;
-                };
-            }>> & Readonly<{
+                "update:modelValue": (value: string | undefined) => void;
+            }, string, import('vue').PublicProps, Readonly<{
+                modelValue?: string | undefined;
+            } & import('../TextArea/TextArea.vue').TextAreaProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onEsc?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
             }>, {
                 label: string;
                 required: boolean;
-                rows: number;
                 placeholder: string;
+                rows: number;
                 showLabel: boolean;
                 labelClass: string;
                 inputClass: string;
                 cols: number;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<any>;
-                type: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                label: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                pattern: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                required: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                autoFocus: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                inputName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                showLabel: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                maxlength: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                labelClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                inputClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+                TextAreaRef: HTMLTextAreaElement;
+            }, HTMLDivElement>;
+            TextInput: import('vue').DefineComponent<{
+                modelValue?: string | undefined;
+            } & import('../TextInput/TextInput.vue').TextInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (...args: any[]) => void;
                 esc: (...args: any[]) => void;
-            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<any>;
-                type: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                label: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                title: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                pattern: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                required: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                autoFocus: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                inputName: {
-                    type: import('vue').PropType<string>;
-                    required: true;
-                };
-                showLabel: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                maxlength: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                labelClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                inputClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-            }>> & Readonly<{
+                "update:modelValue": (value: string | undefined) => void;
+            }, string, import('vue').PublicProps, Readonly<{
+                modelValue?: string | undefined;
+            } & import('../TextInput/TextInput.vue').TextInputProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
                 onEsc?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
             }>, {
-                type: string;
                 title: string;
                 pattern: string;
                 required: boolean;
+                type: string;
                 placeholder: string;
                 autoFocus: boolean;
                 showLabel: boolean;
                 maxlength: string;
                 labelClass: string;
                 inputClass: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+                TextInputRef: HTMLInputElement;
+            }, HTMLDivElement>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
     template: string;