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

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

Author: janhassel

packages/components/src/components/text-input/_text-input.scss

@@ -142,7 +142,8 @@
       fill: $icon-01;
     }
 
-    .#{$prefix}--text-input--invalid {
+    .#{$prefix}--text-input--invalid,
+    .#{$prefix}--text-input--warning {
       padding-right: $carbon--spacing-08;
     }
 

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 = {