@hitachivantara/uikit-react-core/dist/Section/Section.styles.js

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Section/Section.styles.tsx
var { staticClasses, useClasses } = createClasses("HvSection", {
	root: {
		width: "100%",
		display: "flex",
		flexDirection: "column",
		backgroundColor: theme.colors.bgContainer,
		borderRadius: theme.radii.round,
		overflow: "hidden",
		border: `1px solid ${theme.colors.border}`
	},
	hidden: {
		height: 0,
		display: "none"
	},
	header: {
		display: "flex",
		alignItems: "center",
		borderColor: "inherit",
		position: "relative",
		padding: theme.space.sm,
		"+ $content": {
			borderTopLeftRadius: 0,
			borderTopRightRadius: 0
		}
	},
	headerExpandable: {
		cursor: "pointer",
		":hover": { backgroundColor: theme.colors.bgHover }
	},
	content: {
		backgroundColor: theme.colors.bgPage,
		padding: theme.space.sm,
		borderRadius: "inherit",
		borderColor: "inherit",
		flex: 1
	},
	hasHeader: { paddingTop: 0 },
	actions: {
		display: "flex",
		gap: theme.space.xs,
		marginLeft: "auto"
	},
	raisedHeader: {
		"& $header": {
			zIndex: 1,
			borderBottomWidth: 1
		},
		"& $content": { paddingTop: theme.space.sm }
	}
});
//#endregion
export { staticClasses, useClasses };