@workday/canvas-kit-react/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts

The parent module that contains all Workday Canvas Kit React components

import { CSProps } from '@workday/canvas-kit-styling';
interface InformationHighlightProps extends CSProps {
    children?: React.ReactNode;
}
export declare const informationHighlightStencil: import("@workday/canvas-kit-styling").Stencil<{
    default: {
        low: {
            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-default";
            };
        };
        high: {
            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-default";
            };
        };
    };
    informational: {
        low: {
            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))";
            };
        };
        high: {
            backgroundColor: "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6499 0.1912 253.52 / 0.08)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))";
            };
        };
    };
    caution: {
        low: {
            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))";
            };
        };
        high: {
            backgroundColor: "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7982 0.159 92.57 / 0.1)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))";
            };
        };
    };
    critical: {
        low: {
            backgroundColor: "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))";
            };
        };
        high: {
            backgroundColor: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04))";
            '& [data-part="information-highlight-icon"]': {
                [x: string]: "--cnvs-sys-color-fg-inverse" | "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))";
            };
        };
    };
    actionPlacement: {
        bottom: {};
        end: {
            width: string;
            minWidth: number;
            containerType: string;
            gridTemplateColumns: string;
            gridTemplateAreas: string;
            '& [data-part="information-highlight-icon"]': {
                gridArea: string;
                alignSelf: string;
            };
            '& [data-part="information-highlight-heading"]': {
                gridArea: string;
            };
            '& [data-part="information-highlight-body"]': {
                gridArea: string;
            };
            '& [data-part="information-highlight-link"]': {
                gridArea: string;
                justifySelf: string;
                marginBlockStart: "var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem))";
            };
            '@container (min-width: 28rem)': {
                gridTemplateColumns: string;
                gridTemplateAreas: string;
                '& [data-part="information-highlight-link"]': {
                    alignSelf: string;
                    marginBlockStart: number;
                };
            };
        };
    };
}, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
    shape: string;
}, never>, {}, {
    shape: string;
}, never, never>, never>;
export declare const InformationHighlight: import("@workday/canvas-kit-react/common").ElementComponentM<"section", InformationHighlightProps & Partial<{
    variant: "caution" | "default" | "critical" | "informational";
    emphasis: "high" | "low";
    actionPlacement: "bottom" | "end";
}> & {} & {}, {
    state: {
        variant: "caution" | "default" | "critical" | "informational";
        emphasis: "high" | "low";
        actionPlacement: "bottom" | "end";
    };
    events: {};
}> & {
    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./parts/Icon").IconProps, {
        state: {
            variant: "caution" | "default" | "critical" | "informational";
            emphasis: "high" | "low";
            actionPlacement: "bottom" | "end";
        };
        events: {};
    }>;
    Heading: import("@workday/canvas-kit-react/common").ElementComponentM<"h3", import("./parts/Heading").InformationHighlightHeadingProps, {
        state: {
            variant: "caution" | "default" | "critical" | "informational";
            emphasis: "high" | "low";
            actionPlacement: "bottom" | "end";
        };
        events: {};
    }>;
    Body: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../..").TextProps, {
        state: {
            variant: "caution" | "default" | "critical" | "informational";
            emphasis: "high" | "low";
            actionPlacement: "bottom" | "end";
        };
        events: {};
    }>;
    Link: import("@workday/canvas-kit-react/common").ElementComponentM<"a", import("../..").HyperlinkProps, {
        state: {
            variant: "caution" | "default" | "critical" | "informational";
            emphasis: "high" | "low";
            actionPlacement: "bottom" | "end";
        };
        events: {};
    }>;
};
export {};
//# sourceMappingURL=InformationHighlight.d.ts.map