@yamada-ui/react/dist/cjs/components/date-picker/date-picker.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_native_select_style = require('../native-select/native-select.style.cjs');
const require_autocomplete_style = require('../autocomplete/autocomplete.style.cjs');

//#region src/components/date-picker/date-picker.style.ts
const datePickerStyle = require_config.defineComponentSlotStyle({
	base: {
		...require_native_select_style.nativeSelectStyle.base,
		adjust: {
			fieldSizing: "content",
			flex: "inherit",
			w: "fit-content"
		},
		content: { p: "1" },
		field: require_autocomplete_style.autocompleteStyle.base?.field,
		input: {
			...require_autocomplete_style.autocompleteStyle.base?.input,
			"&[tabindex=\"-1\"]": { caret: "transparent" }
		},
		separator: {
			color: "fg.subtle",
			mx: "{gap}"
		}
	},
	variants: {
		filled: require_autocomplete_style.autocompleteStyle.variants?.filled,
		flushed: require_autocomplete_style.autocompleteStyle.variants?.flushed,
		outline: require_autocomplete_style.autocompleteStyle.variants?.outline,
		plain: require_autocomplete_style.autocompleteStyle.variants?.plain
	},
	sizes: {
		xs: require_native_select_style.nativeSelectStyle.sizes?.xs,
		sm: require_native_select_style.nativeSelectStyle.sizes?.sm,
		md: require_native_select_style.nativeSelectStyle.sizes?.md,
		lg: require_native_select_style.nativeSelectStyle.sizes?.lg,
		xl: require_native_select_style.nativeSelectStyle.sizes?.xl
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
exports.datePickerStyle = datePickerStyle;
//# sourceMappingURL=date-picker.style.cjs.map