@visitscotland/component-library 5.40.0 → 5.41.1

package/dist/components/src/components/mega-nav/components/MegaNavFeaturedItem.vue.d.ts

@@ -318,8 +318,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;
         }, {
@@ -371,6 +375,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: any;
             };
+            noVisitedStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             type: string;
             variant: string;
@@ -378,6 +386,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: {
@@ -508,6 +517,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;
@@ -986,6 +996,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;
@@ -995,16 +1014,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;
@@ -1061,6 +1086,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;
@@ -1073,10 +1107,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: {
@@ -1685,6 +1721,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;
@@ -2015,6 +2052,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;
@@ -2207,6 +2245,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;
@@ -2216,16 +2263,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;
@@ -2282,6 +2335,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;
@@ -2294,10 +2356,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: {
@@ -2906,6 +2970,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/mega-nav/components/MegaNavListItem.vue.d.ts

@@ -19,7 +19,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         'vs-mega-nav-list-item__link': boolean;
         'vs-mega-nav-list-item__subheading-link': boolean;
     };
-}, {}, {
+}, {
+    clickHandler(event: any): void;
+    navigateToUrl(): void;
+    /**
+     * Fires on keypress events on the link, and passes 'space' and 'enter' events
+     * to the click handler to ensure analytics events are properly initiated.
+     */
+    keyHandler(event: any): void;
+}, {
     computed: {
         pageUrl: () => string;
     };
@@ -83,8 +91,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;
     }, {
@@ -136,6 +148,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         type: string;
         variant: string;
@@ -143,6 +159,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: {
@@ -273,6 +290,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/mega-nav/components/MegaNavStaticLink.vue.d.ts

@@ -79,8 +79,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;
     }, {
@@ -132,6 +136,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         type: string;
         variant: string;
@@ -139,6 +147,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: {
@@ -269,6 +278,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/megalinks/Megalinks.vue.d.ts

@@ -424,6 +424,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;
@@ -433,16 +442,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;
@@ -499,6 +514,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;
@@ -511,10 +535,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: {
@@ -1123,6 +1149,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/megalinks/components/megalink-link-list/MegalinkLinkList.vue.d.ts

@@ -498,8 +498,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;
         }, {
@@ -551,6 +555,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: any;
             };
+            noVisitedStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             type: string;
             variant: string;
@@ -558,6 +566,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: {
@@ -688,6 +697,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;
@@ -1166,6 +1176,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;
@@ -1175,16 +1194,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;
@@ -1241,6 +1266,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;
@@ -1253,10 +1287,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: {
@@ -1865,6 +1901,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;
@@ -2195,6 +2232,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;
@@ -2387,6 +2425,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;
@@ -2396,16 +2443,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;
@@ -2462,6 +2515,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;
@@ -2474,10 +2536,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: {
@@ -3086,6 +3150,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;
@@ -3467,6 +3532,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;