@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
24 lines (23 loc) • 741 B
JavaScript
import { outlineStyles } from "../utils/focusUtils.js";
import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/ButtonBase/ButtonBase.styles.ts
var { staticClasses, useClasses } = createClasses("HvButtonBase", {
root: {
display: "inline-flex",
cursor: "pointer",
background: "none",
padding: 0,
":where(:not($disabled))": { ":hover, :focus-visible": { backgroundColor: theme.colors.bgHover } },
":focus-visible": { ...outlineStyles },
fontFamily: theme.fontFamily.body,
fontSize: "inherit",
color: "inherit"
},
disabled: {
cursor: "not-allowed",
color: theme.colors.textDisabled
}
});
//#endregion
export { staticClasses, useClasses };