@visitscotland/component-library 3.0.4 → 3.0.6

package/dist/components/components/image-with-caption/ImageWithCaption.vue.d.ts

@@ -138,7 +138,7 @@ declare const _default: import('vue').DefineComponent<{
         onetrustActiveGroups(): any;
         requiredCookiesExist(): any;
         cookiesInitStatus(): any;
-        cookiesSet: () => any;
+        cookiesSet: () => string[];
     };
     mounted(): void;
 }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -256,7 +256,12 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }>>, {
+    useLazyLoading: boolean;
     noJsMessage: string;
+    noCookiesMessage: string;
+    cookieLinkText: string;
+    videoId: string;
+    errorMessage: string;
     altText: string;
     closedDefaultCaption: boolean;
     imageSrc: string;
@@ -265,12 +270,7 @@ declare const _default: import('vue').DefineComponent<{
     mobileOverlap: boolean;
     toggleButtonText: string;
     playButtonText: string;
-    videoId: string;
     smallPlayButton: boolean;
-    noCookiesMessage: string;
-    cookieLinkText: string;
-    useLazyLoading: boolean;
-    errorMessage: string;
     showToggle: boolean;
 }, {}>;
 export default _default;

package/dist/components/components/img/Img.vue.d.ts

@@ -56,7 +56,14 @@ declare const _default: import('vue').DefineComponent<{
     imgStyle(): {
         backgroundImage: string;
     };
-}, {}, any, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {
+    computed: {
+        fullSrcSet(): string;
+    };
+    methods: {
+        specificImgSize(size: any): string;
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The source URL
      */
@@ -111,11 +118,11 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }>>, {
-    alt: string;
-    useGenericLqip: boolean;
     fluid: boolean;
-    useLazyLoading: boolean;
+    alt: string;
     fluidGrow: boolean;
     lowResImage: string;
+    useGenericLqip: boolean;
+    useLazyLoading: boolean;
 }, {}>;
 export default _default;

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

@@ -296,15 +296,15 @@ declare const _default: import('vue').DefineComponent<{
     value: string;
     type: string;
     disabled: boolean;
-    hintText: string;
     invalid: boolean;
     validationRules: Record<string, any>;
+    hintText: string;
     triggerValidate: boolean;
     validationMessages: Record<string, any>;
     genericValidation: Record<string, any>;
     reAlertErrors: boolean;
+    clearButtonText: string;
     placeholder: string;
     autoComplete: boolean;
-    clearButtonText: string;
 }, {}>;
 export default _default;

package/dist/components/components/link/Link.vue.d.ts

@@ -127,7 +127,7 @@ declare const _default: import('vue').DefineComponent<{
     variant: string;
     href: string;
     disabled: boolean;
-    dataLayerValue: string;
     iconSize: string;
+    dataLayerValue: string;
 }, {}>;
 export default _default;

package/dist/components/components/link-list/components/LinkListItem.vue.d.ts

@@ -30,7 +30,18 @@ declare const _default: import('vue').DefineComponent<{
         default: any;
     };
 }, {
-    videoStore: any;
+    videoStore: import('pinia').Store<"video", import('../../../stores/video.store').IVideosState, {}, {
+        addVideo(newVideo: {
+            videoId: string;
+            videoDurationMsg: string;
+            videoDuration: number;
+            videoFullDuration: {
+                minutes: number;
+                seconds: number;
+                roundedMinutes: string;
+            };
+        }): void;
+    }>;
 }, any, {
     formattedVideoDuration(): string;
     videoDetails(): any;

package/dist/components/components/list/List.vue.d.ts

@@ -44,7 +44,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     inline: boolean;
-    unstyled: boolean;
     ordered: boolean;
+    unstyled: boolean;
 }, {}>;
 export default _default;

package/dist/components/components/mega-nav/MegaNav.vue.d.ts

@@ -59,10 +59,282 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Indicates whether the nav contains static links rather than dropdowns. If true some
+     * supporting aria roles must be added.
+     */
+    isStatic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, any, {
     isOpen: boolean;
     showSearch: boolean;
-    tokens: any;
+    tokens: {
+        "vs-color-background-brand": string;
+        "vs-color-background-primary": string;
+        "vs-color-background-hover": string;
+        "vs-color-background-active": string;
+        "vs-color-background-inverse": string;
+        "vs-color-background-tertiary": string;
+        "vs-color-background-input": string;
+        "vs-color-background-disabled": string;
+        "vs-color-background-success": string;
+        "vs-color-background-danger": string;
+        "vs-color-background-neutral": string;
+        "vs-color-background-bold": string;
+        "vs-color-background-information": string;
+        "vs-color-background-accent-lavender": string;
+        "vs-color-background-accent-etive": string;
+        "vs-color-background-accent-heather": string;
+        "vs-color-background-accent-glencoe": string;
+        "vs-color-background-accent-bog-myrtle": string;
+        "vs-color-background-accent-kelp": string;
+        "vs-color-background-accent-unicorn": string;
+        "vs-color-background-accent-foxglove": string;
+        "vs-color-background-accent-cuillin": string;
+        "vs-color-background-accent-cranachan": string;
+        "vs-color-background-accent-bluebell": string;
+        "vs-color-background-accent-oatcake": string;
+        "vs-color-background-accent-tolsta": string;
+        "vs-color-background-accent-dunnock": string;
+        "vs-color-background-accent-harr": string; /**
+         * Accessiblity alt text for the menu button
+         */
+        "vs-color-background-accent-salmon": string;
+        "vs-color-background-accent-whisky": string;
+        "vs-color-background-accent-irn-bru": string; /**
+         * Search button text
+         */
+        "vs-color-background-accent-buachaille": string;
+        "vs-color-background-accent-gorse": string;
+        "vs-color-background-accent-limestone": string;
+        "vs-color-background-accent-grey-01": string;
+        "vs-color-background-accent-grey-02": string;
+        "vs-color-background-accent-grey-03": string;
+        "vs-color-background-accent-grey-04": string;
+        "vs-color-background-accent-grey-05": string;
+        "vs-color-border": string;
+        "vs-color-border-primary": string;
+        "vs-color-border-primary-hover": string;
+        "vs-color-border-input": string;
+        "vs-color-border-bold": string;
+        "vs-color-border-focus": string;
+        /**
+         * Text that renders inside the close button on
+         * the search form (sr-only)
+         */
+        "vs-color-border-disabled": string;
+        "vs-color-border-tertiary": string;
+        "vs-color-border-danger": string;
+        "vs-color-border-inverse": string;
+        "vs-color-border-accent-lavender": string;
+        "vs-color-border-accent-etive": string;
+        "vs-color-border-accent-heather": string;
+        "vs-color-border-accent-glencoe": string;
+        "vs-color-border-accent-bog-myrtle": string;
+        "vs-color-border-accent-kelp": string;
+        "vs-color-border-accent-unicorn": string;
+        "vs-color-border-accent-foxglove": string;
+        "vs-color-border-accent-cranachan": string;
+        "vs-color-border-accent-bluebell": string;
+        "vs-color-border-accent-tolsta": string;
+        "vs-color-border-accent-dunnock": string;
+        "vs-color-border-accent-harr": string;
+        "vs-color-border-accent-salmon": string;
+        "vs-color-border-accent-whisky": string;
+        "vs-color-border-accent-irn-bru": string;
+        "vs-color-border-accent-buachaille": string;
+        "vs-color-border-accent-gorse": string;
+        "vs-color-border-accent-limestone": string;
+        "vs-color-border-accent-grey-01": string;
+        "vs-color-border-accent-grey-02": string;
+        "vs-color-border-accent-grey-03": string;
+        "vs-color-border-accent-grey-04": string;
+        "vs-color-border-accent-grey-05": string;
+        "vs-color-icon": string;
+        "vs-color-icon-primary": string;
+        "vs-color-icon-inverse": string;
+        "vs-color-icon-disabled": string;
+        "vs-color-icon-tertiary": string;
+        "vs-color-icon-danger": string;
+        "vs-color-icon-warning": string;
+        "vs-color-icon-ski-grade-easy": string;
+        "vs-color-icon-ski-grade-intermediate": string;
+        "vs-color-icon-ski-grade-difficult": string;
+        "vs-color-icon-ski-grade-very-difficult": string;
+        "vs-color-icon-ski-grade-itineraries": string;
+        "vs-color-icon-ski-grade-other": string;
+        "vs-color-icon-accent-lavender": string;
+        "vs-color-icon-accent-etive": string;
+        "vs-color-icon-accent-heather": string;
+        "vs-color-icon-accent-glencoe": string;
+        "vs-color-icon-accent-bog-myrtle": string;
+        "vs-color-icon-accent-kelp": string;
+        "vs-color-icon-accent-unicorn": string;
+        "vs-color-icon-accent-foxglove": string;
+        "vs-color-icon-accent-cranachan": string;
+        "vs-color-icon-accent-bluebell": string;
+        "vs-color-icon-accent-tolsta": string;
+        "vs-color-icon-accent-dunnock": string;
+        "vs-color-icon-accent-harr": string;
+        "vs-color-icon-accent-salmon": string;
+        "vs-color-icon-accent-whisky": string;
+        "vs-color-icon-accent-irn-bru": string;
+        "vs-color-icon-accent-bramble": string;
+        "vs-color-icon-accent-saltire": string;
+        "vs-color-icon-accent-buachaille": string;
+        "vs-color-icon-accent-gorse": string;
+        "vs-color-icon-accent-limestone": string;
+        "vs-color-icon-accent-loch-ness": string;
+        "vs-color-icon-accent-grey-01": string;
+        "vs-color-icon-accent-grey-02": string;
+        "vs-color-icon-accent-grey-03": string;
+        "vs-color-icon-accent-grey-04": string;
+        "vs-color-icon-accent-grey-05": string;
+        "vs-color-link": string;
+        "vs-color-link-pressed": string;
+        "vs-color-text-visited": string;
+        "vs-color-brand": string;
+        "vs-color-primary": string;
+        "vs-color-inverse": string;
+        "vs-color-tertiary": string;
+        "vs-color-neutral": string;
+        "vs-color-danger": string;
+        "vs-color-warning": string;
+        "vs-color-success": string;
+        "vs-color-disabled": string;
+        "vs-color-information": string;
+        "vs-color-text": string;
+        "vs-color-text-primary": string;
+        "vs-color-text-inverse": string;
+        "vs-color-text-tertiary": string;
+        "vs-color-text-danger": string;
+        "vs-color-text-disabled": string;
+        "vs-color-text-less-subtle": string;
+        "vs-color-text-subtle": string;
+        "vs-color-text-accent-lavender": string;
+        "vs-color-text-accent-etive": string;
+        "vs-color-text-accent-heather": string;
+        "vs-color-text-accent-glencoe": string;
+        "vs-color-text-accent-bog-myrtle": string;
+        "vs-color-text-accent-kelp": string;
+        "vs-color-text-accent-unicorn": string;
+        "vs-color-text-accent-foxglove": string;
+        "vs-color-text-accent-cranachan": string;
+        "vs-color-text-accent-bluebell": string;
+        "vs-color-text-accent-tolsta": string;
+        "vs-color-text-accent-dunnock": string;
+        "vs-color-text-accent-harr": string;
+        "vs-color-text-accent-salmon": string;
+        "vs-color-text-accent-whisky": string;
+        "vs-color-text-accent-irn-bru": string;
+        "vs-color-text-accent-buachaille": string;
+        "vs-color-text-accent-gorse": string;
+        "vs-color-text-accent-limestone": 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;
+        font_weight_bold: string;
+        font_weight_semi_bold: string;
+        font_weight_normal: string;
+        font_weight_light: string;
+        font_family_sans_serif: string;
+        headings_font_family: string;
+        headings_font_family_thin: 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;
+        opacity_100: string;
+        opacity_50: string;
+        opacity_0: string;
+        duration_quickly: string;
+        duration_base: string;
+        duration_slowly: string;
+        breakpoint_xl: string;
+        breakpoint_md: string;
+        max_container_width_xl: string;
+        breakpoint_sm: string;
+        breakpoint_lg: string;
+        breakpoint_xs: string;
+        max_container_width_md: string;
+        max_container_width_sm: string;
+        max_container_width_lg: string;
+        max_container_width_xxl: string;
+        breakpoint_xxl: string;
+        "vs-box-shadow-focus": string;
+        "vs-box-shadow-focus-on-dark": string;
+        "font-size-h1": string;
+        "font-size-h1-md": string;
+        "font-size-h2": string;
+        "font-size-h2-md": string;
+        "font-size-h3": string;
+        "font-size-h3-md": string;
+        "font-size-h4": string;
+        "font-size-h5": string;
+        "font-size-h5-md": string;
+        "font-size-h6": string;
+        "font-size-h6-md": string;
+        "font-size-h3-sub": string;
+        "font-size-h2-sub": string;
+        letter_spacing_xxl: string;
+        letter_spacing_xl: string;
+        letter_spacing_l: string;
+        letter_spacing_m: string;
+        letter_spacing_s: string;
+        letter_spacing_xs: string;
+        border_radius_default: string;
+        border_radius_xl: string;
+        border_radius_lg: string;
+        border_radius_sm: string;
+        border_radius_pill: string;
+        "spacer-0": string;
+        "spacer-1": string;
+        "spacer-2": string;
+        "spacer-3": string;
+        "spacer-4": string;
+        "spacer-5": string;
+        "spacer-6": string;
+        "spacer-7": string;
+        "spacer-8": string;
+        "spacer-9": string;
+        "spacer-10": string;
+        "spacer-11": string;
+        "spacer-12": string;
+        line_height_lead: string;
+        line_height_xl: string;
+        line_height_l: string;
+        line_height_m: string;
+        line_height_s: string;
+        line_height_standard: string;
+        line_height_xs: string;
+        grid_columns: string;
+        grid_gutter_width: string;
+        no_javascript: string;
+        theme_dark: string;
+        theme_grey: string;
+    };
 }, {}, {
     /**
      * Toggles dropdown menu property
@@ -159,7 +431,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Indicates whether the nav contains static links rather than dropdowns. If true some
+     * supporting aria roles must be added.
+     */
+    isStatic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    isStatic: boolean;
     logoAltText: string;
     searchLabelText: string;
     searchClearButtonText: string;

package/dist/components/components/mega-nav/components/MegaNavDropdownContainer.vue.d.ts

@@ -50,8 +50,8 @@ declare const _default: import('vue').DefineComponent<{
         validator: (value: unknown) => any;
     };
 }>>, {
-    align: string;
     href: string;
+    align: string;
     ctaText: string;
 }, {}>;
 export default _default;

package/dist/components/components/megalinks/Megalinks.vue.d.ts

@@ -119,10 +119,10 @@ declare const _default: import('vue').DefineComponent<{
 }>>, {
     title: string;
     variant: string;
+    theme: string;
     noJsMessage: string;
     noCookiesMessage: string;
     cookieLinkText: string;
     buttonLink: string;
-    theme: string;
 }, {}>;
 export default _default;

package/dist/components/components/megalinks/components/megalink-link-list/MegalinkLinkList.vue.d.ts

@@ -181,14 +181,14 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
 }>>, {
-    imgAlt: string;
     transport: string;
+    imgAlt: string;
+    theme: string;
+    videoId: string;
+    videoBtnText: string;
+    errorMessage: string;
     days: string;
     daysLabel: string;
     transportName: string;
-    videoId: string;
-    errorMessage: string;
-    videoBtnText: string;
-    theme: string;
 }, {}>;
 export default _default;

package/dist/components/components/megalinks/components/megalink-multi-image/MegalinkMultiImage.vue.d.ts

@@ -218,16 +218,16 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
 }>>, {
-    imgAlt: string;
     transport: string;
+    imgAlt: string;
+    theme: string;
+    videoId: string;
+    videoBtnText: string;
+    errorMessage: string;
     days: string;
     daysLabel: string;
     transportName: string;
-    videoId: string;
-    errorMessage: string;
-    videoBtnText: string;
     featured: boolean;
-    theme: string;
     lastFeatured: boolean;
 }, {}>;
 export default _default;

package/dist/components/components/number-input/NumberInput.vue.d.ts

@@ -279,16 +279,16 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     value: number;
-    hintText: string;
-    minimumNumber: number;
-    maximumNumber: number;
     invalid: boolean;
     validationRules: Record<string, any>;
+    hintText: string;
     triggerValidate: boolean;
     validationMessages: Record<string, any>;
     genericValidation: Record<string, any>;
     reAlertErrors: boolean;
-    autoComplete: boolean;
     clearButtonText: string;
+    minimumNumber: number;
+    maximumNumber: number;
+    autoComplete: boolean;
 }, {}>;
 export default _default;

package/dist/components/components/radio-button/RadioButton.vue.d.ts

@@ -222,9 +222,9 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     value: string;
-    hintText: string;
     invalid: boolean;
     validationRules: Record<string, any>;
+    hintText: string;
     triggerValidate: boolean;
     validationMessages: Record<string, any>;
     genericValidation: Record<string, any>;

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

@@ -200,9 +200,9 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     value: string;
-    hintText: string;
     invalid: boolean;
     validationRules: Record<string, any>;
+    hintText: string;
     triggerValidate: boolean;
     validationMessages: Record<string, any>;
     genericValidation: Record<string, any>;