feat(tokens): replace validation styles with gray

2026-03-13 10:22:08 +08:00 · 2026-02-27 16:00:37 -08:00
parent 520146d892
commit a1b9b265bb
12 changed files with 18 additions and 0 deletions
--- 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;
      }
--- 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;
      }
--- 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;
      }
--- 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;
      }
--- 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;
      }
--- 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;
      }
--- 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;
 }
--- 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;
 }
--- 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;
 }
--- 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;
 }
--- 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;
 }
--- 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;
 }