@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
52 lines (51 loc) • 1.23 kB
JavaScript
import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { 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,
// prevent the focus ring to be hidden by sibling hover background
"&:focus-within": {
zIndex: 1
}
}
});
export {
staticClasses,
useClasses
};