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

UI Kit Core React components.

import { staticClasses as staticClasses$1 } from "../FormElement/Suggestions/Suggestions.styles.js";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Input/Input.styles.tsx
var { 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%" } },
	input: {},
	inputRoot: { ":is(:hover,:focus-within) $iconClear": { display: "block" } },
	inputRootFocused: { "& $iconClear": { display: "block" } },
	inputRootDisabled: {},
	inputRootMultiline: { padding: 0 },
	error: {}
});
//#endregion
export { staticClasses, useClasses };