fix(ui5-textarea): apply correct styles to value state None (#6804)

SAP · Apr 4, 2023 · 295ba45 · 295ba45
1 parent b2a85bc
commit 295ba45
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/main/src/themes/TextArea.css b/packages/main/src/themes/TextArea.css
@@ -17,18 +17,21 @@
 	margin: var(--_ui5_textarea_margin);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper {
+:host(:not([value-state]):not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper,
+:host([value-state="None"]:not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper {
 	background: var(--sapField_BackgroundStyle);
 	background-color: var(--sapField_Background);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper {
+:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper,
+:host([value-state="None"]:not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper {
 	background: var(--sapField_Hover_BackgroundStyle);
 	background-color: var(--sapField_Hover_Background);
 	border: var(--_ui5_textarea_hover_border);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
+:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper,
+:host([value-state="None"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
 	box-shadow: var(--_ui5_textarea_hover_box_shadow);
 }