@visitscotland/component-library 5.55.1 → 5.57.1

package/dist/components/src/components/quote/Quote.vue.d.ts

@@ -1,34 +1,472 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Sets the quote text content.
+     */
+    quoteText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Sets the name of the quote author.
+     */
+    quoteName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to display old quote UI or new one
+     */
+    useLegacy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     variant: {
         type: StringConstructor;
         default: string;
         validator: (value: unknown) => any;
     };
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     withBorder: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>, {}, {}, {
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     hasAuthorName(): boolean;
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     hasAuthorTitle(): boolean;
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     hasAuthorImage(): boolean;
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     variantClass(): {
         'vs-quote--narrow': boolean;
         'vs-quote--wide': boolean;
         'vs-quote--with-border': boolean;
     }[];
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Sets the quote text content.
+     */
+    quoteText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Sets the name of the quote author.
+     */
+    quoteName: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to display old quote UI or new one
+     */
+    useLegacy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     variant: {
         type: StringConstructor;
         default: string;
         validator: (value: unknown) => any;
     };
+    /** ⚠️ Deprecated - use the new props instead.
+     */
     withBorder: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
     variant: string;
+    useLegacy: boolean;
+    quoteText: string;
+    quoteName: string;
     withBorder: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {
+    VsDetail: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        noMargins: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconVariant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>, {}, {}, {
+        detailClasses(): string[];
+        iconSize(): "xs" | "xxs";
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        color: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        noMargins: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconVariant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+        size: string;
+        noMargins: boolean;
+        iconVariant: string;
+        color: string;
+    }, {}, {
+        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {
+            tokens: {
+                "vs-color-background-primary": string;
+                "vs-color-background-secondary": string;
+                "vs-color-background-bold": string;
+                "vs-color-background-brand": string;
+                "vs-color-background-inverse": string;
+                "vs-color-background-highlight": string;
+                "vs-color-background-information": string;
+                "vs-color-background-success": string;
+                "vs-color-background-warning": string;
+                "vs-color-background-error": string;
+                "vs-color-background-accent-heather-80": string;
+                "vs-color-background-accent-heather-30": string;
+                "vs-color-background-accent-tolsta-40": string;
+                "vs-color-background-accent-gorse-05": string;
+                "vs-color-border-primary": string;
+                "vs-color-border-secondary": string;
+                "vs-color-border-inverse": string;
+                "vs-color-border-input": string;
+                "vs-color-border-highlight": string;
+                "vs-color-border-bold": string;
+                "vs-color-border-success": string;
+                "vs-color-border-warning": string;
+                "vs-color-border-error": string;
+                "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
+                "vs-color-icon-primary": string;
+                "vs-color-icon-secondary": string;
+                "vs-color-icon-tertiary": string;
+                "vs-color-icon-inverse": string;
+                "vs-color-icon-cta-on-light": string;
+                "vs-color-icon-highlight": string;
+                "vs-color-icon-success": string;
+                "vs-color-icon-warning": string;
+                "vs-color-icon-error": string;
+                "vs-color-icon-disabled": string;
+                "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-accent-thistle-20": string;
+                "vs-color-icon-ski-easy": string;
+                "vs-color-icon-ski-intermediate": string;
+                "vs-color-icon-ski-difficult": string;
+                "vs-color-icon-ski-very-difficult": string;
+                "vs-color-icon-ski-itineraries": string;
+                "vs-color-icon-ski-other": string;
+                "vs-color-icon-accent-loch-ness": string;
+                "vs-color-icon-accent-grey-02": string;
+                "vs-color-icon-accent-saltire": string;
+                "vs-color-icon-accent-bramble": string;
+                "vs-color-icon-accent-heather": string;
+                "vs-color-icon-accent-whisky": string;
+                "vs-color-icon-accent-cranachan": string;
+                "vs-color-icon-accent-buachaille": string;
+                "vs-color-interaction-focus": string;
+                "vs-color-interaction-focus-on-bold": string;
+                "vs-color-interaction-cta-primary": string;
+                "vs-color-interaction-cta-secondary": string;
+                "vs-color-interaction-cta-hover": string;
+                "vs-color-interaction-cta-pressed": string;
+                "vs-color-interaction-cta-disabled": string;
+                "vs-color-interaction-cta-subtle-hover": string;
+                "vs-color-interaction-cta-subtle-pressed": string;
+                "vs-color-interaction-cta-subtle": string;
+                "vs-color-interaction-link-primary": string;
+                "vs-color-interaction-link-secondary": string;
+                "vs-color-interaction-link-active": string;
+                "vs-color-interaction-link-visited": string;
+                "vs-color-interaction-link-disabled": string;
+                "vs-color-interaction-link-visited-on-bold": string;
+                "vs-color-text-primary": string;
+                "vs-color-text-secondary": string;
+                "vs-color-text-tertiary": string;
+                "vs-color-text-inverse": string;
+                "vs-color-text-cta-on-light": string;
+                "vs-color-text-highlight": string;
+                "vs-color-text-brand": string;
+                "vs-color-text-error": string;
+                "vs-color-text-success": string;
+                "vs-color-text-disabled": string;
+                breakpoint_xl: string;
+                grid_container_width_xl: string;
+                breakpoint_md: string;
+                max_container_width_xl: string;
+                grid_container_width_md: string;
+                breakpoint_sm: string;
+                breakpoint_lg: string;
+                breakpoint_xs: string;
+                max_container_width_md: string;
+                grid_container_width_sm: string;
+                grid_container_width_lg: string;
+                max_container_width_sm: string;
+                max_container_width_lg: string;
+                max_container_width_xxl: string;
+                grid_container_width_xxl: string;
+                breakpoint_xxl: string;
+                grid_columns: string;
+                grid_gutter_width: string;
+                "vs-spacer-0": string;
+                "vs-spacer-0125": string;
+                "vs-spacer-025": string;
+                "vs-spacer-050": string;
+                "vs-spacer-075": string;
+                "vs-spacer-100": string;
+                "vs-spacer-125": string;
+                "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;
+                "vs-spacer-500": string;
+                "vs-spacer-600": string;
+                "vs-spacer-700": string;
+                "vs-radius-medium": string;
+                "vs-radius-none": string;
+                "vs-radius-large-increased": string;
+                "vs-radius-extra-large-increased": string;
+                "vs-radius-tiny": string;
+                "vs-radius-large": string;
+                "vs-radius-extra-large": string;
+                "vs-radius-extra-extra-large": string;
+                "vs-radius-huge": string;
+                "vs-radius-full": string;
+                "vs-radius-small": string;
+                "vs-elevation-shadow-raised": string;
+                "vs-elevation-shadow-overlay": string;
+                "vs-elevation-surface": string;
+                "vs-elevation-surface-section": string;
+                "vs-elevation-surface-raised": string;
+                "vs-elevation-surface-overlay": string;
+                "vs-focus-shadow": string;
+                "vs-focus-shadow-on-dark": string;
+                "vs-border-width-sm": string;
+                "vs-border-width-md": string;
+                "vs-font-size-display-m": string;
+                "vs-font-size-display-s": string;
+                "vs-font-size-heading-xl": string;
+                "vs-font-size-heading-l": string;
+                "vs-font-size-heading-m": string;
+                "vs-font-size-heading-s": string;
+                "vs-font-size-heading-xs": string;
+                "vs-font-size-heading-xxs": string;
+                "vs-font-size-heading-xxxs": string;
+                "vs-font-size-detail-l": string;
+                "vs-font-size-detail-m": string;
+                "vs-font-size-detail-s": string;
+                "vs-font-size-body-l": string;
+                "vs-font-size-body-m": string;
+                "vs-font-size-body-s": string;
+                "vs-font-weight-strong": string;
+                "vs-font-weight-medium": string;
+                "vs-font-weight-regular": string;
+                "vs-font-weight-subtle": string;
+                "vs-font-weight-heading": string;
+                "vs-font-weight-body": string;
+                "vs-font-weight-detail": string;
+                "vs-font-family-sans-serif": string;
+                "vs-font-family-display": string;
+                "vs-line-height-heading": number;
+                "vs-line-height-detail": number;
+                "vs-line-height-body": number;
+                "vs-letter-spacing-display": string;
+                "vs-letter-spacing-heading": string;
+                "vs-letter-spacing-detail": string;
+                "vs-letter-spacing-body": string;
+                icon_size_xxs: string;
+                icon_size_xs: string;
+                icon_size_sm: string;
+                icon_size_md: string;
+                icon_size_lg: string;
+                icon_size_xl: string;
+                "vs-icon-facility-audio-loop": string;
+                "vs-icon-control-collapse": string;
+                "vs-icon-facility-wheelchair-access": string;
+                "vs-icon-control-pause": string;
+                "vs-icon-facility-cafe": string;
+                "vs-icon-feedback-error": string;
+                "vs-icon-facility-accessible-parking": string;
+                "vs-icon-control-next": string;
+                "vs-icon-control-filters": string;
+                "vs-icon-feedback-information": string;
+                "vs-icon-control-external-link": string;
+                "vs-icon-control-play": string;
+                "vs-icon-facility-accessible-dining": string;
+                "vs-icon-control-previous": string;
+                "vs-icon-facility-public-transport": string;
+                "vs-icon-season-winter": string;
+                "vs-icon-control-expand": string;
+                "vs-icon-facility-pets-welcome": string;
+                "vs-icon-facility-parking": string;
+                "vs-icon-control-menu": string;
+                "vs-icon-season-spring": string;
+                "vs-icon-season-summer": string;
+                "vs-icon-facility-breakfast": string;
+                "vs-icon-control-back-to-top": string;
+                "vs-icon-control-dismiss": string;
+                "vs-icon-feedback-warning": string;
+                "vs-icon-facility-accessible-shower": string;
+                "vs-icon-facility-wifi": string;
+                "vs-icon-control-search": string;
+                "vs-icon-control-download": string;
+                "vs-icon-season-autumn": string;
+                "vs-icon-facility-accessible-toilet": string;
+                "vs-icon-feedback-success": string;
+                "vs-icon-facility-vegan": string;
+                "font-size-1": string;
+                "font-size-2": string;
+                "font-size-3": string;
+                "font-size-4": string;
+                "font-size-5": string;
+                "font-size-6": string;
+                "font-size-7": string;
+                "font-size-8": string;
+                "font-size-9": string;
+                "font-size-10": string;
+                "font-size-body": string;
+                "font-size-body-md": string;
+                "font-size-lead": string;
+                "font-size-lead-md": string;
+                "font-size-teaser": string;
+                opacity_100: string;
+                opacity_50: string;
+                opacity_0: string;
+                duration_quickly: string;
+                duration_base: string;
+                duration_slowly: string;
+                no_javascript: string;
+                theme_dark: string;
+                theme_grey: string;
+            };
+        }, {
+            iconClasses(): any[];
+            fontAwesomeClasses(): any;
+            iconStyles(): {
+                color: string;
+            };
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{}>, {
+            variant: string;
+            customColour: string;
+            size: string;
+            smallSize: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsBody: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        noMargins: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        bodyClasses(): string[];
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        noMargins: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        variant: string;
+        noMargins: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/src/components/select/Select.vue.d.ts

@@ -229,11 +229,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         modelValue?: ((string | number | boolean | readonly unknown[] | Readonly<Record<string, unknown>> | null) & T) | undefined;
         options?: readonly unknown[] | undefined;
         valueField?: string | undefined;
-        textField?: string | undefined;
+        textField? /**
+         * Options for select element
+         */: string | undefined;
         htmlField?: string | undefined;
         disabledField?: string | undefined;
         optionsField?: string | undefined;
-        labelField?: string | undefined;
+        labelField? /**
+         * Name of the field (for name and id attributes)
+         */: string | undefined;
         selectSize?: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
         slots: Readonly<{
@@ -251,11 +255,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         focus: () => void;
     }>) => void) | undefined, __VLS_setup?: Promise<{
         props: {
-            name? /**
-             * Validation messages
-             */: string | undefined;
+            name?: string | undefined;
             id?: string | undefined;
-            ariaInvalid?: import('node_modules/bootstrap-vue-next/dist/src/types').AriaInvalid | undefined;
+            ariaInvalid? /**
+             * Validation messages
+             */: import('node_modules/bootstrap-vue-next/dist/src/types').AriaInvalid | undefined;
             autofocus?: boolean | undefined;
             disabled?: boolean | undefined;
             form?: string | undefined;
@@ -266,7 +270,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             state?: boolean | null | undefined;
             modelValue?: ((string | number | boolean | readonly unknown[] | Readonly<Record<string, unknown>> | null) & T) | undefined;
             options?: readonly unknown[] | undefined;
-            valueField?: string | undefined;
+            valueField? /**
+             * Whether the options should be a countries list
+             */: string | undefined;
             textField?: string | undefined;
             htmlField?: string | undefined;
             disabledField?: string | undefined;
@@ -309,13 +315,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 valueField?: string | undefined;
                 textField?: string | undefined;
                 htmlField?: string | undefined;
-                disabledField
-                /**
-                 * import country list
-                 */
-                ? /**
-                 * import country list
-                 */: string | undefined;
+                disabledField?: string | undefined;
                 optionsField?: string | undefined;
                 labelField?: string | undefined;
                 selectSize?: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish | undefined;

package/dist/components/src/components/site-search/SiteSearch.vue.d.ts

@@ -707,6 +707,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-border-warning": string;
                 "vs-color-border-error": string;
                 "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
                 "vs-color-icon-primary": string;
                 "vs-color-icon-secondary": string;
                 "vs-color-icon-tertiary": string;
@@ -718,6 +719,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-icon-error": string;
                 "vs-color-icon-disabled": string;
                 "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-accent-thistle-20": string;
                 "vs-color-icon-ski-easy": string;
                 "vs-color-icon-ski-intermediate": string;
                 "vs-color-icon-ski-difficult": string;

package/dist/components/src/components/site-search/components/SiteSearchForm.vue.d.ts

@@ -139,6 +139,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "vs-color-border-warning": string;
             "vs-color-border-error": string;
             "vs-color-border-disabled": string;
+            "vs-color-border-accent-thistle-20": string;
             "vs-color-icon-primary": string;
             "vs-color-icon-secondary": string;
             "vs-color-icon-tertiary": string;
@@ -150,6 +151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "vs-color-icon-error": string;
             "vs-color-icon-disabled": string;
             "vs-color-icon-accent-saltire-30": string;
+            "vs-color-icon-accent-thistle-20": string;
             "vs-color-icon-ski-easy": string;
             "vs-color-icon-ski-intermediate": string;
             "vs-color-icon-ski-difficult": string;
@@ -1495,6 +1497,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "vs-color-border-warning": string;
                     "vs-color-border-error": string;
                     "vs-color-border-disabled": string;
+                    "vs-color-border-accent-thistle-20": string;
                     "vs-color-icon-primary": string;
                     "vs-color-icon-secondary": string;
                     "vs-color-icon-tertiary": string;
@@ -1506,6 +1509,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "vs-color-icon-error": string;
                     "vs-color-icon-disabled": string;
                     "vs-color-icon-accent-saltire-30": string;
+                    "vs-color-icon-accent-thistle-20": string;
                     "vs-color-icon-ski-easy": string;
                     "vs-color-icon-ski-intermediate": string;
                     "vs-color-icon-ski-difficult": string;
@@ -2417,6 +2421,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-border-warning": string;
                 "vs-color-border-error": string;
                 "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
                 "vs-color-icon-primary": string;
                 "vs-color-icon-secondary": string;
                 "vs-color-icon-tertiary": string;
@@ -2428,6 +2433,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-icon-error": string;
                 "vs-color-icon-disabled": string;
                 "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-accent-thistle-20": string;
                 "vs-color-icon-ski-easy": string;
                 "vs-color-icon-ski-intermediate": string;
                 "vs-color-icon-ski-difficult": string;

package/dist/components/src/components/ski-scotland/ski-scotland-card/SkiScotlandCard.vue.d.ts

@@ -714,6 +714,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "vs-color-border-warning": string;
             "vs-color-border-error": string;
             "vs-color-border-disabled": string;
+            "vs-color-border-accent-thistle-20": string;
             "vs-color-icon-primary": string;
             "vs-color-icon-secondary": string;
             "vs-color-icon-tertiary": string;
@@ -725,6 +726,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "vs-color-icon-error": string;
             "vs-color-icon-disabled": string;
             "vs-color-icon-accent-saltire-30": string;
+            "vs-color-icon-accent-thistle-20": string;
             "vs-color-icon-ski-easy": string;
             "vs-color-icon-ski-intermediate": string;
             "vs-color-icon-ski-difficult": string;
@@ -1046,6 +1048,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-border-warning": string;
                 "vs-color-border-error": string;
                 "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
                 "vs-color-icon-primary": string;
                 "vs-color-icon-secondary": string;
                 "vs-color-icon-tertiary": string;
@@ -1057,6 +1060,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-icon-error": string;
                 "vs-color-icon-disabled": string;
                 "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-accent-thistle-20": string;
                 "vs-color-icon-ski-easy": string;
                 "vs-color-icon-ski-intermediate": string;
                 "vs-color-icon-ski-difficult": string;
@@ -1966,6 +1970,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "vs-color-border-warning": string;
                     "vs-color-border-error": string;
                     "vs-color-border-disabled": string;
+                    "vs-color-border-accent-thistle-20": string;
                     "vs-color-icon-primary": string;
                     "vs-color-icon-secondary": string;
                     "vs-color-icon-tertiary": string;
@@ -1977,6 +1982,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     "vs-color-icon-error": string;
                     "vs-color-icon-disabled": string;
                     "vs-color-icon-accent-saltire-30": string;
+                    "vs-color-icon-accent-thistle-20": string;
                     "vs-color-icon-ski-easy": string;
                     "vs-color-icon-ski-intermediate": string;
                     "vs-color-icon-ski-difficult": string;
@@ -2931,6 +2937,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-border-warning": string;
                 "vs-color-border-error": string;
                 "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
                 "vs-color-icon-primary": string;
                 "vs-color-icon-secondary": string;
                 "vs-color-icon-tertiary": string;
@@ -2942,6 +2949,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "vs-color-icon-error": string;
                 "vs-color-icon-disabled": string;
                 "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-accent-thistle-20": string;
                 "vs-color-icon-ski-easy": string;
                 "vs-color-icon-ski-intermediate": string;
                 "vs-color-icon-ski-difficult": string;