@yamada-ui/react/dist/types/components/dropzone/dropzone.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/dropzone/dropzone.style.d.ts
declare const dropzoneStyle: ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "root" | "description">>, {
  xs: {
    root: {
      minH: "xs";
    };
  };
  sm: {
    root: {
      minH: "sm";
    };
  };
  md: {
    root: {
      minH: "md";
    };
  };
  lg: {
    root: {
      minH: "lg";
    };
  };
  full: {
    root: {
      minH: "full";
    };
  };
}, {
  base: {
    icon: {
      _groupAccept: {
        color: "success";
      };
      _groupReject: {
        color: "error";
      };
    };
    root: {
      color: "fg.subtle";
      _accept: {
        bg: "success.bg";
      };
      _reject: {
        bg: "error.bg";
      };
    };
    title: {
      color: "fg.muted";
    };
  };
  dashed: {
    root: {
      bg: "transparent";
      borderStyle: "dashed";
      borderWidth: "1px";
      _accept: {
        borderColor: "success.muted";
      };
      _reject: {
        borderColor: ["error.muted", "error.subtle"];
      };
      _hover: {
        "&:not([data-accept], [data-reject])": {
          bg: "bg.panel";
        };
      };
      _invalid: {
        borderColor: "{error-border-color}";
        focusRingColor: "{error-border-color}";
      };
    };
  };
  panel: {
    root: {
      bg: "bg.panel";
      border: "1px solid transparent";
      focusVisibleRing: "inside";
      _hover: {
        bg: "bg.subtle";
      };
      _invalid: {
        borderColor: "{error-border-color}";
        focusRingColor: "{error-border-color}";
      };
    };
  };
  plain: {
    root: {
      rounded: "0";
      _invalid: {
        borderColor: "{error-border-color}";
        focusRingColor: "{error-border-color}";
      };
    };
  };
  solid: {
    root: {
      bg: "transparent";
      borderWidth: "1px";
      focusVisibleRing: "inside";
      _accept: {
        borderColor: "success.muted";
      };
      _reject: {
        borderColor: ["error.muted", "error.subtle"];
      };
      _hover: {
        bg: "bg.panel";
      };
      _invalid: {
        borderColor: "{error-border-color}";
        focusRingColor: "{error-border-color}";
      };
    };
  };
}>;
type DropzoneStyle = typeof dropzoneStyle;
//#endregion
export { DropzoneStyle, dropzoneStyle };
//# sourceMappingURL=dropzone.style.d.ts.map