@explorer-1/vue 1.1.2 → 1.1.4

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

@@ -0,0 +1,145 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        variant: {
+            type: import('vue').PropType<"primary" | "secondary" | "dark" | "social">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        compact: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
+        blockClasses: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+            required: false;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            required: false;
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+    }>, {}, {}, {
+        tag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+        computedTo(): string | Record<string, any> | undefined;
+        theHref(): string | undefined;
+        variantClass(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        variant: {
+            type: import('vue').PropType<"primary" | "secondary" | "dark" | "social">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        compact: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
+        blockClasses: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: false;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+            required: false;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            required: false;
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        variant: "primary" | "secondary" | "dark" | "social";
+        to: string | Record<string, any>;
+        href: string;
+        ariaLabel: string;
+        compact: boolean;
+        blockClasses: string;
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    excludeStories: RegExp;
+    parameters: {
+        slots: {
+            default: string;
+            iconLeft: string;
+            iconRight: string;
+        };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const BaseButtonData: {
+    ariaLabel: string;
+    compact: boolean;
+    disabled: boolean;
+    to: string;
+    default: string;
+};
+export declare const BaseStory: {
+    name: string;
+    args: {
+        variant: string;
+        ariaLabel: string;
+        compact: boolean;
+        disabled: boolean;
+        to: string;
+        default: string;
+    };
+};
+export declare const SecondaryButton: {
+    args: {
+        variant: string;
+        ariaLabel: string;
+        compact: boolean;
+        disabled: boolean;
+        to: string;
+        default: string;
+    };
+};
+export declare const DarkButton: {
+    args: {
+        variant: string;
+        ariaLabel: string;
+        compact: boolean;
+        disabled: boolean;
+        to: string;
+        default: string;
+    };
+};

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

@@ -0,0 +1,145 @@
+import { PropType } from 'vue';
+declare const variants: {
+    readonly primary: "-primary";
+    readonly secondary: "-secondary";
+    readonly dark: "-dark";
+    readonly social: "-social";
+};
+type VariantsMapKey = keyof typeof variants;
+/**
+ * Simple button with style variations. Can be either a true `<button>` element or a link.
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Button style variants
+     */
+    variant: {
+        type: PropType<VariantsMapKey>;
+        required: false;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
+    /** Removes extra left and right padding */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /** Additional arbitrary classes to add to the button */
+    blockClasses: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** If the button should render as disabled */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /**
+     * ARIA label. Recommended if your button text isn't descriptive, or if it only contains an icon.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * If populated, a router-link will be generated. Overrides `href`.
+     * If both `to` and `href` are blank, a `<button>` element will be rendered.
+     * */
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Optional link for the button.
+     * If both `to` and `href` are blank, a `<button>` element will be rendered.
+     * */
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+}>, {}, {}, {
+    /**
+     * Whether the html element should be `<button>`, `<a>` or `<nuxt-link>`
+     */
+    tag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+    /**
+     * Necessary for valid html. Guards for `<a>` or `<nuxt-link>` use-cases
+     */
+    computedTo(): string | Record<string, any> | undefined;
+    /**
+     * Necessary for valid html. Guards for `<a>` or `<nuxt-link>` use-cases
+     */
+    theHref(): string | undefined;
+    variantClass(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Button style variants
+     */
+    variant: {
+        type: PropType<VariantsMapKey>;
+        required: false;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
+    /** Removes extra left and right padding */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /** Additional arbitrary classes to add to the button */
+    blockClasses: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    /** If the button should render as disabled */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    /**
+     * ARIA label. Recommended if your button text isn't descriptive, or if it only contains an icon.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * If populated, a router-link will be generated. Overrides `href`.
+     * If both `to` and `href` are blank, a `<button>` element will be rendered.
+     * */
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Optional link for the button.
+     * If both `to` and `href` are blank, a `<button>` element will be rendered.
+     * */
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    variant: "primary" | "secondary" | "dark" | "social";
+    to: string | Record<string, any>;
+    href: string;
+    ariaLabel: string;
+    compact: boolean;
+    blockClasses: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { default as BaseCheckboxGroup } from './BaseCheckboxGroup.vue';
+declare namespace _default {
+    export let title: string;
+    export { BaseCheckboxGroup as component };
+    export let tags: string[];
+}
+export default _default;
+export namespace BaseStory {
+    namespace args {
+        export let options: ({
+            id: string;
+            title: string;
+            text: null;
+        } | {
+            id: string;
+            title: string;
+            text: string;
+        })[];
+        export let group: string;
+        export let heading: string;
+        export let subHeading: string;
+        let title_1: string;
+        export { title_1 as title };
+    }
+}

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

@@ -0,0 +1,72 @@
+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,44 @@
+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;