@yamada-ui/react/dist/types/components/card/card.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 { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/card/card.style.d.ts
declare const cardStyle: ComponentSlotStyle<"body" | "footer" | "header" | "root", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "root">>, {
  sm: {
    body: {
      gap: "3";
      px: "3";
      py: "2";
    };
    footer: {
      gap: "3";
      pb: "2";
      px: "3";
    };
    header: {
      fontSize: "lg";
      gap: "3";
      pt: "2";
      px: "3";
    };
  };
  md: {
    body: {
      gap: "4";
      px: "4";
      py: "3";
    };
    footer: {
      gap: "4";
      pb: "3";
      px: "4";
    };
    header: {
      fontSize: "xl";
      gap: "4";
      pt: "3";
      px: "4";
    };
  };
  lg: {
    body: {
      gap: "6";
      px: "6";
      py: "5";
    };
    footer: {
      gap: "6";
      pb: "5";
      px: "6";
    };
    header: {
      fontSize: "2xl";
      gap: "6";
      pt: "5";
      px: "6";
    };
  };
  xl: {
    body: {
      gap: "8";
      px: "8";
      py: "7";
    };
    footer: {
      gap: "8";
      pb: "7";
      px: "8";
    };
    header: {
      fontSize: "2xl";
      gap: "8";
      pt: "7";
      px: "8";
    };
  };
}, {
  elevated: {
    root: {
      bg: "bg.panel";
      boxShadow: "md";
    };
  };
  outline: {
    root: {
      layerStyle: "outline";
    };
  };
  panel: {
    root: {
      layerStyle: "panel";
    };
  };
  solid: {
    root: {
      layerStyle: "solid";
    };
  };
  subtle: {
    root: {
      layerStyle: "subtle";
    };
  };
  surface: {
    root: {
      layerStyle: "surface";
    };
  };
}>;
type CardStyle = typeof cardStyle;
//#endregion
export { CardStyle, cardStyle };
//# sourceMappingURL=card.style.d.ts.map