@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
59 lines (58 loc) • 1.43 kB
JavaScript
import { outlineStyles } from "../../utils/focusUtils.js";
import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/TreeView/TreeItem/TreeItem.styles.ts
var { staticClasses, useClasses } = createClasses("HvTreeItem", {
/** Applied to the root element */
root: {
listStyle: "none",
margin: 0,
padding: 0,
outline: 0
},
group: {
margin: 0,
padding: 0,
marginLeft: theme.space.sm
},
content: {
padding: theme.spacing(0, 1),
minHeight: 32,
width: "100%",
boxSizing: "border-box",
display: "flex",
alignItems: "center",
cursor: "pointer",
WebkitTapHighlightColor: "transparent",
"&:hover:not($disabled)": { backgroundColor: theme.colors.bgHover }
},
expanded: {},
selected: { backgroundColor: theme.colors.bgPageSecondary },
focused: {
backgroundColor: theme.colors.bgHover,
"&:focus-visible": { ...outlineStyles }
},
disabled: {
cursor: "not-allowed",
color: theme.colors.textDisabled,
"& $label": { color: theme.colors.textDisabled }
},
label: {
paddingLeft: 4,
width: "100%",
boxSizing: "border-box",
minWidth: 0,
position: "relative",
...theme.typography.body
},
iconContainer: {
display: "flex",
flexShrink: 0,
justifyContent: "center",
marginRight: 4,
width: theme.space.sm,
":empty": { width: theme.space.xs }
}
});
//#endregion
export { staticClasses, useClasses };