@visitscotland/component-library 4.22.0 → 4.24.0

package/dist/client/styles/6069eb3b71eb41d6632e.css

@@ -0,0 +1 @@
+.vs-badge{margin-right:.5rem;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;line-height:1}.vs-badge--default{border:1px solid #a3a3cc;color:#606060;font-size:.875rem}.vs-badge--subtle{background:rgba(0,0,0,0);color:#a8308c;font-size:1rem;font-weight:700}

package/dist/client/styles/d84e0e90f5b7e70d5436.css

@@ -0,0 +1 @@
+.vs-card{position:relative;display:flex;flex-direction:column;border-radius:.25rem;height:100%}.vs-card:hover{cursor:pointer}.vs-card:hover .img-zoom-on-hover{transform:scale(1.05)}.vs-card__header{overflow:hidden;border-radius:.25rem}.vs-card__body{display:flex;flex-direction:column;flex-grow:1}.vs-card--elevated{box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.vs-card--outlined{border:1px solid #e9e9e9;transition:all .2s}.vs-card--outlined:hover{border-color:#200f2e}.vs-card--filled{background-color:#fff}.vs-card--accent-bar{border-left:8px solid #e9e9e9}.vs-card--horizontal{flex-direction:row}.vs-card--horizontal .vs-card__header{flex:1 1 35%}.vs-card--horizontal .vs-card__body{flex:1 1 75%}@media(min-width: 576px){.vs-card--horizontal .vs-card__header{flex-basis:40%}.vs-card--horizontal .vs-card__body{flex-basis:60%}}

package/dist/components/components/badge/Badge.vue.d.ts

@@ -0,0 +1,433 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+    * Variant of the badge
+    * @values default, subtle
+    */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => any;
+    };
+}>, {}, {}, {
+    badgeClasses(): string[];
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+    * Variant of the badge
+    * @values default, subtle
+    */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => any;
+    };
+}>> & Readonly<{}>, {
+    variant: string;
+}, {}, {
+    BBadge: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            replace: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            variant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant>;
+                default: string;
+            };
+            icon: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            tag: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            target: {
+                type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                default: undefined;
+            };
+            to: RouteLocationRaw;
+            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;
+            };
+            active: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            activeClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            routerComponentName: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            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>;
+                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;
+            };
+            exactActiveClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            bgVariant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant>;
+                default: null;
+            };
+            textVariant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseTextColorVariant>;
+                default: null;
+            };
+            dotIndicator: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            textIndicator: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            tag: string;
+            replace: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            to: import('vue-router').RouteLocationRaw;
+            append: boolean;
+            disabled: boolean;
+            href: string;
+            rel: string;
+            active: boolean;
+            activeClass: string;
+            routerComponentName: string;
+            variant: keyof import('bootstrap-vue-next').BaseColorVariant | 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;
+            exactActiveClass: string;
+            bgVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+            textVariant: keyof import('bootstrap-vue-next').BaseTextColorVariant | null;
+            dotIndicator: boolean;
+            textIndicator: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            replace: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            variant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant>;
+                default: string;
+            };
+            icon: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            tag: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            target: {
+                type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                default: undefined;
+            };
+            to: RouteLocationRaw;
+            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;
+            };
+            active: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            activeClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            routerComponentName: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            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>;
+                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;
+            };
+            exactActiveClass: {
+                type: import('vue').PropType<string>;
+                default: undefined;
+            };
+            bgVariant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant>;
+                default: null;
+            };
+            textVariant: {
+                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseTextColorVariant>;
+                default: null;
+            };
+            dotIndicator: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            textIndicator: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, {
+            tag: string;
+            replace: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            to: import('vue-router').RouteLocationRaw;
+            append: boolean;
+            disabled: boolean;
+            href: string;
+            rel: string;
+            active: boolean;
+            activeClass: string;
+            routerComponentName: string;
+            variant: keyof import('bootstrap-vue-next').BaseColorVariant | 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;
+            exactActiveClass: string;
+            bgVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+            textVariant: keyof import('bootstrap-vue-next').BaseTextColorVariant | null;
+            dotIndicator: boolean;
+            textIndicator: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        replace: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        variant: {
+            type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant>;
+            default: string;
+        };
+        icon: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        tag: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        target: {
+            type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+            default: undefined;
+        };
+        to: RouteLocationRaw;
+        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;
+        };
+        active: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        activeClass: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        routerComponentName: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        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>;
+            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;
+        };
+        exactActiveClass: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        bgVariant: {
+            type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant>;
+            default: null;
+        };
+        textVariant: {
+            type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseTextColorVariant>;
+            default: null;
+        };
+        dotIndicator: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        textIndicator: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        tag: string;
+        replace: boolean;
+        target: import('bootstrap-vue-next').LinkTarget;
+        to: import('vue-router').RouteLocationRaw;
+        append: boolean;
+        disabled: boolean;
+        href: string;
+        rel: string;
+        active: boolean;
+        activeClass: string;
+        routerComponentName: string;
+        variant: keyof import('bootstrap-vue-next').BaseColorVariant | 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;
+        exactActiveClass: string;
+        bgVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+        textVariant: keyof import('bootstrap-vue-next').BaseTextColorVariant | null;
+        dotIndicator: boolean;
+        textIndicator: 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;
+        }> & {
+            default?: ((props: Record<string, never>) => any) | undefined;
+        };
+    });
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/components/badge/index.d.ts

@@ -1,3 +1,3 @@
-import { default as VsBadge } from './VsBadge.vue';
+import { default as VsBadge } from './Badge.vue';
 
 export default VsBadge;

package/dist/components/components/card/Card.vue.d.ts

@@ -13,6 +13,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     /**
+    * Adds an accent bar to the left of the card
+    */
+    accentBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
     * Sets the card to horizontal layout
     */
     horizontal: {
@@ -216,10 +223,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     cardClasses(): (string | {
         'vs-card--horizontal': boolean;
+        'vs-card--accent-bar': boolean;
     })[];
-    bodyClasses(): {
-        'vs-card__body--centered': boolean;
-    };
     cardStyles(): {
         'background-color': any;
     };
@@ -238,6 +243,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     /**
+    * Adds an accent bar to the left of the card
+    */
+    accentBar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
     * Sets the card to horizontal layout
     */
     horizontal: {
@@ -248,5 +260,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     horizontal: boolean;
     cardStyle: string;
     fillColor: string;
+    accentBar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/components/index.d.ts

@@ -7,7 +7,7 @@ export { default as VsArticle } from './article/Article.vue';
 export { default as VsArticleSection } from './article/components/ArticleSection.vue';
 export { default as VsArticleSidebar } from './article/components/ArticleSidebar.vue';
 export { default as VsBackToTop } from './back-to-top/BackToTop.vue';
-export { default as VsBadge } from './badge/VsBadge.vue';
+export { default as VsBadge } from './badge/Badge.vue';
 export { default as VsBanner } from './banner/Banner.vue';
 export { default as VsBlogDetails } from './blog-details/BlogDetails.vue';
 export { default as VsBreadcrumb } from './breadcrumb/Breadcrumb.vue';