@visitscotland/component-library 5.39.2 → 5.41.0

package/dist/components/src/components/stretched-link-card/StretchedLinkCard.vue.d.ts

@@ -369,8 +369,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {}, {
-        variantClass(): string;
+        linkClasses(): string[];
         iconName(): string;
         iconVariant(): string;
     }, {
@@ -422,6 +426,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         type: string;
         variant: string;
@@ -429,6 +437,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         href: string;
         iconSize: string;
         dataLayerValue: string;
+        noVisitedStyles: boolean;
     }, {}, {
         VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -559,6 +568,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;
@@ -1037,6 +1047,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -1046,16 +1065,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
@@ -1112,6 +1137,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -1124,10 +1158,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         variant: string;
         size: string;
         href: string;
+        active: boolean;
         tabindex: string;
         animate: boolean;
         rounded: boolean;
         iconOnly: boolean;
+        showLabelBreakpoint: string;
         iconPosition: string;
     }, {}, {
         BButton: {
@@ -1736,6 +1772,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;
@@ -2066,6 +2103,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;
@@ -2258,6 +2296,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             iconPosition: {
                 type: StringConstructor;
                 default: string;
@@ -2267,16 +2314,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
@@ -2333,6 +2386,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             iconPosition: {
                 type: StringConstructor;
                 default: string;
@@ -2345,10 +2407,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             variant: string;
             size: string;
             href: string;
+            active: boolean;
             tabindex: string;
             animate: boolean;
             rounded: boolean;
             iconOnly: boolean;
+            showLabelBreakpoint: string;
             iconPosition: string;
         }, {}, {
             BButton: {
@@ -2957,6 +3021,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "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;

package/dist/components/src/components/stretched-link-card/components/StretchedLinkPanels.vue.d.ts

@@ -193,6 +193,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "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;

package/dist/components/src/components/summary-box/components/SummaryBoxListItem.vue.d.ts

@@ -193,6 +193,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "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;

package/dist/components/src/components/svg-link/SvgLink.vue.d.ts

@@ -197,8 +197,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {}, {
-        variantClass(): string;
+        linkClasses(): string[];
         iconName(): string;
         iconVariant(): string;
     }, {
@@ -250,6 +254,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         type: string;
         variant: string;
@@ -257,6 +265,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         href: string;
         iconSize: string;
         dataLayerValue: string;
+        noVisitedStyles: boolean;
     }, {}, {
         VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -387,6 +396,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;

package/dist/components/src/components/tag/Tag.vue.d.ts

@@ -43,8 +43,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {}, {}, {
-        variantClass(): string;
+        linkClasses(): string[];
         iconName(): string;
         iconVariant(): string;
     }, {
@@ -96,6 +100,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         type: string;
         variant: string;
@@ -103,6 +111,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         href: string;
         iconSize: string;
         dataLayerValue: string;
+        noVisitedStyles: boolean;
     }, {}, {
         VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -233,6 +242,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;

package/dist/components/src/components/toggle-button/ToggleButton.vue.d.ts

@@ -58,6 +58,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -67,16 +76,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
@@ -133,6 +148,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -145,10 +169,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         variant: string;
         size: string;
         href: string;
+        active: boolean;
         tabindex: string;
         animate: boolean;
         rounded: boolean;
         iconOnly: boolean;
+        showLabelBreakpoint: string;
         iconPosition: string;
     }, {}, {
         BButton: {
@@ -757,6 +783,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;
@@ -1044,6 +1071,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "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;

package/dist/components/src/components/tooltip/Tooltip.vue.d.ts

@@ -15,7 +15,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
         validator: (value: unknown) => any;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Sets the subtle style variant
+     */
+    subtle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    tooltipConfig(): {
+        placement: string;
+        customClass: string;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The text to display in the tooltip
      */
@@ -32,8 +44,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
         validator: (value: unknown) => any;
     };
+    /**
+     * Sets the subtle style variant
+     */
+    subtle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     title: string;
+    subtle: boolean;
     position: string;
 }, {}, {
     VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -71,6 +91,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -80,16 +109,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
@@ -146,6 +181,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -158,10 +202,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         variant: string;
         size: string;
         href: string;
+        active: boolean;
         tabindex: string;
         animate: boolean;
         rounded: boolean;
         iconOnly: boolean;
+        showLabelBreakpoint: string;
         iconPosition: string;
     }, {}, {
         BButton: {
@@ -770,6 +816,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;

package/dist/components/src/components/video/Video.vue.d.ts

@@ -431,6 +431,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "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;
@@ -623,6 +624,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             iconPosition: {
                 type: StringConstructor;
                 default: string;
@@ -632,16 +642,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
@@ -698,6 +714,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             iconPosition: {
                 type: StringConstructor;
                 default: string;
@@ -710,10 +735,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             variant: string;
             size: string;
             href: string;
+            active: boolean;
             tabindex: string;
             animate: boolean;
             rounded: boolean;
             iconOnly: boolean;
+            showLabelBreakpoint: string;
             iconPosition: string;
         }, {}, {
             BButton: {
@@ -1322,6 +1349,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "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;