@vitality-ds/components 5.3.0 → 5.5.0

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

@@ -13,20 +13,832 @@ export declare const BaseCallout: import("@stitches/react/types/styled-component
             warning: {};
             critical: {};
             success: {};
+            accent: {};
+            brand: {};
+            primary: {};
+            neutral: {};
         };
         size: {
             compact: {
                 backgroundColor: string;
                 padding: number;
             };
+            blockCompact: {
+                flexDirection: string;
+                padding: string;
+            };
+            default: {};
+        };
+    };
+    compoundVariants: {
+        size: string;
+        severity: string;
+        css: import("@vitality-ds/system").CSS;
+    }[];
+}]>, {
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, import("@stitches/react/types/css-util").CSS<{
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    colors: {
+        blue2: string;
+        cyan2: string;
+        green2: string;
+        grey2: string;
+        greyA2: string;
+        orange2: string;
+        pink2: string;
+        red2: string;
+        violet2: string;
+        yellow2: string;
+        blue1: string;
+        cyan1: string;
+        green1: string;
+        grey1: string;
+        greyA1: string;
+        orange1: string;
+        pink1: string;
+        red1: string;
+        violet1: string;
+        yellow1: string;
+        blue7: string;
+        cyan7: string;
+        green7: string;
+        grey7: string;
+        greyA7: string;
+        orange7: string;
+        pink7: string;
+        red7: string;
+        violet7: string;
+        yellow7: string;
+        blue12: string;
+        cyan12: string;
+        green12: string;
+        grey12: string;
+        greyA12: string;
+        orange12: string;
+        pink12: string;
+        red12: string;
+        violet12: string;
+        yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
+        blue3: string;
+        cyan3: string;
+        green3: string;
+        grey3: string;
+        greyA3: string;
+        orange3: string;
+        pink3: string;
+        red3: string;
+        violet3: string;
+        yellow3: string;
+        blue4: string;
+        cyan4: string;
+        green4: string;
+        grey4: string;
+        greyA4: string;
+        orange4: string;
+        pink4: string;
+        red4: string;
+        violet4: string;
+        yellow4: string;
+        blue5: string;
+        cyan5: string;
+        green5: string;
+        grey5: string;
+        greyA5: string;
+        orange5: string;
+        pink5: string;
+        red5: string;
+        violet5: string;
+        yellow5: string;
+        blue10: string;
+        cyan10: string;
+        green10: string;
+        grey10: string;
+        greyA10: string;
+        orange10: string;
+        pink10: string;
+        red10: string;
+        violet10: string;
+        yellow10: string;
+        blue9: string;
+        cyan9: string;
+        green9: string;
+        grey9: string;
+        greyA9: string;
+        orange9: string;
+        pink9: string;
+        red9: string;
+        violet9: string;
+        yellow9: string;
+        blue11: string;
+        cyan11: string;
+        green11: string;
+        grey11: string;
+        greyA11: string;
+        orange11: string;
+        pink11: string;
+        red11: string;
+        violet11: string;
+        yellow11: string;
+        blue6: string;
+        cyan6: string;
+        green6: string;
+        grey6: string;
+        greyA6: string;
+        orange6: string;
+        pink6: string;
+        red6: string;
+        violet6: string;
+        yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        violet8: string;
+        yellow8: string;
+        blue13: string;
+        cyan13: string;
+        green13: string;
+        grey13: string;
+        greyA13: string;
+        orange13: string;
+        pink13: string;
+        red13: string;
+        violet13: string;
+        yellow13: string;
+        neutral2: string;
+        neutralA2: string;
+        primary2: string;
+        accent2: string;
+        success2: string;
+        info2: string;
+        warning2: string;
+        critical2: string;
+        brand2: string;
+        neutral1: string;
+        neutralA1: string;
+        primary1: string;
+        accent1: string;
+        success1: string;
+        info1: string;
+        warning1: string;
+        critical1: string;
+        brand1: string;
+        neutral7: string;
+        neutralA7: string;
+        primary7: string;
+        accent7: string;
+        success7: string;
+        info7: string;
+        warning7: string;
+        critical7: string;
+        brand7: string;
+        neutral12: string;
+        neutralA12: string;
+        primary12: string;
+        accent12: string;
+        success12: string;
+        info12: string;
+        warning12: string;
+        critical12: string;
+        brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
+        neutral3: string;
+        neutralA3: string;
+        primary3: string;
+        accent3: string;
+        success3: string;
+        info3: string;
+        warning3: string;
+        critical3: string;
+        brand3: string;
+        neutral4: string;
+        neutralA4: string;
+        primary4: string;
+        accent4: string;
+        success4: string;
+        info4: string;
+        warning4: string;
+        critical4: string;
+        brand4: string;
+        neutral5: string;
+        neutralA5: string;
+        primary5: string;
+        accent5: string;
+        success5: string;
+        info5: string;
+        warning5: string;
+        critical5: string;
+        brand5: string;
+        neutral10: string;
+        neutralA10: string;
+        primary10: string;
+        accent10: string;
+        success10: string;
+        info10: string;
+        warning10: string;
+        critical10: string;
+        brand10: string;
+        neutral9: string;
+        neutralA9: string;
+        primary9: string;
+        accent9: string;
+        success9: string;
+        info9: string;
+        warning9: string;
+        critical9: string;
+        brand9: string;
+        neutral11: string;
+        neutralA11: string;
+        primary11: string;
+        accent11: string;
+        success11: string;
+        info11: string;
+        warning11: string;
+        critical11: string;
+        brand11: string;
+        neutral6: string;
+        neutralA6: string;
+        primary6: string;
+        accent6: string;
+        success6: string;
+        info6: string;
+        warning6: string;
+        critical6: string;
+        brand6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
+        brand8: string;
+        neutral13: string;
+        neutralA13: string;
+        primary13: string;
+        accent13: string;
+        success13: string;
+        info13: string;
+        warning13: string;
+        critical13: string;
+        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;
+    };
+    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;
+    };
+    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;
+    };
+    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;
+    };
+    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;
+    };
+    radii: {
+        default: any;
+        large: any;
+        rounded: any;
+    };
+    shadows: {
+        sm: any;
+        md: any;
+        lg: any;
+    };
+    space: {
+        sm: any;
+        md: any;
+        lg: any;
+        xs: any;
+        xl: any;
+        xxl: any;
+    };
+    zIndices: {
+        floatingElements: number;
+        blanket: number;
+        dialog: number;
+        toast: number;
+        tooltip: number;
+        portalElement: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>]>, {
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, import("@stitches/react/types/css-util").CSS<{
+    bp1: "(min-width: 48rem)";
+    bp2: "(min-width: 69rem)";
+    bp3: "(min-width: 85rem)";
+}, {
+    colors: {
+        blue2: string;
+        cyan2: string;
+        green2: string;
+        grey2: string;
+        greyA2: string;
+        orange2: string;
+        pink2: string;
+        red2: string;
+        violet2: string;
+        yellow2: string;
+        blue1: string;
+        cyan1: string;
+        green1: string;
+        grey1: string;
+        greyA1: string;
+        orange1: string;
+        pink1: string;
+        red1: string;
+        violet1: string;
+        yellow1: string;
+        blue7: string;
+        cyan7: string;
+        green7: string;
+        grey7: string;
+        greyA7: string;
+        orange7: string;
+        pink7: string;
+        red7: string;
+        violet7: string;
+        yellow7: string;
+        blue12: string;
+        cyan12: string;
+        green12: string;
+        grey12: string;
+        greyA12: string;
+        orange12: string;
+        pink12: string;
+        red12: string;
+        violet12: string;
+        yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
+        blue3: string;
+        cyan3: string;
+        green3: string;
+        grey3: string;
+        greyA3: string;
+        orange3: string;
+        pink3: string;
+        red3: string;
+        violet3: string;
+        yellow3: string;
+        blue4: string;
+        cyan4: string;
+        green4: string;
+        grey4: string;
+        greyA4: string;
+        orange4: string;
+        pink4: string;
+        red4: string;
+        violet4: string;
+        yellow4: string;
+        blue5: string;
+        cyan5: string;
+        green5: string;
+        grey5: string;
+        greyA5: string;
+        orange5: string;
+        pink5: string;
+        red5: string;
+        violet5: string;
+        yellow5: string;
+        blue10: string;
+        cyan10: string;
+        green10: string;
+        grey10: string;
+        greyA10: string;
+        orange10: string;
+        pink10: string;
+        red10: string;
+        violet10: string;
+        yellow10: string;
+        blue9: string;
+        cyan9: string;
+        green9: string;
+        grey9: string;
+        greyA9: string;
+        orange9: string;
+        pink9: string;
+        red9: string;
+        violet9: string;
+        yellow9: string;
+        blue11: string;
+        cyan11: string;
+        green11: string;
+        grey11: string;
+        greyA11: string;
+        orange11: string;
+        pink11: string;
+        red11: string;
+        violet11: string;
+        yellow11: string;
+        blue6: string;
+        cyan6: string;
+        green6: string;
+        grey6: string;
+        greyA6: string;
+        orange6: string;
+        pink6: string;
+        red6: string;
+        violet6: string;
+        yellow6: string;
+        blue8: string;
+        cyan8: string;
+        green8: string;
+        grey8: string;
+        greyA8: string;
+        orange8: string;
+        pink8: string;
+        red8: string;
+        violet8: string;
+        yellow8: string;
+        blue13: string;
+        cyan13: string;
+        green13: string;
+        grey13: string;
+        greyA13: string;
+        orange13: string;
+        pink13: string;
+        red13: string;
+        violet13: string;
+        yellow13: string;
+        neutral2: string;
+        neutralA2: string;
+        primary2: string;
+        accent2: string;
+        success2: string;
+        info2: string;
+        warning2: string;
+        critical2: string;
+        brand2: string;
+        neutral1: string;
+        neutralA1: string;
+        primary1: string;
+        accent1: string;
+        success1: string;
+        info1: string;
+        warning1: string;
+        critical1: string;
+        brand1: string;
+        neutral7: string;
+        neutralA7: string;
+        primary7: string;
+        accent7: string;
+        success7: string;
+        info7: string;
+        warning7: string;
+        critical7: string;
+        brand7: string;
+        neutral12: string;
+        neutralA12: string;
+        primary12: string;
+        accent12: string;
+        success12: string;
+        info12: string;
+        warning12: string;
+        critical12: string;
+        brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
+        neutral3: string;
+        neutralA3: string;
+        primary3: string;
+        accent3: string;
+        success3: string;
+        info3: string;
+        warning3: string;
+        critical3: string;
+        brand3: string;
+        neutral4: string;
+        neutralA4: string;
+        primary4: string;
+        accent4: string;
+        success4: string;
+        info4: string;
+        warning4: string;
+        critical4: string;
+        brand4: string;
+        neutral5: string;
+        neutralA5: string;
+        primary5: string;
+        accent5: string;
+        success5: string;
+        info5: string;
+        warning5: string;
+        critical5: string;
+        brand5: string;
+        neutral10: string;
+        neutralA10: string;
+        primary10: string;
+        accent10: string;
+        success10: string;
+        info10: string;
+        warning10: string;
+        critical10: string;
+        brand10: string;
+        neutral9: string;
+        neutralA9: string;
+        primary9: string;
+        accent9: string;
+        success9: string;
+        info9: string;
+        warning9: string;
+        critical9: string;
+        brand9: string;
+        neutral11: string;
+        neutralA11: string;
+        primary11: string;
+        accent11: string;
+        success11: string;
+        info11: string;
+        warning11: string;
+        critical11: string;
+        brand11: string;
+        neutral6: string;
+        neutralA6: string;
+        primary6: string;
+        accent6: string;
+        success6: string;
+        info6: string;
+        warning6: string;
+        critical6: string;
+        brand6: string;
+        neutral8: string;
+        neutralA8: string;
+        primary8: string;
+        accent8: string;
+        success8: string;
+        info8: string;
+        warning8: string;
+        critical8: string;
+        brand8: string;
+        neutral13: string;
+        neutralA13: string;
+        primary13: string;
+        accent13: string;
+        success13: string;
+        info13: string;
+        warning13: string;
+        critical13: string;
+        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;
+    };
+    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;
+    };
+    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;
+    };
+    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;
+    };
+    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;
+    };
+    radii: {
+        default: any;
+        large: any;
+        rounded: any;
+    };
+    shadows: {
+        sm: any;
+        md: any;
+        lg: any;
+    };
+    space: {
+        sm: any;
+        md: any;
+        lg: any;
+        xs: any;
+        xl: any;
+        xxl: any;
+    };
+    zIndices: {
+        floatingElements: number;
+        blanket: number;
+        dialog: number;
+        toast: number;
+        tooltip: number;
+        portalElement: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const BaseCalloutActions: 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<[{
+    gap: string;
+    display: string;
+    flex: number;
+    alignItems: string;
+    justifyContent: string;
+    variants: {
+        size: {
+            blockCompact: {
+                flexGrow: number;
+            };
+            compact: {};
             default: {};
         };
     };
-    compoundVariants: {
-        size: string;
-        severity: string;
-        css: import("@vitality-ds/system").CSS;
-    }[];
 }]>, {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
@@ -77,6 +889,16 @@ export declare const BaseCallout: import("@stitches/react/types/styled-component
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -203,6 +1025,15 @@ export declare const BaseCallout: import("@stitches/react/types/styled-component
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -452,6 +1283,16 @@ export declare const BaseCallout: import("@stitches/react/types/styled-component
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -578,6 +1419,15 @@ export declare const BaseCallout: import("@stitches/react/types/styled-component
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -778,7 +1628,7 @@ export declare const BaseCallout: import("@stitches/react/types/styled-component
         portalElement: number;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-export declare const BaseCalloutActions: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+export declare const BaseCalloutIconContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     bp1: "(min-width: 48rem)";
     bp2: "(min-width: 69rem)";
     bp3: "(min-width: 85rem)";
@@ -828,6 +1678,16 @@ export declare const BaseCalloutActions: import("@stitches/react/types/styled-co
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -954,6 +1814,15 @@ export declare const BaseCalloutActions: import("@stitches/react/types/styled-co
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -1167,6 +2036,14 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
             compact: {
                 gap: string;
             };
+            blockCompact: {
+                gap: string;
+                "& div": {
+                    [x: string]: {
+                        marginRight: string;
+                    };
+                };
+            };
             default: {};
         };
     };
@@ -1220,6 +2097,16 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -1346,6 +2233,15 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -1595,6 +2491,16 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -1721,6 +2627,15 @@ export declare const BaseCalloutTitleContainer: import("@stitches/react/types/st
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;