@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
54 lines (53 loc) • 1.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const Suggestions_styles = require("../FormElement/Suggestions/Suggestions.styles.cjs");
require("../FormElement/Suggestions/Suggestions.cjs");
const { staticClasses, useClasses } = uikitReactUtils.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: {
[`& .${Suggestions_styles.staticClasses.root} .${Suggestions_styles.staticClasses.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: {}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;