@vitality-ds/components 4.1.2 → 4.2.0

package/dist/components/src/Button/primitives/styled.d.ts

@@ -26,6 +26,7 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         variant: {
             solid: {};
             subtle: {};
+            onSurface: {};
             ghost: {};
             link: {};
         };
@@ -158,15 +159,6 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -176,6 +168,15 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -265,14 +266,6 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -281,6 +274,14 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;
@@ -507,15 +508,6 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -525,6 +517,15 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -614,14 +615,6 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -630,6 +623,14 @@ export declare const BaseButton: import("@stitches/react/types/styled-component"
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;
@@ -867,15 +868,6 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -885,6 +877,15 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -974,14 +975,6 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -990,6 +983,14 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;
@@ -1216,15 +1217,6 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -1234,6 +1226,15 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -1323,14 +1324,6 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -1339,6 +1332,14 @@ export declare const BaseContentContainer: import("@stitches/react/types/styled-
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;
@@ -1566,15 +1567,6 @@ export declare const BaseLoadingContainer: import("@stitches/react/types/styled-
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -1584,6 +1576,15 @@ export declare const BaseLoadingContainer: import("@stitches/react/types/styled-
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -1673,14 +1674,6 @@ export declare const BaseLoadingContainer: import("@stitches/react/types/styled-
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -1689,6 +1682,14 @@ export declare const BaseLoadingContainer: import("@stitches/react/types/styled-
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;

package/dist/components/src/Button/primitives/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/Button/primitives/styled.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAqC,CAAC;AAC7D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAA6C,CAAC;AAC/E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAA6C,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/Button/primitives/styled.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAqC,CAAC;AAC7D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAA6C,CAAC;AAC/E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAA6C,CAAC"}

package/dist/components/src/Button/primitives/styles/BaseButton.styles.d.ts

@@ -31,6 +31,7 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         variant: {
             solid: {};
             subtle: {};
+            onSurface: {};
             ghost: {};
             link: {};
         };
@@ -171,15 +172,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -189,6 +181,15 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -278,14 +279,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -294,6 +287,14 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;

package/dist/components/src/Button/primitives/styles/BaseButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/BaseButton.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;QAwCI;;;;WAIG;;;;;;;QAOH;;;;WAIG;;;;;;;;;QASH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnDP,wBA8MG"}
+{"version":3,"file":"BaseButton.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/BaseButton.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;QA0CI;;;;WAIG;;;;;;;;QAQH;;;;WAIG;;;;;;;;;QASH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApDP,wBAoPG"}

package/dist/components/src/Button/primitives/styles/BaseButton.styles.js

@@ -12,13 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@vitality-ds/system");
+var constants_1 = require("../constants");
 var helpers_1 = require("./helpers");
 var text = system_1.colorUseCases.text;
 exports.default = (0, system_1.css)({
     fontFamily: "$button",
     fontSize: "$button",
     fontWeight: "$button",
-    lineHeight: "$button",
+    lineHeight: "calc($button * 1em - (" + constants_1.BUTTON_BORDER_WIDTH + " * 2))",
     letterSpacing: "$button",
     borderRadius: "$default",
     border: "none",
@@ -47,6 +48,7 @@ exports.default = (0, system_1.css)({
         variant: {
             solid: {},
             subtle: {},
+            onSurface: {},
             ghost: {},
             link: {},
         },
@@ -89,7 +91,7 @@ exports.default = (0, system_1.css)({
         {
             color: "neutral",
             variant: "subtle",
-            css: __assign(__assign({}, (0, helpers_1.getSubtleVariant)("neutralA")), { 
+            css: __assign(__assign({}, (0, helpers_1.getSubtleVariant)("neutral")), { 
                 // Override the usual colour use case
                 color: (0, system_1.getColorScaleValueByUseCase)("neutralA", text.lowContrast) }),
         },
@@ -118,6 +120,41 @@ exports.default = (0, system_1.css)({
             variant: "subtle",
             css: (0, helpers_1.getSubtleVariant)("info"),
         },
+        /**
+         * OnSurface Variants
+         */
+        {
+            color: "neutral",
+            variant: "onSurface",
+            css: __assign(__assign({}, (0, helpers_1.getOnSurfaceVariant)("neutral")), { 
+                // Override the usual colour use case
+                color: (0, system_1.getColorScaleValueByUseCase)("neutralA", text.lowContrast) }),
+        },
+        {
+            color: "primary",
+            variant: "onSurface",
+            css: (0, helpers_1.getOnSurfaceVariant)("primary"),
+        },
+        {
+            color: "success",
+            variant: "onSurface",
+            css: (0, helpers_1.getOnSurfaceVariant)("success"),
+        },
+        {
+            color: "warning",
+            variant: "onSurface",
+            css: (0, helpers_1.getOnSurfaceVariant)("warning"),
+        },
+        {
+            color: "critical",
+            variant: "onSurface",
+            css: (0, helpers_1.getOnSurfaceVariant)("critical"),
+        },
+        {
+            color: "info",
+            variant: "onSurface",
+            css: (0, helpers_1.getOnSurfaceVariant)("info"),
+        },
         /**
          * Ghost Variants
          */

package/dist/components/src/Button/primitives/styles/BaseButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.styles.js","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/BaseButton.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BaseButton.styles.js","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/BaseButton.styles.ts"],"names":[],"mappings":"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"}

package/dist/components/src/Button/primitives/styles/BaseContentContainer.styles.d.ts

@@ -108,15 +108,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -126,6 +117,15 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -215,14 +215,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -231,6 +223,14 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;

package/dist/components/src/Button/primitives/styles/BaseLoadingContainer.styles.d.ts

@@ -98,15 +98,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         pink11: string;
         red11: string;
         yellow11: string;
-        blue8: string;
-        cyan8: string;
-        green8: string;
-        grey8: string;
-        greyA8: string;
-        orange8: string;
-        pink8: string;
-        red8: string;
-        yellow8: string;
         blue6: string;
         cyan6: string;
         green6: string;
@@ -116,6 +107,15 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         pink6: string;
         red6: string;
         yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        yellow8: string;
         blue13: string;
         cyan13: string;
         green13: string;
@@ -205,14 +205,6 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         info11: string;
         warning11: string;
         critical11: string;
-        neutral8: string;
-        neutralA8: string;
-        primary8: string;
-        accent8: string;
-        success8: string;
-        info8: string;
-        warning8: string;
-        critical8: string;
         neutral6: string;
         neutralA6: string;
         primary6: string;
@@ -221,6 +213,14 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
         info6: string;
         warning6: string;
         critical6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
         neutral13: string;
         neutralA13: string;
         primary13: string;

package/dist/components/src/Button/primitives/styles/helpers.d.ts

@@ -2,6 +2,7 @@ import { CSS } from "@vitality-ds/system";
 import { ThemeColors } from "@vitality-ds/tokens";
 export declare const getColorVariant: (colorScale: keyof typeof ThemeColors) => CSS;
 export declare const getSubtleVariant: (colorScale: keyof typeof ThemeColors) => CSS;
+export declare const getOnSurfaceVariant: (colorScale: keyof typeof ThemeColors) => CSS;
 export declare const getGhostVariant: (colorScale: keyof typeof ThemeColors) => CSS;
 export declare const getLinkVariant: (colorScale: keyof typeof ThemeColors) => CSS;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/components/src/Button/primitives/styles/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAA+B,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAiB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIjE,eAAO,MAAM,eAAe,eAAgB,MAAM,kBAAkB,KAAG,GAiCrE,CAAC;AAEH,eAAO,MAAM,gBAAgB,eACf,MAAM,kBAAkB,KACnC,GAiCD,CAAC;AAEH,eAAO,MAAM,eAAe,eAAgB,MAAM,kBAAkB,KAAG,GA8BrE,CAAC;AAEH,eAAO,MAAM,cAAc,eAAgB,MAAM,kBAAkB,KAAG,GAmBpE,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAA+B,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAiB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMjE,eAAO,MAAM,eAAe,eAAgB,MAAM,kBAAkB,KAAG,GAkCrE,CAAC;AAEH,eAAO,MAAM,gBAAgB,eACf,MAAM,kBAAkB,KACnC,GAsCD,CAAC;AAEH,eAAO,MAAM,mBAAmB,eAClB,MAAM,kBAAkB,KACnC,GAsCD,CAAC;AAEH,eAAO,MAAM,eAAe,eAAgB,MAAM,kBAAkB,KAAG,GA+BrE,CAAC;AAEH,eAAO,MAAM,cAAc,eAAgB,MAAM,kBAAkB,KAAG,GAoBpE,CAAC"}