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

Core React components for the NEXT Design System.

import { createClasses } from "@hitachivantara/uikit-react-utils";
import { staticClasses as staticClasses$1 } from "../FormElement/Suggestions/Suggestions.styles.js";
import "../FormElement/Suggestions/Suggestions.js";
const { staticClasses, useClasses } = createClasses("HvInput", {
  root: { display: "block" },
  labelContainer: {},
  label: {},
  description: {},
  adornmentsBox: {
    display: "flex",
    flexDirection: "row",
    height: "30px",
    alignSelf: "center",
    alignItems: "center",
    justifyContent: "center",
    borderRadius: "inherit",
    flexShrink: 0
  },
  icon: {},
  adornmentButton: {
    borderRadius: "inherit"
  },
  iconClear: { display: "none" },
  hasSuggestions: {},
  suggestionsContainer: { width: "100%", position: "relative" },
  suggestionList: {
    [`& .${staticClasses$1.root} .${staticClasses$1.list} &`]: {
      width: "100%"
    }
  },
  /** @deprecated unused. use `classes.suggestionsContainer ::before` instead */
  inputExtension: {},
  input: {},
  inputRoot: {
    ":is(:hover,:focus-within) $iconClear": {
      display: "block"
    }
  },
  inputRootFocused: {
    "& $iconClear": {
      display: "block"
    }
  },
  inputRootDisabled: {},
  inputRootMultiline: { padding: 0 },
  /** @deprecated unused. use `::after` instead */
  inputBorderContainer: {},
  error: {}
});
export {
  staticClasses,
  useClasses
};