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

@visitscotland/component-library 5.40.0 → 5.41.1

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 (307) hide show

package/dist/components/src/components/accordion/components/AccordionItem.vue.d.ts CHANGED Viewed

@@ -188,6 +188,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;
@@ -197,16 +206,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;
@@ -263,6 +278,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;
@@ -275,10 +299,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: {
@@ -887,6 +913,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;
@@ -1836,6 +1863,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/accordion/components/AccordionToggle.vue.d.ts CHANGED Viewed

@@ -69,6 +69,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;
@@ -78,16 +87,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;
@@ -144,6 +159,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;
@@ -156,10 +180,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: {
@@ -768,6 +794,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/accordion/index.d.ts CHANGED Viewed

@@ -162,6 +162,15 @@ declare const _default: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                showLabelBreakpoint: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 iconPosition: {
                     type: StringConstructor;
                     default: string;
@@ -171,16 +180,22 @@ declare const _default: {
                 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;
@@ -237,6 +252,15 @@ declare const _default: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                showLabelBreakpoint: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 iconPosition: {
                     type: StringConstructor;
                     default: string;
@@ -249,10 +273,12 @@ declare const _default: {
                 variant: string;
                 size: string;
                 href: string;
+                active: boolean;
                 tabindex: string;
                 animate: boolean;
                 rounded: boolean;
                 iconOnly: boolean;
+                showLabelBreakpoint: string;
                 iconPosition: string;
             }, {}, {
                 BButton: {
@@ -861,6 +887,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;
@@ -1810,6 +1837,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;
@@ -2403,6 +2431,15 @@ declare const _default: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             iconPosition: {
                 type: StringConstructor;
                 default: string;
@@ -2412,16 +2449,22 @@ declare const _default: {
             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;
@@ -2478,6 +2521,15 @@ declare const _default: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             iconPosition: {
                 type: StringConstructor;
                 default: string;
@@ -2490,10 +2542,12 @@ declare const _default: {
             variant: string;
             size: string;
             href: string;
+            active: boolean;
             tabindex: string;
             animate: boolean;
             rounded: boolean;
             iconOnly: boolean;
+            showLabelBreakpoint: string;
             iconPosition: string;
         }, {}, {
             BButton: {
@@ -3102,6 +3156,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/address/Address.vue.d.ts CHANGED Viewed

@@ -128,6 +128,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             "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/alert/Alert.vue.d.ts CHANGED Viewed

@@ -128,6 +128,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
             "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/article-details/ArticleDetails.vue.d.ts CHANGED Viewed

@@ -178,6 +178,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/backdrop/Backdrop.vue.d.ts ADDED Viewed

@@ -0,0 +1,60 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Whether or not the backdrop is visible
+     */
+    show: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /**
+     * z-index of the overlay
+     */
+    zIndex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Enable click-to-close behavior
+     */
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    backdropStyle(): {
+        zIndex: string | number;
+    };
+}, {
+    onClick(): void;
+    lockScroll(): void;
+    unlockScroll(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:show")[], "click" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Whether or not the backdrop is visible
+     */
+    show: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /**
+     * z-index of the overlay
+     */
+    zIndex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Enable click-to-close behavior
+     */
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: (...args: any[]) => any;
+    "onUpdate:show"?: (...args: any[]) => any;
+}>, {
+    zIndex: string | number;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/src/components/backdrop/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { default as VsBackdrop } from './Backdrop.vue';
2	+ export default VsBackdrop;

package/dist/components/src/components/banner/Banner.vue.d.ts CHANGED Viewed

@@ -87,6 +87,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;
@@ -96,16 +105,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;
@@ -162,6 +177,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;
@@ -174,10 +198,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: {
@@ -786,6 +812,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;
@@ -1258,6 +1285,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/button/Button.vue.d.ts CHANGED Viewed

@@ -61,6 +61,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Breakpoint at which button label becomes visible.
+     * Button shows as icon-only below this breakpoint.
+     */
+    showLabelBreakpoint: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * If the button should appear in its active/pressed state
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * The position of the icon
      * `left|right`
@@ -74,16 +90,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;
@@ -168,6 +190,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Breakpoint at which button label becomes visible.
+     * Button shows as icon-only below this breakpoint.
+     */
+    showLabelBreakpoint: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+     * If the button should appear in its active/pressed state
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * The position of the icon
      * `left|right`
@@ -184,10 +222,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: {
@@ -796,6 +836,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/button-toggle-group/ButtonToggleGroup.vue.d.ts CHANGED Viewed

@@ -1122,6 +1122,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;