From a1b9b265bbb8e7157aaf67ca92bf3592958d1c76 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Fri, 27 Feb 2026 16:00:37 -0800 Subject: [PATCH] feat(tokens): replace validation styles with gray --- core/src/components/checkbox/test/validation/index.html | 2 ++ core/src/components/input/test/validation/index.html | 2 ++ core/src/components/radio-group/test/validation/index.html | 2 ++ core/src/components/select/test/validation/index.html | 2 ++ core/src/components/textarea/test/validation/index.html | 2 ++ core/src/components/toggle/test/validation/index.html | 2 ++ .../checkbox-validation/checkbox-validation.component.scss | 1 + .../validation/input-validation/input-validation.component.scss | 1 + .../radio-group-validation.component.scss | 1 + .../select-validation/select-validation.component.scss | 1 + .../textarea-validation/textarea-validation.component.scss | 1 + .../toggle-validation/toggle-validation.component.scss | 1 + 12 files changed, 18 insertions(+) diff --git a/core/src/components/checkbox/test/validation/index.html b/core/src/components/checkbox/test/validation/index.html index 56c1eee0b9..c8c6b2c401 100644 --- a/core/src/components/checkbox/test/validation/index.html +++ b/core/src/components/checkbox/test/validation/index.html @@ -24,6 +24,8 @@ font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); + margin-top: 10px; margin-bottom: 5px; } diff --git a/core/src/components/input/test/validation/index.html b/core/src/components/input/test/validation/index.html index 4ce28439b1..e12b8e5320 100644 --- a/core/src/components/input/test/validation/index.html +++ b/core/src/components/input/test/validation/index.html @@ -24,6 +24,8 @@ font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); + margin-top: 10px; margin-bottom: 5px; } diff --git a/core/src/components/radio-group/test/validation/index.html b/core/src/components/radio-group/test/validation/index.html index 1e0d7c354f..360b4f767a 100644 --- a/core/src/components/radio-group/test/validation/index.html +++ b/core/src/components/radio-group/test/validation/index.html @@ -24,6 +24,8 @@ font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); + margin-top: 10px; margin-bottom: 5px; } diff --git a/core/src/components/select/test/validation/index.html b/core/src/components/select/test/validation/index.html index 1ae85ce421..665ba4f54d 100644 --- a/core/src/components/select/test/validation/index.html +++ b/core/src/components/select/test/validation/index.html @@ -24,6 +24,8 @@ font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); + margin-top: 10px; margin-bottom: 5px; } diff --git a/core/src/components/textarea/test/validation/index.html b/core/src/components/textarea/test/validation/index.html index 632a9f95e3..113f5778f3 100644 --- a/core/src/components/textarea/test/validation/index.html +++ b/core/src/components/textarea/test/validation/index.html @@ -24,6 +24,8 @@ font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); + margin-top: 10px; margin-bottom: 5px; } diff --git a/core/src/components/toggle/test/validation/index.html b/core/src/components/toggle/test/validation/index.html index 30f42ed160..c155649187 100644 --- a/core/src/components/toggle/test/validation/index.html +++ b/core/src/components/toggle/test/validation/index.html @@ -24,6 +24,8 @@ font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); + margin-top: 10px; margin-bottom: 5px; } diff --git a/packages/angular/test/base/src/app/standalone/validation/checkbox-validation/checkbox-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/checkbox-validation/checkbox-validation.component.scss index 87050a0463..abefd621db 100644 --- a/packages/angular/test/base/src/app/standalone/validation/checkbox-validation/checkbox-validation.component.scss +++ b/packages/angular/test/base/src/app/standalone/validation/checkbox-validation/checkbox-validation.component.scss @@ -8,6 +8,7 @@ h2 { font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); margin-top: 10px; margin-bottom: 5px; } diff --git a/packages/angular/test/base/src/app/standalone/validation/input-validation/input-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/input-validation/input-validation.component.scss index a01129c7fd..52b845fd32 100644 --- a/packages/angular/test/base/src/app/standalone/validation/input-validation/input-validation.component.scss +++ b/packages/angular/test/base/src/app/standalone/validation/input-validation/input-validation.component.scss @@ -8,6 +8,7 @@ h2 { font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); margin-top: 10px; margin-bottom: 5px; } diff --git a/packages/angular/test/base/src/app/standalone/validation/radio-group-validation/radio-group-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/radio-group-validation/radio-group-validation.component.scss index a01129c7fd..52b845fd32 100644 --- a/packages/angular/test/base/src/app/standalone/validation/radio-group-validation/radio-group-validation.component.scss +++ b/packages/angular/test/base/src/app/standalone/validation/radio-group-validation/radio-group-validation.component.scss @@ -8,6 +8,7 @@ h2 { font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); margin-top: 10px; margin-bottom: 5px; } diff --git a/packages/angular/test/base/src/app/standalone/validation/select-validation/select-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/select-validation/select-validation.component.scss index a01129c7fd..52b845fd32 100644 --- a/packages/angular/test/base/src/app/standalone/validation/select-validation/select-validation.component.scss +++ b/packages/angular/test/base/src/app/standalone/validation/select-validation/select-validation.component.scss @@ -8,6 +8,7 @@ h2 { font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); margin-top: 10px; margin-bottom: 5px; } diff --git a/packages/angular/test/base/src/app/standalone/validation/textarea-validation/textarea-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/textarea-validation/textarea-validation.component.scss index e79c88cdda..ef855d107e 100644 --- a/packages/angular/test/base/src/app/standalone/validation/textarea-validation/textarea-validation.component.scss +++ b/packages/angular/test/base/src/app/standalone/validation/textarea-validation/textarea-validation.component.scss @@ -8,6 +8,7 @@ h2 { font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); margin-top: 10px; margin-bottom: 5px; } diff --git a/packages/angular/test/base/src/app/standalone/validation/toggle-validation/toggle-validation.component.scss b/packages/angular/test/base/src/app/standalone/validation/toggle-validation/toggle-validation.component.scss index a01129c7fd..52b845fd32 100644 --- a/packages/angular/test/base/src/app/standalone/validation/toggle-validation/toggle-validation.component.scss +++ b/packages/angular/test/base/src/app/standalone/validation/toggle-validation/toggle-validation.component.scss @@ -8,6 +8,7 @@ h2 { font-size: 12px; font-weight: normal; + color: var(--ion-color-gray-600); margin-top: 10px; margin-bottom: 5px; }