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

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

import { ComponentStyle } from "../../core/system/index.types.js";
import { CSSObject, CSSPropObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/button/icon-button.style.d.ts
declare const iconButtonStyle: ComponentStyle<CSSPropObject<CSSObject>, {
  "2xs": {
    fontSize: "md";
    minBoxSize: "6";
  };
  xs: {
    fontSize: "lg";
    minBoxSize: "8";
  };
  sm: {
    fontSize: "xl";
    minBoxSize: "9";
  };
  md: {
    fontSize: "2xl";
    minBoxSize: "10";
  };
  lg: {
    fontSize: "3xl";
    minBoxSize: "11";
  };
  xl: {
    fontSize: "4xl";
    minBoxSize: "12";
  };
  "2xl": {
    fontSize: "4xl";
    minBoxSize: "14";
  };
}, {
  ghost: {
    layerStyle: "ghost";
    _hover: {
      layerStyle: "ghost.hover";
    };
  };
  outline: {
    layerStyle: "outline";
    _hover: {
      layerStyle: "outline.hover";
    };
  };
  solid: {
    layerStyle: "solid";
    _hover: {
      layerStyle: "solid.hover";
    };
  };
  subtle: {
    layerStyle: "subtle";
    _hover: {
      layerStyle: "subtle.hover";
    };
  };
  surface: {
    layerStyle: "surface";
    _hover: {
      layerStyle: "surface.hover";
    };
  };
}>;
type IconButtonStyle = typeof iconButtonStyle;
//#endregion
export { IconButtonStyle, iconButtonStyle };
//# sourceMappingURL=icon-button.style.d.ts.map