@vitality-ds/components 4.1.2 → 4.2.0

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLinkVariant = exports.getGhostVariant = exports.getSubtleVariant = exports.getColorVariant = void 0;
+exports.getLinkVariant = exports.getGhostVariant = exports.getOnSurfaceVariant = exports.getSubtleVariant = exports.getColorVariant = void 0;
 var system_1 = require("@vitality-ds/system");
 var tokens_1 = require("@vitality-ds/tokens");
+var constants_1 = require("../constants");
 var text = tokens_1.colorUseCases.text, backgrounds = tokens_1.colorUseCases.backgrounds, borders = tokens_1.colorUseCases.borders;
 var getColorVariant = function (colorScale) { return ({
+    border: constants_1.BUTTON_BORDER_WIDTH + " solid transparent",
     color: (0, system_1.getColorScaleValueByUseCase)(colorScale, text.onSolidBackgrounds),
     backgroundColor: (0, system_1.getColorScaleValueByUseCase)(colorScale, backgrounds.uiElementSolid),
     "&:hover": {
@@ -26,6 +28,7 @@ var getColorVariant = function (colorScale) { return ({
 exports.getColorVariant = getColorVariant;
 var getSubtleVariant = function (colorScale) { return ({
     color: (0, system_1.getColorScaleValueByUseCase)(colorScale, text.hiSaturation),
+    border: constants_1.BUTTON_BORDER_WIDTH + " solid " + (0, system_1.getColorScaleValueByUseCase)(colorScale, borders.uiElement),
     backgroundColor: (0, system_1.getColorScaleValueByUseCase)(colorScale, backgrounds.uiElement),
     "&:hover": {
         backgroundColor: (0, system_1.getColorScaleValueByUseCase)(colorScale, backgrounds.uiElement_hovered),
@@ -41,10 +44,34 @@ var getSubtleVariant = function (colorScale) { return ({
         cursor: "not-allowed",
         color: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
         backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", backgrounds.uiElement_disabled),
+        borderColor: "transparent",
     },
 }); };
 exports.getSubtleVariant = getSubtleVariant;
+var getOnSurfaceVariant = function (colorScale) { return ({
+    color: (0, system_1.getColorScaleValueByUseCase)(colorScale, text.hiSaturation),
+    border: constants_1.BUTTON_BORDER_WIDTH + " solid " + (0, system_1.getColorScaleValueByUseCase)(colorScale, borders.uiElement),
+    backgroundColor: (0, system_1.getColorScaleValueByUseCase)(colorScale, backgrounds.uiElementOnSurface),
+    "&:hover": {
+        backgroundColor: (0, system_1.getColorScaleValueByUseCase)(colorScale, backgrounds.uiElementOnSurface_hovered),
+    },
+    "&:active": {
+        backgroundColor: (0, system_1.getColorScaleValueByUseCase)(colorScale, backgrounds.uiElementOnSurface_active),
+    },
+    "&:focus-visible": {
+        boxShadow: "0 0 0 $space$outlineWidth " + (0, system_1.getColorScaleValueByUseCase)(colorScale, borders.focusRing),
+        outline: "none",
+    },
+    "&[disabled]": {
+        cursor: "not-allowed",
+        color: (0, system_1.getColorScaleValueByUseCase)("neutral", text.disabled),
+        backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", backgrounds.uiElement_disabled),
+        borderColor: "transparent",
+    },
+}); };
+exports.getOnSurfaceVariant = getOnSurfaceVariant;
 var getGhostVariant = function (colorScale) { return ({
+    border: constants_1.BUTTON_BORDER_WIDTH + " solid transparent",
     backgroundColor: "transparent",
     color: (0, system_1.getColorScaleValueByUseCase)(colorScale, text.lowContrast),
     "&:hover": {
@@ -65,6 +92,7 @@ var getGhostVariant = function (colorScale) { return ({
 }); };
 exports.getGhostVariant = getGhostVariant;
 var getLinkVariant = function (colorScale) { return ({
+    border: constants_1.BUTTON_BORDER_WIDTH + " solid transparent",
     backgroundColor: "transparent",
     color: (0, system_1.getColorScaleValueByUseCase)(colorScale, text.hiSaturation),
     "&:hover:not([disabled])": {

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

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

package/dist/components/src/Button/primitives/styles/helpers.spec.js

@@ -16,6 +16,7 @@ describe("getColorVariant", function () {
                 cursor: "not-allowed",
             },
             backgroundColor: "$colors$neutral9",
+            border: "1px solid transparent",
             color: "$colors$neutral13",
         });
     });
@@ -31,10 +32,12 @@ describe("getSubtleVariant", function () {
             "&:hover": { backgroundColor: "$colors$neutral4" },
             "&[disabled]": {
                 backgroundColor: "$colors$neutral2",
+                borderColor: "transparent",
                 color: "$colors$neutral8",
                 cursor: "not-allowed",
             },
             backgroundColor: "$colors$neutral3",
+            border: "1px solid $colors$neutral7",
             color: "$colors$neutral9",
         });
     });
@@ -54,6 +57,7 @@ describe("getGhostVariant", function () {
                 backgroundColor: "$colors$neutral2",
             },
             backgroundColor: "transparent",
+            border: "1px solid transparent",
             color: "$colors$neutral11",
         });
     });
@@ -78,6 +82,32 @@ describe("getLinkVariant", function () {
                 backgroundColor: "transparent",
             },
             backgroundColor: "transparent",
+            border: "1px solid transparent",
+            color: "$colors$neutral9",
+        });
+    });
+});
+describe("getOnSurfaceVariant", function () {
+    it("should show the appropriate output", function () {
+        expect((0, helpers_1.getOnSurfaceVariant)("neutral")).toEqual({
+            "&:active": {
+                backgroundColor: "$colors$neutral6",
+            },
+            "&:focus-visible": {
+                boxShadow: "0 0 0 $space$outlineWidth $colors$neutral7",
+                outline: "none",
+            },
+            "&:hover": {
+                backgroundColor: "$colors$neutral5",
+            },
+            "&[disabled]": {
+                backgroundColor: "$colors$neutral2",
+                borderColor: "transparent",
+                color: "$colors$neutral8",
+                cursor: "not-allowed",
+            },
+            backgroundColor: "$colors$neutral4",
+            border: "1px solid $colors$neutral7",
             color: "$colors$neutral9",
         });
     });

package/dist/components/src/Button/primitives/styles/helpers.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.spec.js","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/helpers.spec.ts"],"names":[],"mappings":";;AAAA,qCAKmB;AAEnB,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,oCAAoC,EAAE;QACvC,MAAM,CAAC,IAAA,yBAAe,EAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;YACzC,UAAU,EAAE,EAAE,eAAe,EAAE,mBAAmB,EAAE;YACpD,iBAAiB,EAAE;gBACjB,SAAS,EAAE,4CAA4C;gBACvD,OAAO,EAAE,MAAM;aAChB;YACD,SAAS,EAAE,EAAE,eAAe,EAAE,mBAAmB,EAAE;YACnD,aAAa,EAAE;gBACb,eAAe,EAAE,kBAAkB;gBACnC,KAAK,EAAE,kBAAkB;gBACzB,MAAM,EAAE,aAAa;aACtB;YACD,eAAe,EAAE,kBAAkB;YACnC,KAAK,EAAE,mBAAmB;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,oCAAoC,EAAE;QACvC,MAAM,CAAC,IAAA,0BAAgB,EAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;YAC1C,UAAU,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE;YACnD,iBAAiB,EAAE;gBACjB,SAAS,EAAE,4CAA4C;gBACvD,OAAO,EAAE,MAAM;aAChB;YACD,SAAS,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE;YAClD,aAAa,EAAE;gBACb,eAAe,EAAE,kBAAkB;gBACnC,KAAK,EAAE,kBAAkB;gBACzB,MAAM,EAAE,aAAa;aACtB;YACD,eAAe,EAAE,kBAAkB;YACnC,KAAK,EAAE,kBAAkB;SAC1B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,oCAAoC,EAAE;QACvC,MAAM,CAAC,IAAA,yBAAe,EAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;YACzC,UAAU,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE;YACnD,iBAAiB,EAAE;gBACjB,SAAS,EAAE,4CAA4C;gBACvD,OAAO,EAAE,MAAM;aAChB;YACD,SAAS,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE;YAClD,aAAa,EAAE;gBACb,MAAM,EAAE,aAAa;gBACrB,KAAK,EAAE,kBAAkB;gBACzB,eAAe,EAAE,kBAAkB;aACpC;YACD,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,mBAAmB;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,oCAAoC,EAAE;QACvC,MAAM,CAAC,IAAA,wBAAc,EAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;YACxC,UAAU,EAAE;gBACV,eAAe,EAAE,aAAa;gBAC9B,KAAK,EAAE,mBAAmB;aAC3B;YACD,0BAA0B,EAAE;gBAC1B,SAAS,EAAE,MAAM;aAClB;YACD,yBAAyB,EAAE;gBACzB,eAAe,EAAE,aAAa;gBAC9B,cAAc,EAAE,WAAW;aAC5B;YACD,aAAa,EAAE;gBACb,MAAM,EAAE,aAAa;gBACrB,KAAK,EAAE,kBAAkB;gBACzB,eAAe,EAAE,aAAa;aAC/B;YACD,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,kBAAkB;SAC1B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"helpers.spec.js","sourceRoot":"","sources":["../../../../../../src/Button/primitives/styles/helpers.spec.ts"],"names":[],"mappings":"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"}

package/dist/components/src/Button/types.d.ts

@@ -12,6 +12,7 @@ declare type Appearance = {
     spinnerColor: ButtonSpinnerColor;
 };
 export declare type Appearances = {
+    onSurface: Appearance;
     standard: Appearance;
     primary: Appearance;
     destructive: Appearance;

package/dist/components/src/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Button/types.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,aAAK,oBAAoB,GAAG,OAAO,CACjC,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,SAAS,CAAC,CACjD,CAAC;AAEF,aAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,OAAO,CAAC,CAC/C,CAAC;AACF,aAAK,kBAAkB,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE/D,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;IACpB,WAAW,EAAE,UAAU,CAAC;IACxB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,oBAAY,WAAW,GAAG,aAAa,GACrC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Button/types.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,YAAY,EACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,aAAK,oBAAoB,GAAG,OAAO,CACjC,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,SAAS,CAAC,CACjD,CAAC;AAEF,aAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,OAAO,CAAC,CAC/C,CAAC;AACF,aAAK,kBAAkB,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;AAE/D,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,UAAU,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;IACpB,WAAW,EAAE,UAAU,CAAC;IACxB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,oBAAY,WAAW,GAAG,aAAa,GACrC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/src/Callout/components/CalloutDescription/styled.d.ts

@@ -137,15 +137,6 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -155,6 +146,15 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -244,14 +244,6 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -260,6 +252,14 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -486,15 +486,6 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -504,6 +495,15 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -593,14 +593,6 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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;
@@ -609,6 +601,14 @@ export declare const BaseCalloutDescription: import("@stitches/react/types/style
         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/Callout/components/CalloutDescription/styles/BaseCalloutDescription.styles.d.ts

@@ -137,15 +137,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;
@@ -155,6 +146,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;
@@ -244,14 +244,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;
@@ -260,6 +252,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/Callout/styled.d.ts

@@ -127,15 +127,6 @@ export declare const BaseCallout: 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;
@@ -145,6 +136,15 @@ export declare const BaseCallout: 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;
@@ -234,14 +234,6 @@ export declare const BaseCallout: 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;
@@ -250,6 +242,14 @@ export declare const BaseCallout: 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;
@@ -476,15 +476,6 @@ export declare const BaseCallout: 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;
@@ -494,6 +485,15 @@ export declare const BaseCallout: 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;
@@ -583,14 +583,6 @@ export declare const BaseCallout: 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;
@@ -599,6 +591,14 @@ export declare const BaseCallout: 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;
@@ -826,15 +826,6 @@ export declare const BaseCalloutActions: import("@stitches/react/types/styled-co
         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;
@@ -844,6 +835,15 @@ export declare const BaseCalloutActions: import("@stitches/react/types/styled-co
         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;
@@ -933,14 +933,6 @@ export declare const BaseCalloutActions: import("@stitches/react/types/styled-co
         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;
@@ -949,6 +941,14 @@ export declare const BaseCalloutActions: import("@stitches/react/types/styled-co
         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;
@@ -1192,15 +1192,6 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1210,6 +1201,15 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1299,14 +1299,6 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1315,6 +1307,14 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1541,15 +1541,6 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1559,6 +1550,15 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1648,14 +1648,6 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;
@@ -1664,6 +1656,14 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         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;