@yamada-ui/react/dist/types/theme/styles/index.d.ts

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

import { CSSObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/theme/styles/index.d.ts
declare const styles: {
  globalStyle: CSSObject;
  layerStyles: {
    active: {
      opacity: number;
    };
    disabled: {
      cursor: "not-allowed";
      opacity: number;
      _ripple: {
        display: "none";
      };
    };
    ghost: {
      bg: "transparent";
      border: "1px solid transparent";
      color: "colorScheme.outline";
    };
    "ghost.hover": {
      bg: "colorScheme.ghost";
    };
    hover: {
      opacity: number;
    };
    outline: {
      bg: "transparent";
      border: "1px solid {colorScheme.muted}";
      color: "colorScheme.outline";
    };
    "outline.hover": {
      bg: "colorScheme.ghost";
    };
    panel: {
      bg: "bg.panel";
      borderColor: "border";
      borderWidth: "1px";
    };
    readOnly: {
      cursor: "default";
      _ripple: {
        display: "none";
      };
    };
    solid: {
      bg: "colorScheme.solid";
      border: "1px solid transparent";
      color: "colorScheme.contrast";
    };
    "solid.hover": {
      bg: "colorScheme.solid/80";
    };
    subtle: {
      bg: "colorScheme.subtle";
      border: "1px solid transparent";
      color: "colorScheme.fg";
    };
    "subtle.hover": {
      bg: "colorScheme.muted";
    };
    surface: {
      bg: "colorScheme.subtle";
      border: "1px solid {colorScheme.muted}";
      color: "colorScheme.fg";
    };
    "surface.hover": {
      bg: "colorScheme.muted";
    };
    visuallyHidden: {
      border: string;
      clipPath: "rect(0px 0px 0px 0px)";
      height: string;
      margin: string;
      overflow: "hidden";
      padding: string;
      position: "absolute";
      whiteSpace: "nowrap";
      width: string;
    };
  };
  resetStyle: CSSObject;
  textStyles: {
    ghost: {
      color: "colorScheme.outline";
    };
    mono: {
      fontFamily: "mono";
      fontWeight: "medium";
      letterSpacing: "widest";
      whiteSpace: "nowrap";
    };
    outline: {
      color: "colorScheme.outline";
    };
    solid: {
      color: "colorScheme.contrast";
    };
    subtle: {
      color: "colorScheme.fg";
    };
    surface: {
      color: "colorScheme.fg";
    };
  };
};
//#endregion
export { styles };
//# sourceMappingURL=index.d.ts.map