@yamada-ui/react/dist/cjs/components/separator/separator.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');

//#region src/components/separator/separator.style.ts
const separatorStyle = require_config.defineComponentStyle({
	base: { borderColor: "border" },
	props: { orientation: {
		horizontal: {
			borderWidth: "0 0 {thickness} 0",
			w: "full"
		},
		vertical: {
			borderWidth: "0 0 0 {thickness}",
			h: "full"
		}
	} },
	variants: {
		dashed: { borderStyle: "dashed" },
		dotted: { borderStyle: "dotted" },
		solid: { borderStyle: "solid" }
	},
	sizes: {
		xs: { "--thickness": "0.5px" },
		sm: { "--thickness": "1px" },
		md: { "--thickness": "2px" },
		lg: { "--thickness": "3px" }
	},
	defaultProps: {
		size: "md",
		variant: "solid",
		orientation: "horizontal"
	}
});

//#endregion
exports.separatorStyle = separatorStyle;
//# sourceMappingURL=separator.style.cjs.map