@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
56 lines (55 loc) • 1.26 kB
JavaScript
import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
import { outlineStyles } from "../../utils/focusUtils.js";
const name = "HvVerticalScrollListItem";
const { staticClasses, useClasses } = createClasses(name, {
root: {
padding: "0",
height: "32px",
width: "32px",
display: "flex",
justifyContent: "center",
alignItems: "center"
},
icon: {
width: "1em",
height: "1em",
borderRadius: theme.radii.full,
fontSize: 6,
color: theme.colors.text,
display: "inline-block",
backgroundColor: "currentcolor"
},
notSelected: {
fontSize: 4,
color: theme.colors.textDisabled
},
// TODO: remove in v6 (use classes.button)
text: {},
button: {
display: "flex",
justifyContent: "center",
alignItems: "center",
height: "16px",
width: "16px",
borderRadius: theme.radii.full,
cursor: "pointer",
"&:hover": {
backgroundColor: theme.colors.bgHover,
"& $notSelected": {
fontSize: 6,
color: theme.colors.text
}
},
"&:focus": {
outline: "none"
},
"&:focus-visible": {
...outlineStyles
}
}
});
export {
staticClasses,
useClasses
};