@visitscotland/component-library 5.40.0 → 5.41.0

package/dist/components/src/components/hero-section/HeroSection.vue.d.ts

@@ -857,6 +857,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;
@@ -866,16 +875,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;
@@ -932,6 +947,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;
@@ -944,10 +968,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: {
@@ -1556,6 +1582,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/hero-section/components/HeroSectionVideoControl.vue.d.ts

@@ -43,6 +43,15 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -52,16 +61,22 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         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;
@@ -118,6 +133,15 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         iconPosition: {
             type: StringConstructor;
             default: string;
@@ -130,10 +154,12 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         variant: string;
         size: string;
         href: string;
+        active: boolean;
         tabindex: string;
         animate: boolean;
         rounded: boolean;
         iconOnly: boolean;
+        showLabelBreakpoint: string;
         iconPosition: string;
     }, {}, {
         BButton: {
@@ -742,6 +768,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 "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/icon/Icon.vue.d.ts

@@ -150,6 +150,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/icon/index.d.ts

@@ -128,6 +128,7 @@ declare const _default: {
             "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/icon-list/components/IconListItem.vue.d.ts

@@ -158,6 +158,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/image-with-caption/ImageWithCaption.vue.d.ts

@@ -618,6 +618,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;
@@ -627,16 +636,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;
@@ -693,6 +708,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;
@@ -705,10 +729,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: {
@@ -1317,6 +1343,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;
@@ -1604,6 +1631,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;
@@ -1887,6 +1915,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;
@@ -1896,16 +1933,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;
@@ -1962,6 +2005,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;
@@ -1974,10 +2026,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: {
@@ -2586,6 +2640,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;
@@ -2798,6 +2853,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;
@@ -2807,16 +2871,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;
@@ -2873,6 +2943,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;
@@ -2885,10 +2964,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: {
@@ -3497,6 +3578,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;
@@ -3784,6 +3866,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;
@@ -4114,6 +4197,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;
@@ -4306,6 +4390,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;
@@ -4315,16 +4408,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;
@@ -4381,6 +4480,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;
@@ -4393,10 +4501,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: {
@@ -5005,6 +5115,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/index.d.ts

@@ -83,6 +83,13 @@ export { default as VsMegalinkMultiImage } from './megalinks/components/megalink
 export { default as VsMegalinkSingleImage } from './megalinks/components/megalink-single-image/MegalinkSingleImage.vue';
 export { default as VsModal } from './modal/Modal.vue';
 export { default as VsModuleWrapper } from './module-wrapper/ModuleWrapper.vue';
+export { default as VsNavigationBar } from './navigation-bar/NavigationBar.vue';
+export { default as VsNavigationBarMenu } from './navigation-bar/components/NavigationBarMenu.vue';
+export { default as VsNavigationBarMenuDropdown } from './navigation-bar/components/NavigationBarMenuDropdown.vue';
+export { default as VsNavigationBarMenuItem } from './navigation-bar/components/NavigationBarMenuItem.vue';
+export { default as VsNavigationBarSearch } from './navigation-bar/components/NavigationBarSearch.vue';
+export { default as VsNavigationBarSidebar } from './navigation-bar/components/NavigationBarSidebar.vue';
+export { default as VsNavigationBarSidebarButton } from './navigation-bar/components/NavigationBarSidebarButton.vue';
 export { default as VsNumberInput } from './number-input/NumberInput.vue';
 export { default as VsPageIntro } from './page-intro/PageIntro.vue';
 export { default as VsPagination } from './pagination/VsPagination.vue';

package/dist/components/src/components/input/Input.vue.d.ts

@@ -603,6 +603,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;
@@ -612,16 +621,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;
@@ -678,6 +693,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;
@@ -690,10 +714,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: {
@@ -1302,6 +1328,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/itineraries/Itinerary.vue.d.ts

@@ -251,6 +251,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;
@@ -260,16 +269,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;
@@ -326,6 +341,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;
@@ -338,10 +362,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: {
@@ -950,6 +976,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;