fix(text-input): correct padding when in warning state
MODIFY
packages/components/src/components/text-input/_text-input.scss
packages/components/src/components/text-input/_text-input.scss
fill: $icon-01;
}
- .#{$prefix}--text-input--invalid {
+ .#{$prefix}--text-input--invalid,
+ .#{$prefix}--text-input--warning {
padding-right: $carbon--spacing-08;
}

MODIFY
packages/react/src/components/TextInput/TextInput.js
packages/react/src/components/TextInput/TextInput.js
@@ -43,6 +43,7 @@ const TextInput = React.forwardRef(function TextInput(
const textInputClasses = classNames(`${prefix}--text-input`, className, {
[`${prefix}--text-input--light`]: light,
[`${prefix}--text-input--invalid`]: invalid,
+ [`${prefix}--text-input--warning`]: !invalid && warn,
[`${prefix}--text-input--${size}`]: size,
});
const sharedTextInputProps = {

fix(text-input): correct padding when in warning state (#8394)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>