@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
40 lines (39 loc) • 1.11 kB
JavaScript
import { outlineStyles } from "../utils/focusUtils.js";
import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Card/Card.styles.tsx
var { staticClasses, useClasses } = createClasses("HvCard", {
root: {
overflow: "visible",
position: "relative",
outline: `1px solid ${theme.colors.border}`,
"--rt": 0,
"--rb": theme.radii.round,
borderRadius: `var(--rt) var(--rt) var(--rb) var(--rb)`,
backgroundColor: "var(--bg-color)",
"&:focus-visible": { ...outlineStyles },
"&:focus": { outline: "none" }
},
selected: { "&,&:hover,&:focus": { outlineColor: theme.colors.text } },
selectable: { "&:hover": { outlineColor: theme.colors.primary } },
semanticContainer: {
position: "relative",
"& > *": {
position: "absolute",
zIndex: 1
}
},
icon: {
top: theme.space.xs,
right: theme.space.xs
},
semanticBar: {
backgroundColor: `var(--bar-color, ${theme.colors.border})`,
height: "var(--bar-height, 2px)",
width: "100%",
top: -1,
right: 0
}
});
//#endregion
export { staticClasses, useClasses };