@visitscotland/component-library 5.60.0 → 5.61.1

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

@@ -1,1002 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Use this option to render the button as an anchor element with the given href.
-     */
-    href: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Tab index value - this is needed as tabindex attribute is sometimes stripped
-     * from the button on first update with nested components.
-     */
-    tabindex: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Style variation to give additional meaning
-     * `primary|secondary|subtle`.
-     */
-    variant: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => any;
-    };
-    /**
-     * Size of the button
-     * `sm|md|lg`.
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => any;
-    };
-    /**
-     * By default, buttons have an animation behaviour on click.
-     * Pass `false` to disable.
-     */
-    animate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Pass the name of the icon to add it to the button.
-     */
-    rounded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Pass the name of the icon to add it to the button.
-     */
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If the button contains an icon only with no text.
-     */
-    iconOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Breakpoint at which button label becomes visible.
-     * Button shows as icon-only below this breakpoint.
-     */
-    showLabelBreakpoint: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => boolean;
-    };
-    /**
-     * If the button should appear in its active/pressed state
-     */
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The position of the icon
-     * `left|right`
-     */
-    iconPosition: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => any;
-    };
-}>, {}, {
-    isAnimating: boolean;
-}, {
-    buttonClasses(): {
-        [x: string]: string | boolean;
-        'vs-button--animated': boolean;
-        'vs-button--is-animating': boolean;
-        'vs-button--rounded': boolean;
-        'vs-button--icon-only': boolean;
-        'vs-button--active': boolean;
-        'vs-button--flex-reverse': boolean;
-    };
-    iconClasses(): {
-        'vs-icon--right': boolean;
-        'vs-icon--left': boolean;
-    }[];
-    buttonLabelClasses(): {
-        [x: string]: string | true;
-        'visually-hidden': string | true;
-    };
-}, {
-    animateHandler(event: any): void;
-    tabbedIn(event: any): void;
-    trackLink(event: any): void;
-}, {
-    computed: {
-        pageUrl: () => string;
-    };
-    data(): {
-        dataLayerLoadConfirmed: boolean;
-        dataLayerStore: any;
-    };
-    mounted(): void;
-    methods: {
-        templateFiller(template: any, values: any): {};
-        createDataLayerObject(type: any, event: any, href: any): void;
-        returnIsoDate(): string;
-        pushToDataLayer(object: any): void;
-        compileFullTemplate(templateValues: any): any;
-        targetText(event: any): any;
-    };
-}, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Use this option to render the button as an anchor element with the given href.
-     */
-    href: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Tab index value - this is needed as tabindex attribute is sometimes stripped
-     * from the button on first update with nested components.
-     */
-    tabindex: {
-        type: StringConstructor;
-        default: any;
-    };
-    /**
-     * Style variation to give additional meaning
-     * `primary|secondary|subtle`.
-     */
-    variant: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => any;
-    };
-    /**
-     * Size of the button
-     * `sm|md|lg`.
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => any;
-    };
-    /**
-     * By default, buttons have an animation behaviour on click.
-     * Pass `false` to disable.
-     */
-    animate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Pass the name of the icon to add it to the button.
-     */
-    rounded: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Pass the name of the icon to add it to the button.
-     */
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If the button contains an icon only with no text.
-     */
-    iconOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Breakpoint at which button label becomes visible.
-     * Button shows as icon-only below this breakpoint.
-     */
-    showLabelBreakpoint: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => boolean;
-    };
-    /**
-     * If the button should appear in its active/pressed state
-     */
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The position of the icon
-     * `left|right`
-     */
-    iconPosition: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => any;
-    };
-}>> & Readonly<{
-    onBtnFocus?: (...args: any[]) => any;
-}>, {
-    icon: string;
-    variant: string;
-    size: string;
-    href: string;
-    active: boolean;
-    tabindex: string;
-    animate: boolean;
-    rounded: boolean;
-    iconOnly: boolean;
-    showLabelBreakpoint: string;
-    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<{
-        icon: {
-            type: StringConstructor;
-            required: true;
-        };
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        customColour: {
-            type: StringConstructor;
-            default: any;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        smallSize: {
-            type: StringConstructor;
-            default: any;
-            validator: (value: unknown) => any;
-        };
-    }>, {}, {
-        tokens: {
-            "vs-color-background-primary": string;
-            "vs-color-background-secondary": string;
-            "vs-color-background-bold": string;
-            "vs-color-background-brand": string;
-            "vs-color-background-inverse": string;
-            "vs-color-background-highlight": string;
-            "vs-color-background-information": string;
-            "vs-color-background-success": string;
-            "vs-color-background-warning": string;
-            "vs-color-background-error": string;
-            "vs-color-background-accent-heather-80": string;
-            "vs-color-background-accent-heather-30": string;
-            "vs-color-background-accent-tolsta-40": string;
-            "vs-color-background-accent-gorse-05": string;
-            "vs-color-border-primary": string;
-            "vs-color-border-secondary": string;
-            "vs-color-border-inverse": string;
-            "vs-color-border-input": string;
-            "vs-color-border-highlight": string;
-            "vs-color-border-bold": string;
-            "vs-color-border-success": string;
-            "vs-color-border-warning": string;
-            "vs-color-border-error": string;
-            "vs-color-border-disabled": string;
-            "vs-color-border-accent-thistle-20": string;
-            "vs-color-icon-primary": string;
-            "vs-color-icon-secondary": string;
-            "vs-color-icon-tertiary": string;
-            "vs-color-icon-inverse": string;
-            "vs-color-icon-cta-on-light": string;
-            "vs-color-icon-highlight": string;
-            "vs-color-icon-success": string;
-            "vs-color-icon-warning": string;
-            "vs-color-icon-error": string;
-            "vs-color-icon-disabled": string;
-            "vs-color-icon-accent-saltire-30": string;
-            "vs-color-icon-accent-thistle-20": string;
-            "vs-color-icon-ski-easy": string;
-            "vs-color-icon-ski-intermediate": string;
-            "vs-color-icon-ski-difficult": string;
-            "vs-color-icon-ski-very-difficult": string;
-            "vs-color-icon-ski-itineraries": string;
-            "vs-color-icon-ski-other": string;
-            "vs-color-icon-accent-loch-ness": string;
-            "vs-color-icon-accent-grey-02": string;
-            "vs-color-icon-accent-saltire": string;
-            "vs-color-icon-accent-bramble": string;
-            "vs-color-icon-accent-heather": string;
-            "vs-color-icon-accent-whisky": string;
-            "vs-color-icon-accent-cranachan": string;
-            "vs-color-icon-accent-buachaille": string;
-            "vs-color-interaction-focus": string;
-            "vs-color-interaction-focus-on-bold": string;
-            "vs-color-interaction-cta-primary": string;
-            "vs-color-interaction-cta-secondary": string;
-            "vs-color-interaction-cta-hover": string;
-            "vs-color-interaction-cta-pressed": string;
-            "vs-color-interaction-cta-disabled": string;
-            "vs-color-interaction-cta-subtle-hover": string;
-            "vs-color-interaction-cta-subtle-pressed": string;
-            "vs-color-interaction-cta-subtle": string;
-            "vs-color-interaction-link-primary": string;
-            "vs-color-interaction-link-secondary": string;
-            "vs-color-interaction-link-active": string;
-            "vs-color-interaction-link-visited": string;
-            "vs-color-interaction-link-disabled": string;
-            "vs-color-interaction-link-visited-on-bold": string;
-            "vs-color-text-primary": string;
-            "vs-color-text-secondary": string;
-            "vs-color-text-tertiary": string;
-            "vs-color-text-inverse": string;
-            "vs-color-text-cta-on-light": string;
-            "vs-color-text-highlight": string;
-            "vs-color-text-brand": string;
-            "vs-color-text-error": string;
-            "vs-color-text-success": string;
-            "vs-color-text-disabled": string;
-            breakpoint_xl: string;
-            grid_container_width_xl: string;
-            breakpoint_md: string;
-            max_container_width_xl: string;
-            grid_container_width_md: string;
-            breakpoint_sm: string;
-            breakpoint_lg: string;
-            breakpoint_xs: string;
-            max_container_width_md: string;
-            grid_container_width_sm: string;
-            grid_container_width_lg: string;
-            max_container_width_sm: string;
-            max_container_width_lg: string;
-            max_container_width_xxl: string;
-            grid_container_width_xxl: string;
-            breakpoint_xxl: string;
-            grid_columns: string;
-            grid_gutter_width: string;
-            "vs-spacer-0": string;
-            "vs-spacer-0125": string;
-            "vs-spacer-025": string;
-            "vs-spacer-050": string;
-            "vs-spacer-075": string;
-            "vs-spacer-100": string;
-            "vs-spacer-125": string;
-            "vs-spacer-150": string;
-            "vs-spacer-175": string;
-            "vs-spacer-200": string;
-            "vs-spacer-225": string;
-            "vs-spacer-250": string;
-            "vs-spacer-300": string;
-            "vs-spacer-400": string;
-            "vs-spacer-500": string;
-            "vs-spacer-600": string;
-            "vs-spacer-700": string;
-            "vs-radius-medium": string;
-            "vs-radius-none": string;
-            "vs-radius-large-increased": string;
-            "vs-radius-extra-large-increased": string;
-            "vs-radius-tiny": string;
-            "vs-radius-large": string;
-            "vs-radius-extra-large": string;
-            "vs-radius-extra-extra-large": string;
-            "vs-radius-huge": string;
-            "vs-radius-full": string;
-            "vs-radius-small": string;
-            "vs-elevation-shadow-raised": string;
-            "vs-elevation-shadow-overlay": string;
-            "vs-elevation-surface": string;
-            "vs-elevation-surface-section": string;
-            "vs-elevation-surface-raised": string;
-            "vs-elevation-surface-overlay": string;
-            "vs-focus-shadow": string;
-            "vs-focus-shadow-on-dark": string;
-            "vs-border-width-sm": string;
-            "vs-border-width-md": string;
-            "vs-font-size-display-m": string;
-            "vs-font-size-display-s": string;
-            "vs-font-size-heading-xl": string;
-            "vs-font-size-heading-l": string;
-            "vs-font-size-heading-m": string;
-            "vs-font-size-heading-s": string;
-            "vs-font-size-heading-xs": string;
-            "vs-font-size-heading-xxs": string;
-            "vs-font-size-heading-xxxs": string;
-            "vs-font-size-detail-l": string;
-            "vs-font-size-detail-m": string;
-            "vs-font-size-detail-s": string;
-            "vs-font-size-body-l": string;
-            "vs-font-size-body-m": string;
-            "vs-font-size-body-s": string;
-            "vs-font-weight-strong": string;
-            "vs-font-weight-medium": string;
-            "vs-font-weight-regular": string;
-            "vs-font-weight-subtle": string;
-            "vs-font-weight-heading": string;
-            "vs-font-weight-body": string;
-            "vs-font-weight-detail": string;
-            "vs-font-family-sans-serif": string;
-            "vs-font-family-display": string;
-            "vs-line-height-heading": number;
-            "vs-line-height-detail": number;
-            "vs-line-height-body": number;
-            "vs-letter-spacing-display": string;
-            "vs-letter-spacing-heading": string;
-            "vs-letter-spacing-detail": string;
-            "vs-letter-spacing-body": string;
-            icon_size_xxs: string;
-            icon_size_xs: string;
-            icon_size_sm: string;
-            icon_size_md: string;
-            icon_size_lg: string;
-            icon_size_xl: string;
-            "vs-icon-facility-audio-loop": string;
-            "vs-icon-control-collapse": string;
-            "vs-icon-facility-wheelchair-access": string;
-            "vs-icon-control-pause": string;
-            "vs-icon-facility-cafe": string;
-            "vs-icon-feedback-error": string;
-            "vs-icon-facility-accessible-parking": string;
-            "vs-icon-control-next": string;
-            "vs-icon-control-filters": string;
-            "vs-icon-feedback-information": string;
-            "vs-icon-control-external-link": string;
-            "vs-icon-control-play": string;
-            "vs-icon-facility-accessible-dining": string;
-            "vs-icon-control-previous": string;
-            "vs-icon-facility-public-transport": string;
-            "vs-icon-season-winter": string;
-            "vs-icon-control-expand": string;
-            "vs-icon-facility-pets-welcome": string;
-            "vs-icon-facility-parking": string;
-            "vs-icon-control-menu": string;
-            "vs-icon-season-spring": string;
-            "vs-icon-season-summer": string;
-            "vs-icon-facility-breakfast": string;
-            "vs-icon-control-back-to-top": string;
-            "vs-icon-control-dismiss": string;
-            "vs-icon-feedback-warning": string;
-            "vs-icon-facility-accessible-shower": string;
-            "vs-icon-facility-wifi": string;
-            "vs-icon-control-search": string;
-            "vs-icon-control-download": string;
-            "vs-icon-season-autumn": string;
-            "vs-icon-facility-accessible-toilet": string;
-            "vs-icon-feedback-success": string;
-            "vs-icon-facility-vegan": string;
-            "font-size-1": string;
-            "font-size-2": string;
-            "font-size-3": string;
-            "font-size-4": string;
-            "font-size-5": string;
-            "font-size-6": string;
-            "font-size-7": string;
-            "font-size-8": string;
-            "font-size-9": string;
-            "font-size-10": string;
-            "font-size-body": string;
-            "font-size-body-md": string;
-            "font-size-lead": string;
-            "font-size-lead-md": string;
-            "font-size-teaser": string;
-            opacity_100: string;
-            opacity_50: string;
-            opacity_0: string;
-            duration_quickly: string;
-            duration_base: string;
-            duration_slowly: string;
-            no_javascript: string;
-            theme_dark: string;
-            theme_grey: string;
-        };
-    }, {
-        iconClasses(): any[];
-        fontAwesomeClasses(): any;
-        iconStyles(): {
-            color: string;
-        };
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        icon: {
-            type: StringConstructor;
-            required: true;
-        };
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        customColour: {
-            type: StringConstructor;
-            default: any;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        smallSize: {
-            type: StringConstructor;
-            default: any;
-            validator: (value: unknown) => any;
-        };
-    }>> & Readonly<{}>, {
-        variant: string;
-        customColour: string;
-        size: string;
-        smallSize: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;