npm - @visitscotland/component-library - Versions diffs - 5.40.0 → 5.41.0 - Mend

@visitscotland/component-library 5.40.0 → 5.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (299) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;