From c6684398a352b41334e35d80bf8de0e6dbe4e199 Mon Sep 17 00:00:00 2001
From: Maximilian Schoell <schomax@amazon.de>
Date: Wed, 19 Nov 2025 18:06:09 +0100
Subject: [PATCH 1/2] fix: override invalid / warning styles with style api

---
 src/input/styles.scss                 | 10 ++++++++--
 src/internal/styles/forms/mixins.scss | 12 ++++++------
 src/prompt-input/styles.scss          | 20 ++++++++++++++++----
 src/textarea/styles.scss              | 10 ++++++++--
 4 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/src/input/styles.scss b/src/input/styles.scss
index e6b3856ac1..1de81b4733 100644
--- a/src/input/styles.scss
+++ b/src/input/styles.scss
@@ -126,7 +126,10 @@
   }
 
   &.input-invalid {
-    @include styles.form-invalid-control();
+    @include styles.form-invalid-control(
+      $color: var(#{custom-props.$styleColorDefault}, awsui.$color-text-status-error),
+      $border-color: var(#{custom-props.$styleBorderColorDefault}, awsui.$color-text-status-error)
+    );
     &.input-has-icon-left {
       padding-inline-start: calc(
         #{styles.$control-icon-horizontal-padding} -
@@ -136,7 +139,10 @@
   }
 
   &.input-warning {
-    @include styles.form-warning-control();
+    @include styles.form-warning-control(
+      $color: var(#{custom-props.$styleColorDefault}, awsui.$color-text-status-warning),
+      $border-color: var(#{custom-props.$styleBorderColorDefault}, awsui.$color-text-status-warning)
+    );
     &.input-has-icon-left {
       padding-inline-start: calc(
         #{styles.$control-icon-horizontal-padding} -
diff --git a/src/internal/styles/forms/mixins.scss b/src/internal/styles/forms/mixins.scss
index 0740185e52..a7631951a3 100644
--- a/src/internal/styles/forms/mixins.scss
+++ b/src/internal/styles/forms/mixins.scss
@@ -193,9 +193,9 @@
   @include typography.font-body-s;
 }
 
-@mixin form-invalid-control {
-  color: awsui.$color-text-status-error;
-  border-color: awsui.$color-text-status-error;
+@mixin form-invalid-control($color: awsui.$color-text-status-error, $border-color: awsui.$color-text-status-error) {
+  color: $color;
+  border-color: $border-color;
   padding-inline-start: constants.$invalid-control-left-padding;
   border-inline-start-width: constants.$invalid-control-left-border;
   &:focus {
@@ -204,9 +204,9 @@
   @content;
 }
 
-@mixin form-warning-control {
-  color: awsui.$color-text-status-warning;
-  border-color: awsui.$color-text-status-warning;
+@mixin form-warning-control($color: awsui.$color-text-status-warning, $border-color: awsui.$color-text-status-warning) {
+  color: $color;
+  border-color: $border-color;
   padding-inline-start: constants.$invalid-control-left-padding;
   border-inline-start-width: constants.$invalid-control-left-border;
   &:focus {
diff --git a/src/prompt-input/styles.scss b/src/prompt-input/styles.scss
index 932b4680e2..a0eefabaa1 100644
--- a/src/prompt-input/styles.scss
+++ b/src/prompt-input/styles.scss
@@ -71,14 +71,20 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
   }
 
   &.textarea-invalid {
-    @include styles.form-invalid-control();
+    @include styles.form-invalid-control(
+      $color: var(#{custom-props.$promptInputStyleColorDefault}, awsui.$color-text-status-error),
+      $border-color: var(#{custom-props.$promptInputStyleBorderColorDefault}, awsui.$color-text-status-error)
+    );
     & {
       padding-inline-start: 0;
     }
 
     &:focus-within,
     &:focus {
-      @include styles.form-invalid-control();
+      @include styles.form-invalid-control(
+        $color: var(#{custom-props.$promptInputStyleColorDefault}, awsui.$color-text-status-error),
+        $border-color: var(#{custom-props.$promptInputStyleBorderColorDefault}, awsui.$color-text-status-error)
+      );
       & {
         padding-inline-start: 0;
         box-shadow: foundation.$box-shadow-focused-light-invalid;
@@ -87,14 +93,20 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
   }
 
   &.textarea-warning {
-    @include styles.form-warning-control();
+    @include styles.form-warning-control(
+      $color: var(#{custom-props.$promptInputStyleColorDefault}, awsui.$color-text-status-warning),
+      $border-color: var(#{custom-props.$promptInputStyleBorderColorDefault}, awsui.$color-text-status-warning)
+    );
     & {
       padding-inline-start: 0;
     }
 
     &:focus-within,
     &:focus {
-      @include styles.form-warning-control();
+      @include styles.form-warning-control(
+        $color: var(#{custom-props.$promptInputStyleColorDefault}, awsui.$color-text-status-warning),
+        $border-color: var(#{custom-props.$promptInputStyleBorderColorDefault}, awsui.$color-text-status-warning)
+      );
       & {
         padding-inline-start: 0;
         box-shadow: foundation.$box-shadow-focused-light-invalid;
diff --git a/src/textarea/styles.scss b/src/textarea/styles.scss
index 5f7c792105..3624bddc81 100644
--- a/src/textarea/styles.scss
+++ b/src/textarea/styles.scss
@@ -117,10 +117,16 @@
   }
 
   &.textarea-invalid {
-    @include styles.form-invalid-control();
+    @include styles.form-invalid-control(
+      $color: var(#{custom-props.$styleColorDefault}, awsui.$color-text-status-error),
+      $border-color: var(#{custom-props.$styleBorderColorDefault}, awsui.$color-text-status-error)
+    );
   }
 
   &.textarea-warning {
-    @include styles.form-warning-control();
+    @include styles.form-warning-control(
+      $color: var(#{custom-props.$styleColorDefault}, awsui.$color-text-status-warning),
+      $border-color: var(#{custom-props.$styleBorderColorDefault}, awsui.$color-text-status-warning)
+    );
   }
 }

From 963102e0696e9d4868d6c9ef876f3b2b245e9e6c Mon Sep 17 00:00:00 2001
From: Maximilian Schoell <schomax@amazon.de>
Date: Wed, 19 Nov 2025 18:47:26 +0100
Subject: [PATCH 2/2] retrigger checks