@visitscotland/component-library 4.1.2 → 4.1.4

package/dist/components/components/carbon-calculator/components/CarbonCalculatorResults.vue.d.ts

@@ -71,19 +71,31 @@ declare const _default: import('vue').DefineComponent<{
     }>;
     cssProps: string;
     tokens: {
+        "vs-color-new-background-primary": string;
+        "vs-color-new-background-secondary": string;
+        "vs-color-background-bold": string;
+        "vs-color-interaction-cta-subtle": string;
+        "vs-color-new-background-brand": string;
+        "vs-color-background-inverse": string;
+        "vs-color-new-background-highlight": string;
+        "vs-color-background-information": string;
+        "vs-color-new-background-success": string;
+        "vs-color-new-background-warning": string;
+        "vs-color-new-background-error": string;
+        "vs-color-new-background-accent-heather-80": string;
+        "vs-color-new-background-accent-heather-30": string;
+        "vs-color-new-background-accent-tolsta-40": string;
+        "vs-color-new-background-accent-gorse-05": string;
         "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;
@@ -92,6 +104,19 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-background-accent-kelp": string;
         "vs-color-background-accent-unicorn": string;
         "vs-color-background-accent-foxglove": string;
+        /**
+         * An array that defines which placeholders in the comparison need to be replaced and what
+         * they should be replaced with. Each entry should be an object with a "repl" key and a
+         * "divisor" key
+         *
+         * {
+         *      "repl": "xxx",
+         *      "divisor": 0.2
+         * }
+         *
+         * In the above case, the substring "xxx" in the comparison will be replaced with the total
+         * emissions number / 0.2
+         */
         "vs-color-background-accent-cuillin": string;
         "vs-color-background-accent-cranachan": string;
         "vs-color-background-accent-bluebell": string;
@@ -101,7 +126,12 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-background-accent-harr": string;
         "vs-color-background-accent-salmon": string;
         "vs-color-background-accent-whisky": string;
-        "vs-color-background-accent-irn-bru": string;
+        "vs-color-background-accent-irn-bru": string; /**
+         * Language locale string. Used to determine correct formatting for numbers (decimal
+         * delimeter)
+         *
+         * Example: "en-gb"
+         */
         "vs-color-background-accent-buachaille": string;
         "vs-color-background-accent-gorse": string;
         "vs-color-background-accent-limestone": string;
@@ -110,22 +140,32 @@ 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;
-        "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-new-border-primary": string;
+        "vs-color-new-border-secondary": string;
+        "vs-color-border-inverse": string;
+        "vs-color-new-border-input": string;
+        "vs-color-new-border-highlight": string;
+        "vs-color-new-border-success": string;
+        "vs-color-new-border-warning": string;
+        "vs-color-new-border-error": string;
+        "vs-color-new-border-disabled": 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-bold": string; /**
+         * Returns the localised comparison from the labelsmap with actual data interpolated into
+         * it. The comparison is a string with one or more placeholders in it which need to be
+         * replaced with a number specific to the user's actual data (in the general form of
+         * "that's equivalent to 15 full washloads").
+         *
+         * The exact string that needs to be replaced and the number that should be entered is
+         * derived from the comparison replacements object described in props.
+         */
         "vs-color-border-focus": string;
         "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;
@@ -150,19 +190,28 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-border-accent-grey-03": string;
         "vs-color-border-accent-grey-04": string;
         "vs-color-border-accent-grey-05": string;
+        "vs-color-new-icon-primary": string;
+        "vs-color-new-icon-secondary": string;
+        "vs-color-icon-inverse": string;
+        "vs-color-new-icon-cta-on-light": string;
+        "vs-color-new-icon-highlight": string;
+        "vs-color-new-icon-success": string;
+        "vs-color-new-icon-warning": string;
+        "vs-color-new-icon-error": string;
+        "vs-color-new-icon-disabled": string;
+        "vs-color-new-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": 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;
@@ -190,10 +239,26 @@ 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-new-interaction-focus": string;
+        "vs-color-new-interaction-focus-on-bold": string;
+        "vs-color-new-interaction-cta-primary": string;
+        "vs-color-new-interaction-cta-secondary": string;
+        "vs-color-new-interaction-cta-hover": string;
+        "vs-color-new-interaction-cta-pressed": string;
+        "vs-color-new-interaction-cta-disabled": string;
+        "vs-color-new-interaction-cta-subtle-hover": string;
+        "vs-color-new-interaction-cta-subtle-pressed": string;
+        "vs-color-new-interaction-link-primary": string;
+        "vs-color-new-interaction-link-active": string;
+        "vs-color-new-interaction-link-visited": string;
+        "vs-color-new-interaction-link-disabled": string;
+        "vs-color-new-interaction-link-visited-on-bold": string;
         "vs-color-interaction-disabled": string;
         "vs-color-interaction-cta-hover": string;
+        "vs-color-interaction-cta-subtle-hover": string;
         "vs-color-interaction-cta-active": string;
         "vs-color-interaction-cta-subtle-active": string;
+        "vs-color-interaction-cta-primary": string;
         "vs-color-link": string;
         "vs-color-link-pressed": string;
         "vs-color-text-visited": string;
@@ -207,9 +272,18 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-success": string;
         "vs-color-disabled": string;
         "vs-color-information": string;
+        "vs-color-new-text-primary": string;
+        "vs-color-new-text-secondary": string;
+        "vs-color-new-text-tertiary": string;
+        "vs-color-text-inverse": string;
+        "vs-color-new-text-cta-on-light": string;
+        "vs-color-new-text-highlight": string;
+        "vs-color-new-text-brand": string;
+        "vs-color-new-text-disabled": string;
+        "vs-color-new-text-error": string;
+        "vs-color-new-text-success": 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;
@@ -234,14 +308,6 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-text-accent-buachaille": string;
         "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;

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

@@ -71,25 +71,42 @@ declare const _default: import('vue').DefineComponent<{
     isOpen: boolean;
     showSearch: boolean;
     tokens: {
+        "vs-color-new-background-primary": string;
+        "vs-color-new-background-secondary": string;
+        "vs-color-background-bold": string;
+        "vs-color-interaction-cta-subtle": string;
+        "vs-color-new-background-brand": string;
+        "vs-color-background-inverse": string;
+        "vs-color-new-background-highlight": string;
+        "vs-color-background-information": string;
+        "vs-color-new-background-success": string;
+        "vs-color-new-background-warning": string;
+        "vs-color-new-background-error": string;
+        "vs-color-new-background-accent-heather-80": string;
+        "vs-color-new-background-accent-heather-30": string;
+        "vs-color-new-background-accent-tolsta-40": string;
+        "vs-color-new-background-accent-gorse-05": string;
         "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;
+        /**
+         * Accessiblity alt text for the menu button
+         */
         "vs-color-background-accent-glencoe": string;
         "vs-color-background-accent-bog-myrtle": string;
-        "vs-color-background-accent-kelp": string;
+        "vs-color-background-accent-kelp": string; /**
+         * Search button text
+         */
         "vs-color-background-accent-unicorn": string;
         "vs-color-background-accent-foxglove": string;
         "vs-color-background-accent-cuillin": string;
@@ -98,14 +115,10 @@ declare const _default: import('vue').DefineComponent<{
         "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-harr": string;
         "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-irn-bru": string;
         "vs-color-background-accent-buachaille": string;
         "vs-color-background-accent-gorse": string;
         "vs-color-background-accent-limestone": string;
@@ -114,18 +127,15 @@ 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; /**
-         * Text that renders inside the clear button
-         * on the search form (sr-only)
-         */
-        "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; /**
-         * Text that renders inside the close button on
-         * the search form (sr-only)
-         */
-        "vs-color-interaction-cta-primary": string;
+        "vs-color-new-border-primary": string;
+        "vs-color-new-border-secondary": string;
+        "vs-color-border-inverse": string;
+        "vs-color-new-border-input": string;
+        "vs-color-new-border-highlight": string;
+        "vs-color-new-border-success": string;
+        "vs-color-new-border-warning": string;
+        "vs-color-new-border-error": string;
+        "vs-color-new-border-disabled": string;
         "vs-color-border": string;
         "vs-color-border-primary": string;
         "vs-color-border-primary-hover": string;
@@ -135,7 +145,6 @@ declare const _default: import('vue').DefineComponent<{
         "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;
@@ -160,19 +169,28 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-border-accent-grey-03": string;
         "vs-color-border-accent-grey-04": string;
         "vs-color-border-accent-grey-05": string;
+        "vs-color-new-icon-primary": string;
+        "vs-color-new-icon-secondary": string;
+        "vs-color-icon-inverse": string;
+        "vs-color-new-icon-cta-on-light": string;
+        "vs-color-new-icon-highlight": string;
+        "vs-color-new-icon-success": string;
+        "vs-color-new-icon-warning": string;
+        "vs-color-new-icon-error": string;
+        "vs-color-new-icon-disabled": string;
+        "vs-color-new-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": 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;
@@ -200,10 +218,26 @@ 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-new-interaction-focus": string;
+        "vs-color-new-interaction-focus-on-bold": string;
+        "vs-color-new-interaction-cta-primary": string;
+        "vs-color-new-interaction-cta-secondary": string;
+        "vs-color-new-interaction-cta-hover": string;
+        "vs-color-new-interaction-cta-pressed": string;
+        "vs-color-new-interaction-cta-disabled": string;
+        "vs-color-new-interaction-cta-subtle-hover": string;
+        "vs-color-new-interaction-cta-subtle-pressed": string;
+        "vs-color-new-interaction-link-primary": string;
+        "vs-color-new-interaction-link-active": string;
+        "vs-color-new-interaction-link-visited": string;
+        "vs-color-new-interaction-link-disabled": string;
+        "vs-color-new-interaction-link-visited-on-bold": string;
         "vs-color-interaction-disabled": string;
         "vs-color-interaction-cta-hover": string;
+        "vs-color-interaction-cta-subtle-hover": string;
         "vs-color-interaction-cta-active": string;
         "vs-color-interaction-cta-subtle-active": string;
+        "vs-color-interaction-cta-primary": string;
         "vs-color-link": string;
         "vs-color-link-pressed": string;
         "vs-color-text-visited": string;
@@ -217,9 +251,18 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-success": string;
         "vs-color-disabled": string;
         "vs-color-information": string;
+        "vs-color-new-text-primary": string;
+        "vs-color-new-text-secondary": string;
+        "vs-color-new-text-tertiary": string;
+        "vs-color-text-inverse": string;
+        "vs-color-new-text-cta-on-light": string;
+        "vs-color-new-text-highlight": string;
+        "vs-color-new-text-brand": string;
+        "vs-color-new-text-disabled": string;
+        "vs-color-new-text-error": string;
+        "vs-color-new-text-success": 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;
@@ -244,14 +287,6 @@ declare const _default: import('vue').DefineComponent<{
         "vs-color-text-accent-buachaille": string;
         "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;