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

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

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

//#region src/components/textarea/textarea.style.ts
const textareaStyle = defineComponentStyle({
	base: {
		...inputStyle.base,
		resize: "vertical"
	},
	variants: {
		filled: inputStyle.variants?.filled,
		flushed: inputStyle.variants?.flushed,
		outline: inputStyle.variants?.outline,
		plain: inputStyle.variants?.plain
	},
	sizes: {
		xs: {
			...inputStyle.sizes?.xs,
			py: "{--space-y}"
		},
		sm: {
			...inputStyle.sizes?.sm,
			py: "{--space-y}"
		},
		md: {
			...inputStyle.sizes?.md,
			py: "{--space-y}"
		},
		lg: {
			...inputStyle.sizes?.lg,
			py: "{--space-y}"
		},
		xl: {
			...inputStyle.sizes?.xl,
			py: "{--space-y}"
		},
		"2xl": {
			...inputStyle.sizes?.["2xl"],
			py: "{--space-y}"
		}
	},
	compounds: [{
		css: {
			...getInputPaddingStartResetStyle(),
			...getInputPaddingEndResetStyle()
		},
		variant: "flushed",
		layer: "variant"
	}],
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
export { textareaStyle };
//# sourceMappingURL=textarea.style.js.map