@yamada-ui/react/dist/cjs/components/pin-input/pin-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/pin-input/pin-input.style.ts
const pinInputStyle = require_config.defineComponentSlotStyle({
	base: {
		field: {
			...require_input_style.inputStyle.base,
			textAlign: "center"
		},
		root: {}
	},
	variants: {
		filled: { field: require_input_style.inputStyle.variants?.filled },
		flushed: { field: require_input_style.inputStyle.variants?.flushed },
		outline: { field: require_input_style.inputStyle.variants?.outline },
		plain: { field: require_input_style.inputStyle.variants?.plain }
	},
	sizes: {
		xs: { field: {
			boxSize: require_input_style.inputStyle.sizes?.xs.minH,
			fontSize: require_input_style.inputStyle.sizes?.xs.fontSize
		} },
		sm: { field: {
			boxSize: require_input_style.inputStyle.sizes?.sm.minH,
			fontSize: require_input_style.inputStyle.sizes?.sm.fontSize
		} },
		md: { field: {
			boxSize: require_input_style.inputStyle.sizes?.md.minH,
			fontSize: require_input_style.inputStyle.sizes?.md.fontSize
		} },
		lg: { field: {
			boxSize: require_input_style.inputStyle.sizes?.lg.minH,
			fontSize: require_input_style.inputStyle.sizes?.lg.fontSize
		} },
		xl: { field: {
			boxSize: require_input_style.inputStyle.sizes?.xl.minH,
			fontSize: require_input_style.inputStyle.sizes?.xl.fontSize
		} },
		"2xl": { field: {
			boxSize: require_input_style.inputStyle.sizes?.["2xl"].minH,
			fontSize: require_input_style.inputStyle.sizes?.["2xl"].fontSize
		} }
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
exports.pinInputStyle = pinInputStyle;
//# sourceMappingURL=pin-input.style.cjs.map