@yamada-ui/react/dist/cjs/components/badge/badge.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/badge/badge.style.ts
const badgeStyle = require_config.defineComponentStyle({
	base: {
		alignItems: "center",
		display: "inline-flex",
		fontWeight: "medium",
		rounded: "l1",
		textTransform: "uppercase",
		verticalAlign: "middle",
		whiteSpace: "nowrap"
	},
	props: { fullRounded: { true: { rounded: "full" } } },
	variants: {
		outline: { layerStyle: "outline" },
		solid: { layerStyle: "solid" },
		subtle: { layerStyle: "subtle" },
		surface: { layerStyle: "surface" }
	},
	sizes: {
		sm: {
			fontSize: "xs",
			lineHeight: "{sizes.5}",
			minH: "5",
			px: "1.5"
		},
		md: {
			fontSize: "sm",
			lineHeight: "{sizes.6}",
			minH: "6",
			px: "2"
		},
		lg: {
			fontSize: "md",
			lineHeight: "{sizes.7}",
			minH: "7",
			px: "2.5"
		}
	},
	defaultProps: {
		size: "sm",
		variant: "outline"
	}
});

//#endregion
exports.badgeStyle = badgeStyle;
//# sourceMappingURL=badge.style.cjs.map