@veracity/vui/dist/textarea/theme.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { inputColors } from "../input/consts.js";

//#region src/textarea/theme.ts
const baseStyle = {
	textarea: {
		focusWithinRing: 3,
		color: inputColors.inputText
	},
	input: { color: { placeholder: inputColors.placeholder } }
};
const defaultProps = {
	size: "lg",
	variant: "grey"
};
const parts = [
	"container",
	"textarea",
	"label"
];
const sizes = {
	sm: {
		container: { fontSize: "sm" },
		label: { fontSize: "sm" }
	},
	md: {
		container: { fontSize: "md" },
		label: { fontSize: "md" }
	},
	lg: {
		container: { fontSize: "md" },
		label: { fontSize: "md" }
	},
	xl: {
		container: { fontSize: "lg" },
		label: { fontSize: "md" }
	}
};
const variants = {
	grey: { textarea: {
		borderColor: inputColors.border,
		focusWithinRingColor: inputColors.focus
	} },
	green: { textarea: {
		borderColor: inputColors.success,
		focusWithinRingColor: inputColors.success
	} },
	red: { textarea: {
		borderColor: inputColors.error,
		focusWithinRingColor: inputColors.error
	} }
};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

//#endregion
export { theme_default as default };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=theme.js.map