@yamada-ui/react/dist/types/components/button/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 "../../index.js";

//#region src/components/button/button.style.d.ts
declare const buttonStyle: ComponentStyle<{
  /**
   * If `true`, the button is full rounded. Else, it'll be slightly round.
   *
   * @default false
   */
  fullRounded: {
    true: {
      rounded: "full";
    };
  };
}, {
  xs: {
    fontSize: "xs";
    gap: "1";
    h: "8";
    lineHeight: "{sizes.8}";
    minW: "8";
    px: "2";
    _icon: {
      fontSize: "md";
    };
  };
  sm: {
    fontSize: "sm";
    gap: "2";
    h: "9";
    lineHeight: "{sizes.9}";
    minW: "9";
    px: "3";
    _icon: {
      fontSize: "md";
    };
  };
  md: {
    fontSize: "md";
    gap: "2";
    h: "10";
    lineHeight: "{sizes.10}";
    minW: "10";
    px: "3";
    _icon: {
      fontSize: "lg";
    };
  };
  lg: {
    fontSize: "lg";
    gap: "2.5";
    h: "11";
    lineHeight: "{sizes.11}";
    minW: "11";
    px: "4";
    _icon: {
      fontSize: "2xl";
    };
  };
  xl: {
    fontSize: "xl";
    gap: "3";
    h: "12";
    lineHeight: "{sizes.12}";
    minW: "12";
    px: "5";
    _icon: {
      fontSize: "2xl";
    };
  };
  "2xl": {
    fontSize: "xl";
    gap: "3";
    h: "14";
    lineHeight: "{sizes.14}";
    minW: "14";
    px: "5";
    _icon: {
      fontSize: "2xl";
    };
  };
}, {
  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 ButtonStyle = typeof buttonStyle;
//#endregion
export { ButtonStyle, buttonStyle };
//# sourceMappingURL=button.style.d.ts.map