fix(NumberInput): remove border when input is invalid

carbon-design-system · Jan 23, 2024 · 1ba14ce · 1ba14ce
1 parent 6086327
commit 1ba14ce
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/styles/scss/components/number-input/_number-input.scss b/packages/styles/scss/components/number-input/_number-input.scss
@@ -454,7 +454,9 @@
   }
 
   .#{$prefix}--number__input-wrapper--slug
-    input[type='number']:not(:has(~ .#{$prefix}--slug--revert))
+    input[type='number']:not([data-invalid]):not(
+      :has(~ .#{$prefix}--slug--revert)
+    )
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn {
     border-block-end-color: $ai-border-strong;