fix(textfield): placeholder color for disabled readonly

rise-erpelding · rise-erpelding · commit 644cb465284e · 2024-07-08T09:40:15.000-06:00
diff --git a/components/textfield/index.css b/components/textfield/index.css
@@ -501,6 +501,11 @@ governing permissions and limitations under the License.
 		&::placeholder {
 			color: var(--highcontrast-textfield-text-color-readonly, var(--mod-textfield-text-color-readonly, var(--spectrum-textfield-text-color-readonly)));
 			background-color: transparent;
+
+			.is-disabled &,
+			.is-disabled:hover & {
+				color: var(--highcontrast-textfield-text-color-disabled, var(--mod-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled)));
+			}
 		}
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -501,6 +501,11 @@ governing permissions and limitations under the License.`
`501`	`501`	`&::placeholder {`
`502`	`502`	`color: var(--highcontrast-textfield-text-color-readonly, var(--mod-textfield-text-color-readonly, var(--spectrum-textfield-text-color-readonly)));`
`503`	`503`	`background-color: transparent;`
	`504`	`+`
	`505`	`+ .is-disabled &,`
	`506`	`+ .is-disabled:hover & {`
	`507`	`+ color: var(--highcontrast-textfield-text-color-disabled, var(--mod-textfield-text-color-disabled, var(--spectrum-textfield-text-color-disabled)));`
	`508`	`+ }`
`504`	`509`	`}`
`505`	`510`	`}`
`506`	`511`	`}`