@hitachivantara/uikit-react-core/dist/cjs/CheckBox/CheckBox.styles.cjs

Core React components for the NEXT Design System.

"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("HvCheckBox", {
  root: { display: "inline-block" },
  container: {
    cursor: "pointer",
    display: "flex",
    alignItems: "center",
    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
    borderRadius: uikitStyles.theme.radii.base,
    "&:hover:not($disabled)": {
      backgroundColor: uikitStyles.theme.colors.bgHover
    },
    ":where(:has($label)) $checkbox": {
      borderRadius: "inherit"
    }
  },
  invalidContainer: {},
  disabled: {
    cursor: "not-allowed",
    "& $label": { color: uikitStyles.theme.colors.textDisabled, cursor: "not-allowed" }
  },
  focusVisible: {
    backgroundColor: uikitStyles.theme.colors.bgPageSecondary,
    ...focusUtils.outlineStyles
  },
  checkbox: {},
  invalidCheckbox: {},
  label: {
    verticalAlign: "middle",
    paddingRight: uikitStyles.theme.space.xs,
    ...uikitStyles.theme.typography.body,
    cursor: "pointer",
    lineHeight: "32px",
    width: "100%"
  },
  checked: {},
  indeterminate: {},
  semantic: {}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;