@yamada-ui/react/dist/esm/components/breadcrumb/breadcrumb.style.js

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

import { defineComponentSlotStyle } from "../../core/system/config.js";

//#region src/components/breadcrumb/breadcrumb.style.ts
const breadcrumbStyle = 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
export { breadcrumbStyle };
//# sourceMappingURL=breadcrumb.style.js.map