pouncejs/dist/cjs/components/utils/ControlledAlert/useAlertStyles.d.ts

A collection of UI components from Panther labs

import { ControlledAlertProps } from './ControlledAlert';
declare type UseControlledAlertStylesProps = Pick<ControlledAlertProps, 'variant' | 'variantBackgroundStyle'>;
declare const useAlertStyles: ({ variant, variantBackgroundStyle }: UseControlledAlertStylesProps) => {
    p: number;
    align: string;
    icon: "code" | "data" | "link" | "output" | "filter" | "stop" | "bold" | "add" | "add-circle" | "add-user" | "alert" | "alert-alt" | "alert-circle" | "alert-circle-filled" | "arrow-back" | "application" | "badge" | "brackets" | "calendar" | "caret-down" | "caret-up" | "caret-left" | "caret-right" | "copy" | "code-semi" | "billing" | "detection" | "wrench" | "checkbox-intermediate" | "checkbox-selected" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "close-outline" | "close-circle" | "cloud" | "cloud-security" | "company" | "dashboard-alt" | "dashboard" | "data-lake" | "database-search" | "delete" | "thunder" | "healthcheck" | "disabled" | "docs" | "download" | "exclamation" | "expand" | "history" | "host" | "edit" | "external-link" | "eye-open" | "file" | "filter-light" | "arrow-forward" | "help" | "help-alt" | "indent" | "outdent" | "info" | "infra-analytics" | "infra-source" | "insight" | "integrations" | "italic" | "key" | "unlink" | "list" | "log-analysis" | "log-analytics" | "log-source" | "markup" | "more" | "multiple-upload" | "network-performance" | "notification" | "notification-snooze" | "ordered-list" | "organization" | "check" | "check-outline" | "check-circle" | "play-all" | "packs" | "play" | "pending" | "pencil" | "policy" | "preference" | "user" | "radio-selected" | "radio" | "refresh" | "remove" | "reset" | "resource" | "rule" | "save" | "schemas" | "search" | "search-alt" | "settings-alt" | "settings-line" | "settings" | "star" | "spacecraft" | "comment-filled" | "markdown" | "source-code" | "schedule" | "strikethrough" | "subtract" | "sync-disabled" | "sync" | "timer" | "trash" | "group" | "unordered-list" | "warning-alt" | "warning" | "watchlist" | "upload" | undefined;
    iconColor: "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | undefined;
    border: string;
    borderColor: "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | undefined;
    borderRadius: "large";
    backgroundColor: "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800";
    discardButtonColor: undefined;
    borderLeft?: undefined;
    borderLeftColor?: undefined;
    titleColor?: undefined;
} | {
    p: number;
    align: string;
    icon: "code" | "data" | "link" | "output" | "filter" | "stop" | "bold" | "add" | "add-circle" | "add-user" | "alert" | "alert-alt" | "alert-circle" | "alert-circle-filled" | "arrow-back" | "application" | "badge" | "brackets" | "calendar" | "caret-down" | "caret-up" | "caret-left" | "caret-right" | "copy" | "code-semi" | "billing" | "detection" | "wrench" | "checkbox-intermediate" | "checkbox-selected" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "close-outline" | "close-circle" | "cloud" | "cloud-security" | "company" | "dashboard-alt" | "dashboard" | "data-lake" | "database-search" | "delete" | "thunder" | "healthcheck" | "disabled" | "docs" | "download" | "exclamation" | "expand" | "history" | "host" | "edit" | "external-link" | "eye-open" | "file" | "filter-light" | "arrow-forward" | "help" | "help-alt" | "indent" | "outdent" | "info" | "infra-analytics" | "infra-source" | "insight" | "integrations" | "italic" | "key" | "unlink" | "list" | "log-analysis" | "log-analytics" | "log-source" | "markup" | "more" | "multiple-upload" | "network-performance" | "notification" | "notification-snooze" | "ordered-list" | "organization" | "check" | "check-outline" | "check-circle" | "play-all" | "packs" | "play" | "pending" | "pencil" | "policy" | "preference" | "user" | "radio-selected" | "radio" | "refresh" | "remove" | "reset" | "resource" | "rule" | "save" | "schemas" | "search" | "search-alt" | "settings-alt" | "settings-line" | "settings" | "star" | "spacecraft" | "comment-filled" | "markdown" | "source-code" | "schedule" | "strikethrough" | "subtract" | "sync-disabled" | "sync" | "timer" | "trash" | "group" | "unordered-list" | "warning-alt" | "warning" | "watchlist" | "upload" | undefined;
    iconColor: "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | undefined;
    borderRadius: "large";
    borderLeft: string;
    borderLeftColor: "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | undefined;
    backgroundColor: "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800";
    titleColor: "black";
    discardButtonColor: "black";
    border?: undefined;
    borderColor?: undefined;
};
export default useAlertStyles;