@hitachivantara/uikit-react-core/dist/cjs/InlineEditor/InlineEditor.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 { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInlineEditor", {
  root: {},
  /** @deprecated unused. use `classes.root::after` instead */
  inputBorderContainer: {},
  input: {},
  inputRoot: {
    height: "100%",
    minHeight: "32px"
  },
  text: {},
  largeText: {},
  textEmpty: {
    color: uikitStyles.theme.colors.textDisabled
  },
  button: {
    padding: uikitStyles.theme.spacing(0, "xs"),
    minHeight: "32px",
    boxSizing: "border-box",
    cursor: "text",
    height: "100%",
    width: "100%",
    maxWidth: "100%",
    justifyContent: "start",
    textAlign: "start",
    alignItems: "center",
    backgroundColor: uikitStyles.theme.colors.bgContainer,
    borderColor: "transparent",
    "&:hover, &:focus": {
      borderColor: uikitStyles.theme.colors.primary,
      backgroundColor: uikitStyles.theme.colors.bgContainer,
      "& $icon": {
        visibility: "visible"
      }
    },
    "&:active": {
      borderColor: uikitStyles.theme.colors.text,
      backgroundColor: "transparent",
      "& $icon": {
        visibility: "visible"
      }
    }
  },
  icon: {
    cursor: "pointer",
    visibility: "hidden",
    alignSelf: "center"
  },
  iconVisible: {
    visibility: "visible"
  }
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;