@yamada-ui/react/dist/cjs/components/native-select/native-select.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/native-select/native-select.style.ts
const nativeSelectStyle = require_config.defineComponentSlotStyle({
	base: {
		field: {
			...require_input_style.inputStyle.base,
			"& > option, optgroup": { bg: "bg.float" },
			_readOnly: { pointerEvents: "none" }
		},
		icon: {
			alignItems: "center",
			color: "colorScheme.outline",
			display: "inline-flex",
			fontSize: "1em",
			justifyContent: "center",
			rounded: "l1",
			_disabled: { layerStyle: "disabled" }
		},
		root: {}
	},
	variants: {
		filled: { field: require_input_style.inputStyle.variants?.filled },
		flushed: {
			field: require_input_style.inputStyle.variants?.flushed,
			root: require_input_style.getInputPaddingStartResetStyle("& > :is(select, [role='combobox'])")
		},
		outline: { field: require_input_style.inputStyle.variants?.outline },
		plain: { field: require_input_style.inputStyle.variants?.plain }
	},
	sizes: {
		xs: {
			field: {
				...require_input_style.inputStyle.sizes?.xs,
				fontSize: "1em"
			},
			root: {
				...require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.xs.minH, "& > :is(select, [role='combobox'])"),
				fontSize: require_input_style.inputStyle.sizes?.xs.fontSize
			}
		},
		sm: {
			field: {
				...require_input_style.inputStyle.sizes?.sm,
				fontSize: "1em"
			},
			root: {
				...require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.sm.minH, "& > :is(select, [role='combobox'])"),
				fontSize: require_input_style.inputStyle.sizes?.sm.fontSize
			}
		},
		md: {
			field: {
				...require_input_style.inputStyle.sizes?.md,
				fontSize: "1em"
			},
			root: {
				...require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.md.minH, "& > :is(select, [role='combobox'])"),
				fontSize: require_input_style.inputStyle.sizes?.md.fontSize
			}
		},
		lg: {
			field: {
				...require_input_style.inputStyle.sizes?.lg,
				fontSize: "1em"
			},
			root: {
				...require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.lg.minH, "& > :is(select, [role='combobox'])"),
				fontSize: require_input_style.inputStyle.sizes?.lg.fontSize
			}
		},
		xl: {
			field: {
				...require_input_style.inputStyle.sizes?.xl,
				fontSize: "1em"
			},
			root: {
				...require_input_style.getInputHeightStyle(require_input_style.inputStyle.sizes?.xl.minH, "& > :is(select, [role='combobox'])"),
				fontSize: require_input_style.inputStyle.sizes?.xl.fontSize
			}
		}
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
exports.nativeSelectStyle = nativeSelectStyle;
//# sourceMappingURL=native-select.style.cjs.map