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

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Header/Header.styles.tsx
var { staticClasses, useClasses } = createClasses("HvHeader", {
	root: {
		height: theme.header.height,
		backgroundColor: theme.colors.bgContainer,
		display: "flex",
		flexDirection: "column",
		width: "100%",
		boxSizing: "border-box",
		flexShrink: 0,
		zIndex: theme.zIndices.banner,
		borderTop: "none",
		boxShadow: theme.colors.shadow
	},
	header: {
		display: "flex",
		alignItems: "center",
		width: "100%",
		height: "100%",
		position: "relative",
		padding: theme.spacing(0, "sm"),
		"& > *:not(nav)": { zIndex: 2 }
	},
	fixed: {
		position: "fixed",
		top: 0,
		left: "auto",
		right: 0
	}
});
//#endregion
export { staticClasses, useClasses };