@yamada-ui/react

Version:

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

42 lines (40 loc) • 1.11 kB

JavaScript

import { defineComponentSlotStyle } from "../../core/system/config.js";
import { nativeSelectStyle } from "../native-select/native-select.style.js";
import { datePickerStyle } from "../date-picker/date-picker.style.js";

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

//#endregion
export { colorPickerStyle };
//# sourceMappingURL=color-picker.style.js.map