@explorer-1/vue 0.3.3 → 0.3.4

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

@@ -0,0 +1,73 @@
+import { PropType } from 'vue';
+import { FormOption } from '../../interfaces';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** iContact group id */
+    group: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Heading */
+    heading: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Descriptive text or summary */
+    subHeading: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Fieldset title, for screen readers */
+    title: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Array of `{FormOption}s` */
+    options: {
+        type: PropType<FormOption[]>;
+        default: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** iContact group id */
+    group: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Heading */
+    heading: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Descriptive text or summary */
+    subHeading: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Fieldset title, for screen readers */
+    title: {
+        type: StringConstructor;
+        default: null;
+        required: false;
+    };
+    /** Array of `{FormOption}s` */
+    options: {
+        type: PropType<FormOption[]>;
+        default: null;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    group: string;
+    heading: string;
+    subHeading: string;
+    options: FormOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,166 @@
+import { default as BaseHeading } from './BaseHeading.vue';
+declare namespace _default {
+    export let title: string;
+    export { BaseHeading as component };
+    export namespace parameters {
+        namespace slots {
+            let _default: string;
+            export { _default as default };
+        }
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export let size: string;
+        export let level: string;
+        let _default_1: string;
+        export { _default_1 as default };
+    }
+}
+export namespace H2 {
+    let name_1: string;
+    export { name_1 as name };
+    export namespace args_1 {
+        let size_1: string;
+        export { size_1 as size };
+        let level_1: string;
+        export { level_1 as level };
+        let _default_2: string;
+        export { _default_2 as default };
+    }
+    export { args_1 as args };
+}
+export namespace H3 {
+    let name_2: string;
+    export { name_2 as name };
+    export namespace args_2 {
+        let size_2: string;
+        export { size_2 as size };
+        let level_2: string;
+        export { level_2 as level };
+        let _default_3: string;
+        export { _default_3 as default };
+    }
+    export { args_2 as args };
+}
+export namespace H4 {
+    let name_3: string;
+    export { name_3 as name };
+    export namespace args_3 {
+        let size_3: string;
+        export { size_3 as size };
+        let level_3: string;
+        export { level_3 as level };
+        let _default_4: string;
+        export { _default_4 as default };
+    }
+    export { args_3 as args };
+}
+export namespace H5 {
+    let name_4: string;
+    export { name_4 as name };
+    export namespace args_4 {
+        let size_4: string;
+        export { size_4 as size };
+        let level_4: string;
+        export { level_4 as level };
+        let _default_5: string;
+        export { _default_5 as default };
+    }
+    export { args_4 as args };
+}
+export namespace H6 {
+    let name_5: string;
+    export { name_5 as name };
+    export namespace args_5 {
+        let size_5: string;
+        export { size_5 as size };
+        let level_5: string;
+        export { level_5 as level };
+        let _default_6: string;
+        export { _default_6 as default };
+    }
+    export { args_5 as args };
+}
+export function HeadingsWithIcons(args: any): {
+    components: {
+        BaseHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            level: {
+                type: import('vue').PropType<import('./BaseHeading.vue').HeadingLevel>;
+                required: false;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('./BaseHeading.vue').HeadingLevel>;
+                required: false;
+                default: string;
+            };
+        }>, {}, {}, {
+            computedTag(): string;
+            computedClass(): string;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            level: {
+                type: import('vue').PropType<import('./BaseHeading.vue').HeadingLevel>;
+                required: false;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('./BaseHeading.vue').HeadingLevel>;
+                required: false;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            size: keyof {
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+            };
+            level: keyof {
+                h1: string;
+                h2: string;
+                h3: string;
+                h4: string;
+                h5: string;
+                h6: string;
+            };
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconArrows: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconLocation: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconUser: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace HeadingsWithIcons {
+    export namespace args_6 {
+        let size_6: string;
+        export { size_6 as size };
+        let level_6: string;
+        export { level_6 as level };
+        let _default_7: string;
+        export { _default_7 as default };
+    }
+    export { args_6 as args };
+    export namespace parameters_1 {
+        export namespace docs_1 {
+            export namespace description_1 {
+                let story: string;
+            }
+            export { description_1 as description };
+        }
+        export { docs_1 as docs };
+    }
+    export { parameters_1 as parameters };
+}

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

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+
+type HeadingAttributes = {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+};
+export type HeadingLevel = keyof HeadingAttributes;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** The semantic heading tag if different from the display size (ex: a heading needs to look like an `h4`, but semantically is an `h1`. */
+    level: {
+        type: PropType<HeadingLevel>;
+        required: false;
+        default: string;
+    };
+    /** The display size of the heading */
+    size: {
+        type: PropType<HeadingLevel>;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {
+    computedTag(): string;
+    computedClass(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** The semantic heading tag if different from the display size (ex: a heading needs to look like an `h4`, but semantically is an `h1`. */
+    level: {
+        type: PropType<HeadingLevel>;
+        required: false;
+        default: string;
+    };
+    /** The display size of the heading */
+    size: {
+        type: PropType<HeadingLevel>;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: keyof HeadingAttributes;
+    level: keyof HeadingAttributes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,141 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        imageClass: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        objectFitClass: {
+            type: import('vue').PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        srcset: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: import('vue').PropType<"lazy" | "eager" | undefined>;
+            required: false;
+            default: string;
+        };
+    }>, {}, {}, {
+        computedClass(): string;
+    }, {
+        imageFailed(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        imageClass: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        objectFitClass: {
+            type: import('vue').PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        srcset: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: import('vue').PropType<"lazy" | "eager" | undefined>;
+            required: false;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        imageClass: string;
+        objectFitClass: "fill" | "none" | "contain" | "cover" | "scaleDown";
+        srcset: string;
+        alt: string;
+        width: string | number;
+        height: string | number;
+        loading: "lazy" | "eager" | undefined;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    excludeStories: RegExp;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        html: {
+            root: string;
+        };
+    };
+};
+export default _default;
+export declare const BaseImageData: {
+    src: string;
+    srcset: string;
+    alt: string;
+    width: number;
+    height: number;
+    imageClass: string;
+    objectFitClass: string;
+};
+export declare const BaseStory: {
+    args: {
+        src: string;
+        srcset: string;
+        alt: string;
+        width: number;
+        height: number;
+        imageClass: string;
+        objectFitClass: string;
+    };
+    decorators: (() => {
+        template: string;
+    })[];
+};
+export declare const LazyLoading: {
+    args: {
+        src: string;
+        srcset: string;
+        alt: string;
+        width: number;
+        height: number;
+        imageClass: string;
+        objectFitClass: string;
+    };
+    decorators: (() => {
+        template: string;
+    })[];
+};

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

@@ -0,0 +1,117 @@
+import { PropType } from 'vue';
+
+type ImageLoader = 'lazy' | 'eager' | undefined;
+declare const objectFitClasses: {
+    readonly none: "object-none";
+    readonly contain: "object-contain";
+    readonly cover: "object-cover";
+    readonly fill: "object-fill";
+    readonly scaleDown: "object-scale-down";
+};
+type ObjectFitClassesKey = keyof typeof objectFitClasses;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** CSS classes to apply directory to the `<img>` element */
+    imageClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** Tailwind CSS object fit classes to specify how the image will scale within `BaseImagePlaceholder` */
+    objectFitClass: {
+        type: PropType<ObjectFitClassesKey>;
+        required: false;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
+    /** `<img> src` attribute */
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** `<img> srcset` attribute  */
+    srcset: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** `<img> alt` attribute */
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** `<img> width` attribute */
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /** `<img> height` attribute */
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /** `<img> loading` attribute */
+    loading: {
+        type: PropType<ImageLoader>;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {
+    computedClass(): string;
+}, {
+    imageFailed(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** CSS classes to apply directory to the `<img>` element */
+    imageClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** Tailwind CSS object fit classes to specify how the image will scale within `BaseImagePlaceholder` */
+    objectFitClass: {
+        type: PropType<ObjectFitClassesKey>;
+        required: false;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
+    /** `<img> src` attribute */
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** `<img> srcset` attribute  */
+    srcset: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** `<img> alt` attribute */
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** `<img> width` attribute */
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /** `<img> height` attribute */
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    /** `<img> loading` attribute */
+    loading: {
+        type: PropType<ImageLoader>;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    imageClass: string;
+    objectFitClass: "fill" | "none" | "contain" | "cover" | "scaleDown";
+    srcset: string;
+    alt: string;
+    width: string | number;
+    height: string | number;
+    loading: ImageLoader;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,24 @@
+import { default as BaseImageCaption } from './BaseImageCaption.vue';
+declare namespace _default {
+    export let title: string;
+    export { BaseImageCaption as component };
+    export let excludeStories: RegExp;
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;
+export namespace BaseImageCaptionData {
+    let caption: string;
+    let credit: string;
+    let detailUrl: string;
+}
+export namespace BaseStory {
+    namespace args {
+        export { BaseImageCaptionData as data };
+    }
+}