@yamada-ui/react/dist/types/components/alert/alert.style.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/alert/alert.style.d.ts
declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, {
  island: {
    description: {
      color: "fg.muted";
    };
    icon: {
      color: "colorScheme.solid";
    };
    root: {
      layerStyle: "panel";
      pl: number;
      _before: {
        bg: "colorScheme.solid";
        h: "calc(100% - {sizes.5})";
        left: "3";
        position: "absolute";
        rounded: "full";
        top: "50%";
        transform: "translateY(-50%)";
        w: number;
      };
    };
  };
  plain: {
    description: {
      color: "fg.muted";
    };
    icon: {
      color: "colorScheme.solid";
    };
    root: {
      layerStyle: "panel";
    };
  };
  solid: {
    icon: {
      textStyle: "solid";
    };
    root: {
      layerStyle: "solid";
    };
  };
  subtle: {
    icon: {
      textStyle: "subtle";
    };
    root: {
      layerStyle: "subtle";
    };
  };
  surface: {
    icon: {
      textStyle: "surface";
    };
    root: {
      layerStyle: "surface";
    };
  };
}>;
type AlertStyle = typeof alertStyle;
//#endregion
export { AlertStyle, alertStyle };
//# sourceMappingURL=alert.style.d.ts.map