@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
69 lines (68 loc) • 1.92 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const uikitStyles = require("@hitachivantara/uikit-styles");
const focusUtils = require("../../utils/focusUtils.cjs");
const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvListItem", {
root: {
...uikitStyles.theme.typography.body,
padding: 0,
display: "block",
height: "32px",
lineHeight: "32px",
listStyleType: "none",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
position: "relative",
alignContent: "center",
"&:not(:last-child)": {
marginBottom: "8px"
},
"&$condensed": {
marginBottom: 0
},
"&.HvIsFocused": {
...focusUtils.outlineStyles,
backgroundColor: uikitStyles.theme.colors.bgPageSecondary,
zIndex: 2
}
},
focus: { backgroundColor: uikitStyles.theme.colors.bgPageSecondary, zIndex: 2 },
gutters: {
padding: `0 ${uikitStyles.theme.space.xs}`,
":has($startAdornment)": {
paddingLeft: 0
},
":has($endAdornment)": {
paddingRight: 0
}
},
condensed: {},
interactive: {
cursor: "pointer",
"&:not($disabled):not($selected):hover": {
backgroundColor: uikitStyles.theme.colors.bgHover
},
"&$disabled": {
cursor: "not-allowed"
}
},
selected: { backgroundColor: uikitStyles.theme.colors.bgHover },
disabled: {
color: uikitStyles.theme.colors.textDisabled,
backgroundColor: uikitStyles.theme.colors.bgDisabled
},
startAdornment: {
float: "left"
},
endAdornment: {
float: "right"
},
/** @deprecated use `:has($startAdornment)` instead */
withStartAdornment: {},
/** @deprecated use `:has($endAdornment)` instead */
withEndAdornment: {}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;