@yamada-ui/react/dist/cjs/components/kbd/kbd.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/kbd/kbd.style.ts
const kbdStyle = require_config.defineComponentStyle({
	base: {
		textStyle: "mono",
		alignItems: "center",
		display: "inline-flex",
		rounded: "l1"
	},
	variants: {
		outline: { layerStyle: "outline" },
		solid: { layerStyle: "solid" },
		subtle: { layerStyle: "subtle" },
		surface: { layerStyle: "surface" }
	},
	sizes: {
		sm: {
			fontSize: "xs",
			lineHeight: "{sizes.4}",
			minH: "4",
			px: "1"
		},
		md: {
			fontSize: "sm",
			lineHeight: "{sizes.5}",
			minH: "5",
			px: "1.5"
		},
		lg: {
			fontSize: "md",
			lineHeight: "{sizes.6}",
			minH: "6",
			px: "2"
		}
	},
	defaultProps: {
		size: "md",
		variant: "surface"
	}
});

//#endregion
exports.kbdStyle = kbdStyle;
//# sourceMappingURL=kbd.style.cjs.map