@yamada-ui/react/dist/esm/components/file-input/file-input.style.js

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

import { defineComponentSlotStyle } from "../../core/system/config.js";
import { getInputPaddingStartResetStyle, inputStyle } from "../input/input.style.js";

//#region src/components/file-input/file-input.style.ts
const fileInputStyle = defineComponentSlotStyle({
	base: {
		root: {
			...inputStyle.base,
			alignItems: "center",
			cursor: "pointer",
			display: "flex",
			flexWrap: "wrap",
			gapX: "1",
			lineHeight: "1",
			_readOnly: { layerStyle: "readOnly" }
		},
		tag: {
			display: "inline-block",
			overflow: "hidden",
			whiteSpace: "nowrap"
		}
	},
	variants: {
		filled: { root: inputStyle.variants?.filled },
		flushed: { root: {
			...inputStyle.variants?.flushed,
			...getInputPaddingStartResetStyle()
		} },
		outline: { root: inputStyle.variants?.outline },
		plain: { root: inputStyle.variants?.plain }
	},
	sizes: {
		xs: { root: {
			py: "{--space-y}",
			...inputStyle.sizes?.xs
		} },
		sm: { root: {
			py: "{--space-y}",
			...inputStyle.sizes?.sm
		} },
		md: { root: {
			py: "{--space-y}",
			...inputStyle.sizes?.md
		} },
		lg: { root: {
			py: "{--space-y}",
			...inputStyle.sizes?.lg
		} },
		xl: { root: {
			py: "{--space-y}",
			...inputStyle.sizes?.xl
		} },
		"2xl": { root: {
			py: "{--space-y}",
			...inputStyle.sizes?.["2xl"]
		} }
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
export { fileInputStyle };
//# sourceMappingURL=file-input.style.js.map