@vitality-ds/components 5.7.0-alpha.8 → 6.0.0-alpha.1

package/dist/components/src/StatusBadge/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const BaseStatusBadge: import("@stitches/react/types/styled-component").StyledComponent<"div", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+export declare const BaseStatusBadge: import("@stitches/react/types/styled-component").StyledComponent<"div", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<undefined, import("@stitches/react/types/styled-component").StyledComponentProps<[{
     fontFamily: string;
     fontSize: string;
     fontWeight: string;
@@ -42,11 +42,103 @@ export declare const BaseStatusBadge: import("@stitches/react/types/styled-compo
             primary: {};
         };
     };
-    compoundVariants: {
-        importance: string;
-        severity: string;
+    compoundVariants: ({
+        importance: "normal";
+        severity: "neutral";
         css: import("@vitality-ds/system").CSS;
-    }[];
+    } | {
+        importance: "normal";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    })[];
 }]>, {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
@@ -325,113 +417,113 @@ export declare const BaseStatusBadge: import("@stitches/react/types/styled-compo
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;
@@ -719,113 +811,113 @@ export declare const BaseStatusBadge: import("@stitches/react/types/styled-compo
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;
@@ -836,7 +928,7 @@ export declare const BaseStatusBadge: import("@stitches/react/types/styled-compo
         portalElement: number;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-component").StyledComponent<"a", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-component").StyledComponent<"a", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<undefined, import("@stitches/react/types/styled-component").StyledComponentProps<[{
     fontFamily: string;
     fontSize: string;
     fontWeight: string;
@@ -880,11 +972,103 @@ export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-c
             primary: {};
         };
     };
-    compoundVariants: {
-        importance: string;
-        severity: string;
+    compoundVariants: ({
+        importance: "normal";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "info";
         css: import("@vitality-ds/system").CSS;
-    }[];
+    } | {
+        importance: "low";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    })[];
 }]>, {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
@@ -1163,113 +1347,113 @@ export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-c
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;
@@ -1557,113 +1741,113 @@ export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-c
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;
@@ -1674,7 +1858,7 @@ export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-c
         portalElement: number;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-export declare const BaseStatusBadgeButton: import("@stitches/react/types/styled-component").StyledComponent<"button", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
+export declare const BaseStatusBadgeButton: import("@stitches/react/types/styled-component").StyledComponent<"button", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<undefined, import("@stitches/react/types/styled-component").StyledComponentProps<[{
     fontFamily: string;
     fontSize: string;
     fontWeight: string;
@@ -1718,11 +1902,103 @@ export declare const BaseStatusBadgeButton: import("@stitches/react/types/styled
             primary: {};
         };
     };
-    compoundVariants: {
-        importance: string;
-        severity: string;
+    compoundVariants: ({
+        importance: "normal";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "normal";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "low";
+        severity: "primary";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "neutral";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "success";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "warning";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "critical";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "info";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "accent";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "brand";
+        css: import("@vitality-ds/system").CSS;
+    } | {
+        importance: "high";
+        severity: "primary";
         css: import("@vitality-ds/system").CSS;
-    }[];
+    })[];
 }]>, {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
@@ -2001,113 +2277,113 @@ export declare const BaseStatusBadgeButton: import("@stitches/react/types/styled
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;
@@ -2395,113 +2671,113 @@ export declare const BaseStatusBadgeButton: import("@stitches/react/types/styled
         brand13: string;
     };
     fonts: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
-        default: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
+        default: /*elided*/ any;
     };
     fontSizes: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     fontWeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     letterSpacings: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     lineHeights: {
-        display100: any;
-        display200: any;
-        display300: any;
-        display400: any;
-        display500: any;
-        display600: any;
-        display700: any;
-        display800: any;
-        display900: any;
-        body: any;
-        caption: any;
-        pageTitle: any;
-        sectionTitle: any;
-        sectionSubtitle: any;
-        button: any;
-        textInput: any;
+        display100: /*elided*/ any;
+        display200: /*elided*/ any;
+        display300: /*elided*/ any;
+        display400: /*elided*/ any;
+        display500: /*elided*/ any;
+        display600: /*elided*/ any;
+        display700: /*elided*/ any;
+        display800: /*elided*/ any;
+        display900: /*elided*/ any;
+        body: /*elided*/ any;
+        caption: /*elided*/ any;
+        pageTitle: /*elided*/ any;
+        sectionTitle: /*elided*/ any;
+        sectionSubtitle: /*elided*/ any;
+        button: /*elided*/ any;
+        textInput: /*elided*/ any;
     };
     radii: {
-        default: any;
-        large: any;
-        rounded: any;
+        default: /*elided*/ any;
+        large: /*elided*/ any;
+        rounded: /*elided*/ any;
     };
     shadows: {
-        sm: any;
-        md: any;
-        lg: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
     };
     space: {
-        sm: any;
-        md: any;
-        lg: any;
-        xs: any;
-        xl: any;
-        xxl: any;
+        sm: /*elided*/ any;
+        md: /*elided*/ any;
+        lg: /*elided*/ any;
+        xs: /*elided*/ any;
+        xl: /*elided*/ any;
+        xxl: /*elided*/ any;
     };
     zIndices: {
         floatingElements: number;