@yamada-ui/react/dist/cjs/components/color-picker/color-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_date_picker_style = require('../date-picker/date-picker.style.cjs');

//#region src/components/color-picker/color-picker.style.ts
const colorPickerStyle = require_config.defineComponentSlotStyle({
	base: {
		...require_native_select_style.nativeSelectStyle.base,
		colorSwatch: { w: "1.5em" },
		content: {
			maxW: "sm",
			p: "1"
		},
		eyeDropper: require_date_picker_style.datePickerStyle.base?.icon,
		field: require_date_picker_style.datePickerStyle.base?.field,
		input: require_date_picker_style.datePickerStyle.base?.input
	},
	variants: {
		filled: require_date_picker_style.datePickerStyle.variants?.filled,
		flushed: {
			...require_date_picker_style.datePickerStyle.variants?.flushed,
			root: {}
		},
		outline: require_date_picker_style.datePickerStyle.variants?.outline,
		plain: require_date_picker_style.datePickerStyle.variants?.plain
	},
	sizes: {
		xs: require_date_picker_style.datePickerStyle.sizes?.xs,
		sm: require_date_picker_style.datePickerStyle.sizes?.sm,
		md: require_date_picker_style.datePickerStyle.sizes?.md,
		lg: require_date_picker_style.datePickerStyle.sizes?.lg,
		xl: require_date_picker_style.datePickerStyle.sizes?.xl
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
exports.colorPickerStyle = colorPickerStyle;
//# sourceMappingURL=color-picker.style.cjs.map