fix(input): use darker color for helper text

brandyscarney · brandyscarney · commit 0d273c4b604f · 2025-01-22T13:47:47.000-05:00
diff --git a/core/src/components/input/input.md.solid.scss b/core/src/components/input/input.md.solid.scss
@@ -32,6 +32,10 @@
   --border-color: var(--highlight-color);
 }
 
+/**
+ * The bottom content should never have
+ * a border with the solid style.
+ */
 :host(.input-fill-solid) .input-bottom {
   border-top: none;
 }
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
@@ -306,6 +306,8 @@
   border-top: var(--border-width) var(--border-style) var(--border-color);
 
   font-size: dynamic-font(12px);
+
+  white-space: normal;
 }
 
 /**
@@ -340,7 +342,7 @@
 .input-bottom .helper-text {
   display: block;
 
-  color: #{$text-color-step-450};
+  color: $text-color-step-300;
 }
 
 :host(.ion-touched.ion-invalid) .input-bottom .error-text {

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,10 @@`
`32`	`32`	`--border-color: var(--highlight-color);`
`33`	`33`	`}`
`34`	`34`
	`35`	`+/**`
	`36`	`+ * The bottom content should never have`
	`37`	`+ * a border with the solid style.`
	`38`	`+ */`
`35`	`39`	`:host(.input-fill-solid) .input-bottom {`
`36`	`40`	`border-top: none;`
`37`	`41`	`}`
Original file line number	Diff line number	Diff line change
`@@ -306,6 +306,8 @@`
`306`	`306`	`border-top: var(--border-width) var(--border-style) var(--border-color);`
`307`	`307`
`308`	`308`	`font-size: dynamic-font(12px);`
	`309`	`+`
	`310`	`+ white-space: normal;`
`309`	`311`	`}`
`310`	`312`
`311`	`313`	`/**`
`@@ -340,7 +342,7 @@`
`340`	`342`	`.input-bottom .helper-text {`
`341`	`343`	`display: block;`
`342`	`344`
`343`		`- color: #{$text-color-step-450};`
	`345`	`+ color: $text-color-step-300;`
`344`	`346`	`}`
`345`	`347`
`346`	`348`	`:host(.ion-touched.ion-invalid) .input-bottom .error-text {`