@yamada-ui/react/dist/cjs/components/field/field.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');

//#region src/components/field/field.style.ts
const fieldStyle = require_config.defineComponentSlotStyle({
	base: {
		errorMessage: {
			alignItems: "center",
			color: "fg.error",
			display: "inline-flex",
			fontSize: "xs",
			gap: "1"
		},
		helperMessage: {
			alignItems: "center",
			color: "fg.muted",
			display: "inline-flex",
			fontSize: "xs",
			gap: "1"
		},
		label: {
			alignItems: "center",
			display: "inline-flex",
			fontSize: "sm",
			fontWeight: "medium",
			gap: "1",
			_readOnly: { pointerEvents: "none" },
			_disabled: { layerStyle: "disabled" }
		},
		requiredIndicator: { color: "fg.error" },
		root: {
			display: "grid",
			gap: "1.5",
			position: "relative",
			w: "100%"
		}
	},
	props: { orientation: {
		horizontal: {
			errorMessage: { gridColumn: "2 / 3" },
			helperMessage: { gridColumn: "2 / 3" },
			label: { gridColumn: "1 / 2" },
			root: { gridTemplateColumns: "{field-label-width, spaces.32} 1fr" }
		},
		vertical: {
			errorMessage: { gridColumn: "initial" },
			helperMessage: { gridColumn: "initial" },
			label: { gridColumn: "initial" },
			root: { gridTemplateColumns: "initial" }
		}
	} },
	defaultProps: { orientation: "vertical" }
});

//#endregion
exports.fieldStyle = fieldStyle;
//# sourceMappingURL=field.style.cjs.map