@yamada-ui/react/dist/cjs/components/card/card.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/card/card.style.ts
const cardStyle = require_config.defineComponentSlotStyle({
	base: {
		body: {
			alignItems: "start",
			display: "flex",
			flex: "1",
			flexDirection: "column"
		},
		footer: {
			alignItems: "center",
			display: "flex",
			justifyContent: "start"
		},
		header: {
			alignItems: "center",
			display: "flex",
			justifyContent: "start"
		},
		root: {
			display: "flex",
			flexDirection: "column",
			overflowWrap: "break-word",
			rounded: "l2",
			w: "full"
		}
	},
	variants: {
		elevated: { root: {
			bg: "bg.panel",
			boxShadow: "md"
		} },
		outline: { root: { layerStyle: "outline" } },
		panel: { root: { layerStyle: "panel" } },
		solid: { root: { layerStyle: "solid" } },
		subtle: { root: { layerStyle: "subtle" } },
		surface: { root: { layerStyle: "surface" } }
	},
	sizes: {
		sm: {
			body: {
				gap: "3",
				px: "3",
				py: "2"
			},
			footer: {
				gap: "3",
				pb: "2",
				px: "3"
			},
			header: {
				fontSize: "lg",
				gap: "3",
				pt: "2",
				px: "3"
			}
		},
		md: {
			body: {
				gap: "4",
				px: "4",
				py: "3"
			},
			footer: {
				gap: "4",
				pb: "3",
				px: "4"
			},
			header: {
				fontSize: "xl",
				gap: "4",
				pt: "3",
				px: "4"
			}
		},
		lg: {
			body: {
				gap: "6",
				px: "6",
				py: "5"
			},
			footer: {
				gap: "6",
				pb: "5",
				px: "6"
			},
			header: {
				fontSize: "2xl",
				gap: "6",
				pt: "5",
				px: "6"
			}
		},
		xl: {
			body: {
				gap: "8",
				px: "8",
				py: "7"
			},
			footer: {
				gap: "8",
				pb: "7",
				px: "8"
			},
			header: {
				fontSize: "2xl",
				gap: "8",
				pt: "7",
				px: "8"
			}
		}
	},
	defaultProps: {
		size: "md",
		variant: "panel"
	}
});

//#endregion
exports.cardStyle = cardStyle;
//# sourceMappingURL=card.style.cjs.map