@visitscotland/component-library 4.29.0 → 5.0.1

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

@@ -20,14 +20,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text that renders inside the clear button (visually-hidden)
-     * DEPRECATED
-     */
-    clearButtonText: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * Text that renders inside the close button (visually-hidden)
      */
@@ -82,14 +74,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text that renders inside the clear button (visually-hidden)
-     * DEPRECATED
-     */
-    clearButtonText: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * Text that renders inside the close button (visually-hidden)
      */
@@ -100,17 +84,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     onToggleAction?: (...args: any[]) => any;
 }>, {
-    clearButtonText: string;
     isShowing: boolean;
     labelText: string;
     submitButtonText: string;
     closeButtonText: string;
 }, {}, {
     VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        name: {
+        icon: {
             type: StringConstructor;
             required: true;
-            default: string;
         };
         variant: {
             type: StringConstructor;
@@ -121,11 +103,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
-        orientation: {
-            type: StringConstructor;
-            default: any;
-            validator: (value: unknown) => any;
-        };
         size: {
             type: StringConstructor;
             default: string;
@@ -136,23 +113,232 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: any;
             validator: (value: unknown) => any;
         };
-        duotone: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>, {}, {
-        iconLookup: {
-            key: string;
-            value: string;
-        }[];
+        tokens: {
+            "vs-color-background-primary": string;
+            "vs-color-background-secondary": string;
+            "vs-color-background-bold": string;
+            "vs-color-interaction-cta-subtle": 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-icon-primary": string;
+            "vs-color-icon-secondary": 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-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-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;
+            "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-filters": string;
+            "vs-icon-feedback-information": string;
+            "vs-icon-control-play": string;
+            "vs-icon-facility-accessible-dining": 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;
+            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;
+            "spacer-0": string;
+            "spacer-0125": string;
+            "spacer-025": string;
+            "spacer-050": string;
+            "spacer-075": string;
+            "spacer-100": string;
+            "spacer-125": string;
+            "spacer-150": string;
+            "spacer-175": string;
+            "spacer-200": string;
+            "spacer-250": string;
+            "spacer-300": string;
+            "spacer-400": string;
+            "spacer-500": string;
+            "spacer-600": string;
+            "spacer-700": 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;
+            "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;
+            "vs-box-shadow-focus": string;
+            "vs-box-shadow-focus-on-dark": string;
+            border_radius_default: string;
+            border_radius_xl: string;
+            border_radius_lg: string;
+            border_radius_sm: string;
+            border_radius_pill: string;
+            no_javascript: string;
+            theme_dark: string;
+            theme_grey: string;
+        };
     }, {
-        icon(): string;
-        formattedName(): string;
+        iconClasses(): any[];
+        fontAwesomeClasses(): any;
+        iconStyles(): {
+            color: string;
+        };
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        name: {
+        icon: {
             type: StringConstructor;
             required: true;
-            default: string;
         };
         variant: {
             type: StringConstructor;
@@ -163,11 +349,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: any;
         };
-        orientation: {
-            type: StringConstructor;
-            default: any;
-            validator: (value: unknown) => any;
-        };
         size: {
             type: StringConstructor;
             default: string;
@@ -178,18 +359,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: any;
             validator: (value: unknown) => any;
         };
-        duotone: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
     }>> & Readonly<{}>, {
-        name: string;
         variant: string;
         customColour: string;
-        orientation: string;
         size: string;
         smallSize: string;
-        duotone: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     VsInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         value: {
@@ -737,9 +911,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onBtnFocus?: (...args: any[]) => any;
         }>, {
+            icon: string;
             variant: string;
             size: string;
-            icon: string;
             href: string;
             tabindex: string;
             animate: boolean;
@@ -1225,10 +1399,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             });
             VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                name: {
+                icon: {
                     type: StringConstructor;
                     required: true;
-                    default: string;
                 };
                 variant: {
                     type: StringConstructor;
@@ -1239,11 +1412,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: any;
                 };
-                orientation: {
-                    type: StringConstructor;
-                    default: any;
-                    validator: (value: unknown) => any;
-                };
                 size: {
                     type: StringConstructor;
                     default: string;
@@ -1254,23 +1422,232 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: any;
                     validator: (value: unknown) => any;
                 };
-                duotone: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
             }>, {}, {
-                iconLookup: {
-                    key: string;
-                    value: string;
-                }[];
+                tokens: {
+                    "vs-color-background-primary": string;
+                    "vs-color-background-secondary": string;
+                    "vs-color-background-bold": string;
+                    "vs-color-interaction-cta-subtle": 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-icon-primary": string;
+                    "vs-color-icon-secondary": 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-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-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;
+                    "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-filters": string;
+                    "vs-icon-feedback-information": string;
+                    "vs-icon-control-play": string;
+                    "vs-icon-facility-accessible-dining": 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;
+                    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;
+                    "spacer-0": string;
+                    "spacer-0125": string;
+                    "spacer-025": string;
+                    "spacer-050": string;
+                    "spacer-075": string;
+                    "spacer-100": string;
+                    "spacer-125": string;
+                    "spacer-150": string;
+                    "spacer-175": string;
+                    "spacer-200": string;
+                    "spacer-250": string;
+                    "spacer-300": string;
+                    "spacer-400": string;
+                    "spacer-500": string;
+                    "spacer-600": string;
+                    "spacer-700": 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;
+                    "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;
+                    "vs-box-shadow-focus": string;
+                    "vs-box-shadow-focus-on-dark": string;
+                    border_radius_default: string;
+                    border_radius_xl: string;
+                    border_radius_lg: string;
+                    border_radius_sm: string;
+                    border_radius_pill: string;
+                    no_javascript: string;
+                    theme_dark: string;
+                    theme_grey: string;
+                };
             }, {
-                icon(): string;
-                formattedName(): string;
+                iconClasses(): any[];
+                fontAwesomeClasses(): any;
+                iconStyles(): {
+                    color: string;
+                };
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                name: {
+                icon: {
                     type: StringConstructor;
                     required: true;
-                    default: string;
                 };
                 variant: {
                     type: StringConstructor;
@@ -1281,11 +1658,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: any;
                 };
-                orientation: {
-                    type: StringConstructor;
-                    default: any;
-                    validator: (value: unknown) => any;
-                };
                 size: {
                     type: StringConstructor;
                     default: string;
@@ -1296,18 +1668,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: any;
                     validator: (value: unknown) => any;
                 };
-                duotone: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
             }>> & Readonly<{}>, {
-                name: string;
                 variant: string;
                 customColour: string;
-                orientation: string;
                 size: string;
                 smallSize: string;
-                duotone: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1430,9 +1795,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onBtnFocus?: (...args: any[]) => any;
     }>, {
+        icon: string;
         variant: string;
         size: string;
-        icon: string;
         href: string;
         tabindex: string;
         animate: boolean;
@@ -1918,10 +2283,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         });
         VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            name: {
+            icon: {
                 type: StringConstructor;
                 required: true;
-                default: string;
             };
             variant: {
                 type: StringConstructor;
@@ -1932,11 +2296,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: any;
             };
-            orientation: {
-                type: StringConstructor;
-                default: any;
-                validator: (value: unknown) => any;
-            };
             size: {
                 type: StringConstructor;
                 default: string;
@@ -1947,23 +2306,232 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: any;
                 validator: (value: unknown) => any;
             };
-            duotone: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
         }>, {}, {
-            iconLookup: {
-                key: string;
-                value: string;
-            }[];
+            tokens: {
+                "vs-color-background-primary": string;
+                "vs-color-background-secondary": string;
+                "vs-color-background-bold": string;
+                "vs-color-interaction-cta-subtle": 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-icon-primary": string;
+                "vs-color-icon-secondary": 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-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-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;
+                "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-filters": string;
+                "vs-icon-feedback-information": string;
+                "vs-icon-control-play": string;
+                "vs-icon-facility-accessible-dining": 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;
+                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;
+                "spacer-0": string;
+                "spacer-0125": string;
+                "spacer-025": string;
+                "spacer-050": string;
+                "spacer-075": string;
+                "spacer-100": string;
+                "spacer-125": string;
+                "spacer-150": string;
+                "spacer-175": string;
+                "spacer-200": string;
+                "spacer-250": string;
+                "spacer-300": string;
+                "spacer-400": string;
+                "spacer-500": string;
+                "spacer-600": string;
+                "spacer-700": 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;
+                "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;
+                "vs-box-shadow-focus": string;
+                "vs-box-shadow-focus-on-dark": string;
+                border_radius_default: string;
+                border_radius_xl: string;
+                border_radius_lg: string;
+                border_radius_sm: string;
+                border_radius_pill: string;
+                no_javascript: string;
+                theme_dark: string;
+                theme_grey: string;
+            };
         }, {
-            icon(): string;
-            formattedName(): string;
+            iconClasses(): any[];
+            fontAwesomeClasses(): any;
+            iconStyles(): {
+                color: string;
+            };
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            name: {
+            icon: {
                 type: StringConstructor;
                 required: true;
-                default: string;
             };
             variant: {
                 type: StringConstructor;
@@ -1974,11 +2542,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: any;
             };
-            orientation: {
-                type: StringConstructor;
-                default: any;
-                validator: (value: unknown) => any;
-            };
             size: {
                 type: StringConstructor;
                 default: string;
@@ -1989,18 +2552,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: any;
                 validator: (value: unknown) => any;
             };
-            duotone: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
         }>> & Readonly<{}>, {
-            name: string;
             variant: string;
             customColour: string;
-            orientation: string;
             size: string;
             smallSize: string;
-            duotone: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     VsCol: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {