@hitachivantara/uikit-react-core/dist/esm/BaseCheckBox/BaseCheckBox.styles.js

Core React components for the NEXT Design System.

import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
import { outlineStyles } from "../utils/focusUtils.js";
const { staticClasses, useClasses } = createClasses("HvBaseCheckBox", {
  root: {
    padding: 0,
    width: 32,
    minWidth: 32,
    height: 32,
    borderRadius: theme.radii.round,
    cursor: "pointer",
    ":hover": {
      backgroundColor: theme.colors.bgHover
    }
  },
  disabled: {
    cursor: "not-allowed",
    pointerEvents: "initial"
  },
  focusVisible: {
    "& svg": {
      ...outlineStyles
    }
  },
  icon: {},
  checked: {},
  indeterminate: {},
  semantic: {}
});
export {
  staticClasses,
  useClasses
};