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

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

const require_config = require('../../core/system/config.cjs');
const require_input_style = require('../input/input.style.cjs');

//#region src/components/file-input/file-input.style.ts
const fileInputStyle = require_config.defineComponentSlotStyle({
	base: {
		root: {
			...require_input_style.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: require_input_style.inputStyle.variants?.filled },
		flushed: { root: {
			...require_input_style.inputStyle.variants?.flushed,
			...require_input_style.getInputPaddingStartResetStyle()
		} },
		outline: { root: require_input_style.inputStyle.variants?.outline },
		plain: { root: require_input_style.inputStyle.variants?.plain }
	},
	sizes: {
		xs: { root: {
			py: "{--space-y}",
			...require_input_style.inputStyle.sizes?.xs
		} },
		sm: { root: {
			py: "{--space-y}",
			...require_input_style.inputStyle.sizes?.sm
		} },
		md: { root: {
			py: "{--space-y}",
			...require_input_style.inputStyle.sizes?.md
		} },
		lg: { root: {
			py: "{--space-y}",
			...require_input_style.inputStyle.sizes?.lg
		} },
		xl: { root: {
			py: "{--space-y}",
			...require_input_style.inputStyle.sizes?.xl
		} },
		"2xl": { root: {
			py: "{--space-y}",
			...require_input_style.inputStyle.sizes?.["2xl"]
		} }
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
exports.fileInputStyle = fileInputStyle;
//# sourceMappingURL=file-input.style.cjs.map