diff --git a/packages/main/src/themes/TextArea.css b/packages/main/src/themes/TextArea.css index bd567159da85..81025bbb9efc 100644 --- a/packages/main/src/themes/TextArea.css +++ b/packages/main/src/themes/TextArea.css @@ -162,32 +162,42 @@ :host([value-state="Error"]) .ui5-textarea-inner::-webkit-input-placeholder { /* Chrome/Opera/Safari */ - font-weight: var(--_ui5_textarea_value_state_error_placeholder_font_weight); + font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight); font-style: var(--_ui5_textarea_error_placeholder_font_style); color: var(--_ui5_textarea_error_placeholder_color); } :host([value-state="Error"]) .ui5-textarea-inner::-moz-placeholder { /* Firefox 19+ */ - font-weight: var(--_ui5_textarea_value_state_error_placeholder_font_weight); + font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight); font-style: var(--_ui5_textarea_error_placeholder_font_style); color: var(--_ui5_textarea_error_placeholder_color); } :host([value-state="Error"]) .ui5-textarea-inner:-ms-input-placeholder { /* IE 10+ */ - font-weight: var(--_ui5_textarea_value_state_error_placeholder_font_weight); + font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight); font-style: var(--_ui5_textarea_error_placeholder_font_style); color: var(--_ui5_textarea_error_placeholder_color); } :host([value-state="Error"]) .ui5-textarea-inner:-moz-placeholder { /* Firefox 18- */ - font-weight: var(--_ui5_textarea_value_state_error_placeholder_font_weight); + font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight); font-style: var(--_ui5_textarea_error_placeholder_font_style); color: var(--_ui5_textarea_error_placeholder_color); } +:host([value-state="Warning"]) .ui5-textarea-inner::-webkit-input-placeholder { + /* Chrome/Opera/Safari */ + font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight); +} + +:host([value-state="Warning"]) .ui5-textarea-inner::-moz-placeholder { + /* Firefox 19+ */ + font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight); +} + :host(:not([value-state]):not([exceeding]):not([readonly]):hover) { border-color: var(--sapField_Hover_BorderColor); } diff --git a/packages/main/src/themes/base/TextArea-parameters.css b/packages/main/src/themes/base/TextArea-parameters.css index 8d0d98545d5d..0b3438ccac58 100644 --- a/packages/main/src/themes/base/TextArea-parameters.css +++ b/packages/main/src/themes/base/TextArea-parameters.css @@ -17,8 +17,8 @@ --_ui5_textarea_after_element_display: none; --_ui5_textarea_placeholder_font_style: italic; --_ui5_input_warning_font_weight: normal; - --_ui5_textarea_value_state_error_placeholder_font_weight: normal; - --_ui5_textarea_error_placeholder_font_style: normal; + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: normal; + --_ui5_textarea_error_placeholder_font_style: italic; --_ui5_textarea_error_placeholder_color: var(--sapField_PlaceholderTextColor); --_ui5_textarea_disabled_background_color: var(--sapField_ReadOnly_Background); --_ui5_textarea_error_hover_background_color: var(--sapField_Hover_Background); diff --git a/packages/main/src/themes/sap_belize_hcb/TextArea-parameters.css b/packages/main/src/themes/sap_belize_hcb/TextArea-parameters.css index db47c477e9fc..e277a978a81b 100644 --- a/packages/main/src/themes/sap_belize_hcb/TextArea-parameters.css +++ b/packages/main/src/themes/sap_belize_hcb/TextArea-parameters.css @@ -6,4 +6,8 @@ --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground); --_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground); --_ui5_textarea_information_border_width: var(--sapField_BorderWidth); + --_ui5_textarea_placeholder_font_style: normal; + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold; + --_ui5_textarea_error_placeholder_font_style: normal; + --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor); } \ No newline at end of file diff --git a/packages/main/src/themes/sap_belize_hcw/TextArea-parameters.css b/packages/main/src/themes/sap_belize_hcw/TextArea-parameters.css index db47c477e9fc..e277a978a81b 100644 --- a/packages/main/src/themes/sap_belize_hcw/TextArea-parameters.css +++ b/packages/main/src/themes/sap_belize_hcw/TextArea-parameters.css @@ -6,4 +6,8 @@ --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground); --_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground); --_ui5_textarea_information_border_width: var(--sapField_BorderWidth); + --_ui5_textarea_placeholder_font_style: normal; + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold; + --_ui5_textarea_error_placeholder_font_style: normal; + --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor); } \ No newline at end of file diff --git a/packages/main/src/themes/sap_fiori_3_hcb/TextArea-parameters.css b/packages/main/src/themes/sap_fiori_3_hcb/TextArea-parameters.css index cddacb9e044a..3c37c2829b36 100644 --- a/packages/main/src/themes/sap_fiori_3_hcb/TextArea-parameters.css +++ b/packages/main/src/themes/sap_fiori_3_hcb/TextArea-parameters.css @@ -6,6 +6,9 @@ --_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth); --_ui5_textarea_information_border_width: 0.0625rem; --_ui5_textarea_placeholder_font_style: normal; + --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor); + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold; + --_ui5_textarea_error_placeholder_font_style: normal; --_ui5_input_warning_font_weight: bold; --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground); --_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground); diff --git a/packages/main/src/themes/sap_fiori_3_hcw/TextArea-parameters.css b/packages/main/src/themes/sap_fiori_3_hcw/TextArea-parameters.css index cddacb9e044a..ad56af1fb1f9 100644 --- a/packages/main/src/themes/sap_fiori_3_hcw/TextArea-parameters.css +++ b/packages/main/src/themes/sap_fiori_3_hcw/TextArea-parameters.css @@ -6,6 +6,9 @@ --_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth); --_ui5_textarea_information_border_width: 0.0625rem; --_ui5_textarea_placeholder_font_style: normal; + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold; + --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor); + --_ui5_textarea_error_placeholder_font_style: normal; --_ui5_input_warning_font_weight: bold; --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground); --_ui5_textarea_error_focused_background_color: var(--sapField_InvalidBackground); diff --git a/packages/main/src/themes/sap_horizon_hcb/TextArea-parameters.css b/packages/main/src/themes/sap_horizon_hcb/TextArea-parameters.css index 0fe33bfd40d7..2a4531326e73 100644 --- a/packages/main/src/themes/sap_horizon_hcb/TextArea-parameters.css +++ b/packages/main/src/themes/sap_horizon_hcb/TextArea-parameters.css @@ -7,8 +7,8 @@ --_ui5_textarea_information_border_width: 0.0625rem; --_ui5_textarea_placeholder_font_style: normal; --_ui5_input_warning_font_weight: bold; - --_ui5_textarea_value_state_error_placeholder_font_weight: bold; - --_ui5_textarea_error_placeholder_font_style: italic; + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold; + --_ui5_textarea_error_placeholder_font_style: normal; --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor); --_ui5_textarea_disabled_background_color: var(--sapField_Background); --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground); diff --git a/packages/main/src/themes/sap_horizon_hcw/TextArea-parameters.css b/packages/main/src/themes/sap_horizon_hcw/TextArea-parameters.css index 0fe33bfd40d7..2a4531326e73 100644 --- a/packages/main/src/themes/sap_horizon_hcw/TextArea-parameters.css +++ b/packages/main/src/themes/sap_horizon_hcw/TextArea-parameters.css @@ -7,8 +7,8 @@ --_ui5_textarea_information_border_width: 0.0625rem; --_ui5_textarea_placeholder_font_style: normal; --_ui5_input_warning_font_weight: bold; - --_ui5_textarea_value_state_error_placeholder_font_weight: bold; - --_ui5_textarea_error_placeholder_font_style: italic; + --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold; + --_ui5_textarea_error_placeholder_font_style: normal; --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor); --_ui5_textarea_disabled_background_color: var(--sapField_Background); --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);