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

//#region src/components/stat/stat.style.d.ts
declare const statStyle: ComponentSlotStyle<"label" | "value" | "icon" | "root" | "helperMessage" | "unit", {
  /**
   * If `true`, container will center its children regardless of their width.
   *
   * @default false
   */
  centerContent: {
    false: {
      root: {
        alignItems: "flex-start";
      };
    };
    true: {
      root: {
        alignItems: "center";
      };
    };
  };
}, {
  xs: {
    helperMessage: {
      fontSize: "xs";
    };
    label: {
      fontSize: "sm";
    };
    root: {
      gap: "1";
    };
    unit: {
      fontSize: "sm";
    };
    value: {
      fontSize: "3xl";
      gap: "1";
    };
  };
  sm: {
    helperMessage: {
      fontSize: "xs";
    };
    label: {
      fontSize: "sm";
    };
    root: {
      gap: "1";
    };
    unit: {
      fontSize: "sm";
    };
    value: {
      fontSize: "4xl";
      gap: "1";
    };
  };
  md: {
    helperMessage: {
      fontSize: "sm";
    };
    label: {
      fontSize: "md";
    };
    root: {
      gap: "2";
    };
    unit: {
      fontSize: "md";
    };
    value: {
      fontSize: "5xl";
      gap: "1.5";
    };
  };
  lg: {
    helperMessage: {
      fontSize: "sm";
    };
    label: {
      fontSize: "md";
    };
    root: {
      gap: "2";
    };
    unit: {
      fontSize: "md";
    };
    value: {
      fontSize: "6xl";
      gap: "2";
    };
  };
}, CSSModifierObject<CSSSlotObject<"label" | "value" | "icon" | "root" | "helperMessage" | "unit">>>;
type StatStyle = typeof statStyle;
//#endregion
export { StatStyle, statStyle };
//# sourceMappingURL=stat.style.d.ts.map