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

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

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

//#region src/components/code/code.style.ts
const codeStyle = defineComponentStyle({
	base: {
		alignItems: "center",
		display: "inline-flex",
		fontFamily: "mono",
		rounded: "l1"
	},
	variants: {
		outline: { layerStyle: "outline" },
		solid: { layerStyle: "solid" },
		subtle: { layerStyle: "subtle" },
		surface: { layerStyle: "surface" }
	},
	sizes: {
		xs: {
			fontSize: "2xs",
			lineHeight: "{sizes.4}",
			minH: "4",
			px: "1"
		},
		sm: {
			fontSize: "xs",
			lineHeight: "{sizes.5}",
			minH: "5",
			px: "1.5"
		},
		md: {
			fontSize: "sm",
			lineHeight: "{sizes.6}",
			minH: "6",
			px: "2"
		},
		lg: {
			fontSize: "sm",
			lineHeight: "{sizes.7}",
			minH: "7",
			px: "2.5"
		}
	},
	defaultProps: {
		size: "sm",
		variant: "subtle"
	}
});

//#endregion
export { codeStyle };
//# sourceMappingURL=code.style.js.map