@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
47 lines (46 loc) • 1.09 kB
JavaScript
import { outlineStyles } from "../../utils/focusUtils.js";
import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
var { staticClasses, useClasses } = createClasses("HvVerticalScrollListItem", {
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
},
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 }
}
});
//#endregion
export { staticClasses, useClasses };