@visitscotland/component-library 4.4.1 → 4.4.4

package/dist/components/components/button/Button.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Use this option to render the button as an anchor element with the given href.
      */
@@ -70,14 +70,14 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
-}, any, {
+}>, {}, {
     isAnimating: boolean;
 }, {
     buttonClasses(): {
         'vs-button--animated': boolean;
         'vs-button--is-animating': boolean;
-        'vs-button--rounded': any;
-        'vs-button--icon-only': any;
+        'vs-button--rounded': boolean;
+        'vs-button--icon-only': boolean;
         'button-flex': boolean;
         'vs-button--flex-reverse': boolean;
     }[];
@@ -178,17 +178,580 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
-}>> & {
+}>> & Readonly<{
     onBtnFocus?: (...args: any[]) => any;
-}, {
-    size: string;
-    animate: boolean;
+}>, {
     variant: string;
+    size: string;
     icon: string;
     href: string;
     tabindex: string;
+    animate: boolean;
     rounded: boolean;
     iconOnly: boolean;
     iconPosition: string;
-}, {}>;
+}, {}, {
+    BButton: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            pressed: import('vue').PropType<boolean | undefined>;
+            tag: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            type: {
+                type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
+                default: string;
+            };
+            replace: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            target: {
+                type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                default: undefined;
+            };
+            to: {
+                type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
+                default: undefined;
+            };
+            append: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            href: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            rel: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            size: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                default: string;
+            };
+            active: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            activeClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            routerComponentName: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            variant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
+                default: string;
+            };
+            opacity: {
+                type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            opacityHover: {
+                type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            underlineVariant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
+                default: undefined;
+            };
+            underlineOffset: {
+                type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                default: undefined;
+            };
+            underlineOffsetHover: {
+                type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                default: undefined;
+            };
+            underlineOpacity: {
+                type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            underlineOpacityHover: {
+                type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            pill: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            icon: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            routerTag: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            exactActiveClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            loading: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            loadingFill: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            loadingText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            squared: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClick?: ((value: MouseEvent) => any) | undefined;
+        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (value: MouseEvent) => void;
+        }, import('vue').PublicProps, {
+            tag: string;
+            type: import('bootstrap-vue-next').ButtonType;
+            replace: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            to: import('vue-router').RouteLocationRaw;
+            append: boolean;
+            disabled: boolean;
+            href: string;
+            rel: string;
+            size: keyof import('bootstrap-vue-next').BaseSize;
+            active: boolean;
+            activeClass: string;
+            routerComponentName: string;
+            variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
+            opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+            underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
+            underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
+            underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            pill: boolean;
+            icon: boolean;
+            routerTag: string;
+            exactActiveClass: string;
+            loading: boolean;
+            loadingFill: boolean;
+            loadingText: string;
+            squared: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            pressed: import('vue').PropType<boolean | undefined>;
+            tag: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            type: {
+                type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
+                default: string;
+            };
+            replace: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            target: {
+                type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                default: undefined;
+            };
+            to: {
+                type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
+                default: undefined;
+            };
+            append: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            href: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            rel: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            size: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                default: string;
+            };
+            active: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            activeClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            routerComponentName: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            variant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
+                default: string;
+            };
+            opacity: {
+                type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            opacityHover: {
+                type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            underlineVariant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
+                default: undefined;
+            };
+            underlineOffset: {
+                type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                default: undefined;
+            };
+            underlineOffsetHover: {
+                type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                default: undefined;
+            };
+            underlineOpacity: {
+                type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            underlineOpacityHover: {
+                type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                default: undefined;
+            };
+            pill: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            icon: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            routerTag: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            exactActiveClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            loading: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            loadingFill: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            loadingText: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            squared: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClick?: ((value: MouseEvent) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            tag: string;
+            type: import('bootstrap-vue-next').ButtonType;
+            replace: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            to: import('vue-router').RouteLocationRaw;
+            append: boolean;
+            disabled: boolean;
+            href: string;
+            rel: string;
+            size: keyof import('bootstrap-vue-next').BaseSize;
+            active: boolean;
+            activeClass: string;
+            routerComponentName: string;
+            variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
+            opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+            underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
+            underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
+            underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+            pill: boolean;
+            icon: boolean;
+            routerTag: string;
+            exactActiveClass: string;
+            loading: boolean;
+            loadingFill: boolean;
+            loadingText: string;
+            squared: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        pressed: import('vue').PropType<boolean | undefined>;
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        type: {
+            type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
+            default: string;
+        };
+        replace: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        target: {
+            type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+            default: undefined;
+        };
+        to: {
+            type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
+            default: undefined;
+        };
+        append: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        href: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        rel: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+            default: string;
+        };
+        active: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        activeClass: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        routerComponentName: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        variant: {
+            type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
+            default: string;
+        };
+        opacity: {
+            type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+            default: undefined;
+        };
+        opacityHover: {
+            type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+            default: undefined;
+        };
+        underlineVariant: {
+            type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
+            default: undefined;
+        };
+        underlineOffset: {
+            type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+            default: undefined;
+        };
+        underlineOffsetHover: {
+            type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+            default: undefined;
+        };
+        underlineOpacity: {
+            type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+            default: undefined;
+        };
+        underlineOpacityHover: {
+            type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+            default: undefined;
+        };
+        pill: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        icon: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        routerTag: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        exactActiveClass: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loadingFill: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loadingText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        squared: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClick?: ((value: MouseEvent) => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (value: MouseEvent) => void;
+    }, string, {
+        tag: string;
+        type: import('bootstrap-vue-next').ButtonType;
+        replace: boolean;
+        target: import('bootstrap-vue-next').LinkTarget;
+        to: import('vue-router').RouteLocationRaw;
+        append: boolean;
+        disabled: boolean;
+        href: string;
+        rel: string;
+        size: keyof import('bootstrap-vue-next').BaseSize;
+        active: boolean;
+        activeClass: string;
+        routerComponentName: string;
+        variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
+        opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+        opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+        underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+        underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
+        underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
+        underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+        underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+        pill: boolean;
+        icon: boolean;
+        routerTag: string;
+        exactActiveClass: string;
+        loading: boolean;
+        loadingFill: boolean;
+        loadingText: string;
+        squared: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            default?: ((props: Record<string, never>) => any) | undefined;
+            loading?: ((props: Record<string, never>) => any) | undefined;
+            'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
+        }> & {
+            default?: ((props: Record<string, never>) => any) | undefined;
+            loading?: ((props: Record<string, never>) => any) | undefined;
+            'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
+        };
+    });
+    VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        customColour: {
+            type: StringConstructor;
+            default: any;
+        };
+        orientation: {
+            type: StringConstructor;
+            default: any;
+            validator: (value: unknown) => any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        smallSize: {
+            type: StringConstructor;
+            default: any;
+            validator: (value: unknown) => any;
+        };
+        duotone: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        iconLookup: {
+            key: string;
+            value: string;
+        }[];
+    }, {
+        icon(): string;
+        formattedName(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        customColour: {
+            type: StringConstructor;
+            default: any;
+        };
+        orientation: {
+            type: StringConstructor;
+            default: any;
+            validator: (value: unknown) => any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        smallSize: {
+            type: StringConstructor;
+            default: any;
+            validator: (value: unknown) => any;
+        };
+        duotone: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        variant: string;
+        customColour: string;
+        orientation: string;
+        size: string;
+        smallSize: string;
+        duotone: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;