/* Added to the input */
.input {
}
/* The root class of TextInput */
.root {
}

/* The wrapper around the text input, label, leading, and trailing (not helper text) */
.wrapper {
}

/* Contains the input element */
.inputWrapper {
}

/* Added to a disabled TextInput */
.disabled {
}
/* Added to a focused input */
.focused {
}
/* Added to a read-only input */
.readonly {
}
/* Added to a required input */
.required {
}
/* Added when the contents of the TextInput are invalid */
.invalid {
}
/* Root of the leading wrapper*/
.leadingWrapper {
	display: flex;
}

.leading {
}
/* Root of the trailing wrapper*/
.trailingWrapper {
	display: flex;
}

.trailing {
}

/* Added to the wrapper when there is leading content */
.hasLeading {
}

/* Added to the wrapper when there is trailing content */
.hasTrailing {
}

/* Added to the wrapper if no label is provided */
.noLabel {
}

/* passed to the text-input's Label's root component */
.label {
}

/* wraps text-input's Label component */
.labelWrapper {
}

/* Styles the helper text when the input is invalid */
.invalid .helperText {
	color: var(--error-color);
}

/* Styles the input when the input is invalid */
.invalid .input {
	border-color: var(--error-color);
}

/* Styles the input when the input is valid */
.valid .input {
	border-color: var(--success-color);
}

/*
 * Handle chrome autofill not triggering change event
 * Context: https://github.com/dojo/widgets/issues/1610
 */
@keyframes onAutofillShown {
}
.input:-webkit-autofill {
	animation-name: onAutofillShown;
}

/* Applied to root of the outlined label when active */
.outlinedLabelActive {
}

/* Applied to outlined inputs */
.outlinedKind {
}

/* Applied to outlined inputs */
.defaultKind {
}

/* Applied to outlined inputs to create notch effect */
.notchedOutline {
}

.notchedOutlineNotched {
}

.notchedOutlineLeading {
}

.notchedOutlineNotch {
}

.notchedOutlineTrailing {
}

/* Applied to default inputs */
.ripple {
}

.lineRipple {
}

.defaultKindFocused {
}

.defaultKindLineRippleFocused {
}
