@visitscotland/component-library 3.3.8 → 4.0.0

package/dist/components/components/ski-scotland/ski-scotland-status/SkiScotlandStatus.vue.d.ts

@@ -328,11 +328,24 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-background-accent-grey-03": string;
         "vs-color-background-accent-grey-04": string;
         "vs-color-background-accent-grey-05": string;
+        "vs-color-new-background-primary": string;
+        /**
+         * Determines how long the request should wait for a response from the api before
+         * giving up and displaying an error. Should be provided in milliseconds.
+         */
+        "vs-color-new-background-secondary": string;
+        "vs-color-new-background-bold": string;
+        "vs-color-new-background-brand": string;
+        "vs-color-interaction-cta-subtle-hover": string;
+        "vs-color-interaction-cta-primary": 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;
+        /**
+         * Localisable label, translation of "Detailed Status"
+         */
         "vs-color-border-focus": string;
         "vs-color-border-disabled": string;
         "vs-color-border-tertiary": string;
@@ -340,7 +353,9 @@ declare const _default: import('vue').DefineComponent<{
         "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-heather": string; /**
+         * Localisable label, translation of "easy" to indicate run difficulty
+         */
         "vs-color-border-accent-glencoe": string;
         "vs-color-border-accent-bog-myrtle": string;
         "vs-color-border-accent-kelp": string;
@@ -361,21 +376,18 @@ declare const _default: import('vue').DefineComponent<{
         "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; /**
-         * Localisable label, translation of "lift" for status tables
-         */
+        "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; /**
-         * Localisable label, translation of "lifts" for status tables
+        "vs-color-icon-disabled": string;
+        "vs-color-icon-tertiary": string; /**
+         * Localisable label, translation of "news from the slopes" for the full
+         * report
          */
-        "vs-color-icon-tertiary": string;
         "vs-color-icon-danger": string;
         "vs-color-icon-warning": string;
-        "vs-color-icon-ski-grade-easy": string; /**
-         * Localisable label, translation of "lift status" for status tables
-         */
+        "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;
@@ -390,19 +402,14 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-icon-accent-unicorn": string;
         "vs-color-icon-accent-foxglove": string;
         "vs-color-icon-accent-cranachan": string;
-        "vs-color-icon-accent-bluebell": string; /**
-         * Localisable label, translation of "run" for status tables
-         */
+        "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; /**
-         * Localisable label, translation of "run/lift status" for the full
-         * report
-         */
+        "vs-color-icon-accent-bramble": string;
         "vs-color-icon-accent-saltire": string;
         "vs-color-icon-accent-buachaille": string;
         "vs-color-icon-accent-gorse": string;
@@ -413,6 +420,10 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-icon-accent-grey-03": string;
         "vs-color-icon-accent-grey-04": string;
         "vs-color-icon-accent-grey-05": string;
+        "vs-color-interaction-disabled": string;
+        "vs-color-interaction-cta-hover": string;
+        "vs-color-interaction-cta-active": string;
+        "vs-color-interaction-cta-subtle-active": string;
         "vs-color-link": string;
         "vs-color-link-pressed": string;
         "vs-color-text-visited": string;
@@ -430,22 +441,22 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-text-primary": string;
         "vs-color-text-inverse": string;
         "vs-color-text-tertiary": string;
-        "vs-color-text-danger": string;
+        "vs-color-text-danger": string; /**
+         * Localisable label, translation of "closed" for the detailed status tables
+         */
         "vs-color-text-disabled": string;
         "vs-color-text-less-subtle": string;
-        "vs-color-text-subtle": string; /**
-         * Localisable label, translation of "limited patrol" for the summary table
-         */
+        "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-bog-myrtle": string; /**
+         * Localisable label, translation of "opening" for the detailed status tables
+         */
         "vs-color-text-accent-kelp": string;
         "vs-color-text-accent-unicorn": string;
-        "vs-color-text-accent-foxglove": string; /**
-         * Localisable label, translation of "closed" for the detailed status tables
-         */
+        "vs-color-text-accent-foxglove": string;
         "vs-color-text-accent-cranachan": string;
         "vs-color-text-accent-bluebell": string;
         "vs-color-text-accent-tolsta": string;
@@ -455,13 +466,26 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-text-accent-whisky": string;
         "vs-color-text-accent-irn-bru": string;
         "vs-color-text-accent-buachaille": string;
+        /**
+         * Localisable label, translation of "very difficult" to indicate run difficulty
+         */
         "vs-color-text-accent-gorse": string;
         "vs-color-text-accent-limestone": string;
+        "vs-color-new-text-primary": string;
+        "vs-color-new-text-secondary": string;
+        "vs-color-new-text-inverse": string;
+        "vs-color-new-text-tertiary": string;
+        "vs-color-new-text-danger": string;
+        "vs-color-new-text-disabled": string;
+        "vs-color-new-text-cta-on-light": string;
+        "vs-color-new-text-brand": 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-raised": string; /**
+         * Localisable label, translation of "red" to indicate run difficulty
+         */
         "vs-elevation-surface-overlay": string;
         "font-size-1": string;
         "font-size-2": string;
@@ -474,7 +498,9 @@ declare const _default: import('vue').DefineComponent<{
         "font-size-9": string;
         "font-size-10": string;
         "font-size-body": string;
-        "font-size-body-md": string;
+        "font-size-body-md": string; /**
+         * Localisable label, translation of "orange" to indicate run difficulty
+         */
         "font-size-lead": string;
         "font-size-lead-md": string;
         "font-size-teaser": string;
@@ -482,9 +508,8 @@ declare const _default: import('vue').DefineComponent<{
         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;
+        "font-family-sans-serif": string;
+        "display-font-family": string;
         icon_size_xxs: string;
         icon_size_xs: string;
         icon_size_sm: string;
@@ -510,19 +535,20 @@ declare const _default: import('vue').DefineComponent<{
         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;
+        "display-l": string;
+        "display-m": string;
+        "display-s": string;
+        "display-xs": string;
+        "heading-xxl": string;
+        "heading-xl": string;
+        "heading-l": string;
+        "heading-m": string;
+        "heading-s": string;
+        "heading-xs": string;
+        "heading-xxs": string;
+        "sub-heading-l": string;
+        "sub-heading-m": string;
+        "sub-heading-s": string;
         letter_spacing_xxl: string;
         letter_spacing_xl: string;
         letter_spacing_l: string;
@@ -550,30 +576,24 @@ declare const _default: import('vue').DefineComponent<{
         "spacer-500": string;
         "spacer-600": string;
         "spacer-700": 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_xl: string;
         line_height_s: string;
-        line_height_standard: string;
+        "line-height-sub-heading": string;
         line_height_xs: string;
+        line_height_lead: string;
+        line_height_standard: string;
+        "line-height-body": string;
+        "line-height-heading": string;
+        line_height_l: string;
         grid_columns: string;
         grid_gutter_width: string;
         no_javascript: string;
         theme_dark: string;
         theme_grey: string;
+        "tracking-heading": string;
+        "tracking-sub-heading": string;
+        "tracking-body": string;
     };
     componentId: number;
     statusSummary: {

package/dist/components/components/stretched-link-card/StretchedLinkCard.vue.d.ts

@@ -17,6 +17,16 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
+    /**
+     * The heading style used for the heading.
+     * `display-l|display-m|display-s|display-xs|heading-xxl|heading-xl|
+     * heading-l|heading-m|heading-s|heading-xs|heading-xxs`
+     */
+    headingStyle: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        validator: (value: unknown) => any;
+    };
     /**
     * The type of link. This will set the icon.
     * `external, internal, download, video`
@@ -142,6 +152,16 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: unknown) => any;
     };
+    /**
+     * The heading style used for the heading.
+     * `display-l|display-m|display-s|display-xs|heading-xxl|heading-xl|
+     * heading-l|heading-m|heading-s|heading-xs|heading-xxs`
+     */
+    headingStyle: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        validator: (value: unknown) => any;
+    };
     /**
     * The type of link. This will set the icon.
     * `external, internal, download, video`
@@ -213,6 +233,7 @@ declare const _default: import('vue').DefineComponent<{
 }>>, {
     link: string;
     disabled: boolean;
+    headingStyle: string | number;
     imgAlt: string;
     headingLevel: string | number;
     videoId: string;