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/carbon-calculator/CarbonCalculator.vue.d.ts CHANGED Viewed

@@ -271,6 +271,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;
@@ -280,16 +289,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;
@@ -346,6 +361,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;
@@ -358,10 +382,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: {
@@ -970,6 +996,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;
@@ -1459,6 +1486,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;
@@ -1651,6 +1679,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;
@@ -1660,16 +1697,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;
@@ -1726,6 +1769,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;
@@ -1738,10 +1790,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: {
@@ -2350,6 +2404,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;
@@ -3178,6 +3233,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;
@@ -3622,6 +3678,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;
@@ -4152,6 +4209,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;
@@ -4507,6 +4565,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;
@@ -6310,6 +6369,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;
@@ -6319,16 +6387,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;
@@ -6385,6 +6459,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;
@@ -6397,10 +6480,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: {
@@ -7009,6 +7094,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/carbon-calculator/components/CarbonCalculatorQuestion.vue.d.ts CHANGED Viewed

@@ -1661,6 +1661,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;
@@ -1670,16 +1679,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;
@@ -1736,6 +1751,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;
@@ -1748,10 +1772,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: {
@@ -2360,6 +2386,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/carbon-calculator/components/CarbonCalculatorResults.vue.d.ts CHANGED Viewed

@@ -182,6 +182,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;
@@ -679,6 +680,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/carbon-calculator/components/CarbonCalculatorRunningTotal.vue.d.ts CHANGED Viewed

@@ -171,6 +171,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/carbon-calculator/components/CarbonCalculatorTip.vue.d.ts CHANGED Viewed

@@ -149,6 +149,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/card/Card.vue.d.ts CHANGED Viewed

@@ -131,6 +131,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/carousel/Carousel.vue.d.ts CHANGED Viewed

@@ -325,6 +325,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;
@@ -334,16 +343,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;
@@ -400,6 +415,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;
@@ -412,10 +436,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: {
@@ -1024,6 +1050,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/carousel/components/CarouselSlide.vue.d.ts CHANGED Viewed

@@ -446,8 +446,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;
         }, {
@@ -499,6 +503,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: any;
             };
+            noVisitedStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             type: string;
             variant: string;
@@ -506,6 +514,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: {
@@ -636,6 +645,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;
@@ -1114,6 +1124,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;
@@ -1123,16 +1142,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;
@@ -1189,6 +1214,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;
@@ -1201,10 +1235,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: {
@@ -1813,6 +1849,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;
@@ -2143,6 +2180,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;
@@ -2335,6 +2373,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;
@@ -2344,16 +2391,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;
@@ -2410,6 +2463,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;
@@ -2422,10 +2484,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: {
@@ -3034,6 +3098,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;
@@ -3389,6 +3454,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/detail/Detail.vue.d.ts CHANGED Viewed

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