@yamada-ui/react/dist/cjs/components/breadcrumb/breadcrumb.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/breadcrumb/breadcrumb.style.ts
const breadcrumbStyle = require_config.defineComponentSlotStyle({
	base: {
		ellipsis: { color: "fg.muted" },
		item: {
			alignItems: "center",
			display: "inline-flex"
		},
		link: {
			rounded: "l1",
			textDecoration: "none",
			transitionDuration: "moderate",
			transitionProperty: "common"
		},
		list: {
			alignItems: "center",
			display: "flex",
			wordBreak: "break-word"
		},
		root: {},
		separator: { color: "fg.muted" }
	},
	variants: {
		plain: { link: { _notCurrent: {
			color: "fg.muted",
			_hover: { color: "fg" }
		} } },
		underline: { link: { _notCurrent: { _hover: { textDecoration: "underline" } } } }
	},
	sizes: {
		sm: { list: {
			fontSize: "sm",
			gap: "1"
		} },
		md: { list: {
			fontSize: "md",
			gap: "1.5"
		} },
		lg: { list: {
			fontSize: "lg",
			gap: "2"
		} }
	},
	defaultProps: {
		size: "md",
		variant: "plain"
	}
});

//#endregion
exports.breadcrumbStyle = breadcrumbStyle;
//# sourceMappingURL=breadcrumb.style.cjs.map