@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
32 lines (31 loc) • 873 B
JavaScript
import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { staticClasses, useClasses } = createClasses("HvSuggestions", {
root: { position: "relative" },
list: {
backgroundColor: theme.colors.bgContainer,
border: `1px solid ${theme.colors.text}`,
borderRadius: theme.radii.round,
boxShadow: theme.colors.shadow,
padding: theme.space.xs,
width: "100%"
},
popper: {
width: "var(--popper-width)",
position: "absolute",
zIndex: theme.zIndices.tooltip,
":not($portal)": {
"&[data-popper-placement*='top']": {
transform: "translate3d(0, -28px, 0) !important"
},
"&[data-popper-placement*='bottom']": {
transform: "translate3d(0, 2px, 0) !important"
}
}
},
portal: {}
});
export {
staticClasses,
useClasses
};