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

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/List/List.styles.tsx
var { staticClasses, useClasses } = createClasses("HvList", {
	root: {},
	virtualizedRoot: { marginBottom: 5 },
	selectorRoot: {
		width: "100%",
		zIndex: 0
	},
	selectorContainer: {
		"&:hover": { backgroundColor: "transparent" },
		"&:focus-within": {
			backgroundColor: "transparent",
			outline: "none",
			boxShadow: "none"
		}
	},
	box: {
		width: "32px",
		height: "32px",
		marginLeft: "auto"
	},
	truncate: {
		display: "inline-block",
		overflow: "hidden",
		textOverflow: "ellipsis",
		whiteSpace: "nowrap"
	},
	item: {},
	itemSelector: { "&:not(:hover):not(.HvIsFocused):not(:focus-within)": { backgroundColor: theme.colors.bgHover } },
	link: {
		...theme.typography.body,
		textDecoration: "none",
		"&:focus": { boxShadow: "unset !important" }
	},
	selectAllSelector: {
		width: "100%",
		margin: "0 0 2px 0",
		position: "relative",
		zIndex: 0,
		"&:focus-within": { zIndex: 1 }
	}
});
//#endregion
export { staticClasses, useClasses };