@yamada-ui/react/dist/esm/components/snacks/snacks.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/snacks/snacks.style.ts
const snacksStyle = defineComponentSlotStyle({ base: {
	closeButton: {
		"&:is([data-variant='plain'], [data-variant='island'])": { colorScheme: "mono!" },
		"&:is([data-variant='solid'])": {
			color: "colorScheme.contrast!",
			_hover: { bg: "colorScheme.solid!" }
		},
		fontSize: "md!",
		minBoxSize: "6!",
		position: "absolute",
		right: "3",
		top: "2.5"
	},
	content: {
		"&[data-close-button]": { pe: "6" },
		display: "flex",
		flex: "1",
		flexDirection: "column",
		gap: "1"
	},
	item: {
		insetX: "0",
		maxW: "full",
		position: "absolute",
		top: "calc({gap} * {index})",
		w: "100%",
		zIndex: "{z-index}"
	},
	list: {
		position: "relative",
		w: "full"
	},
	root: {
		"&[data-negative]": { m: "calc({top} * -1) 0 calc({bottom} * -1)" },
		"--gap": "spaces.md",
		w: "full"
	}
} });

//#endregion
export { snacksStyle };
//# sourceMappingURL=snacks.style.js.map