@ui5/webcomponents 0.0.0-e0658a650 → 0.0.0-e55c2cec6

package/src/themes/Tokenizer.css

@@ -55,7 +55,7 @@
 	white-space: nowrap;
 	font-size: var(--sapFontSize);
 	font-weight: normal;
-	color: var(--sapField_TextColor);
+	color: var(--_ui5_tokenizer_n_more_text_color);
 }
 
 :host([expanded]) .ui5-tokenizer--content {

package/src/themes/{TreeListItem.css → TreeItem.css}

@@ -40,11 +40,11 @@
 	padding-inline-start: 0;
 }
 
-:host(:not([level="1"])) {
+:host(:not([level="1"])) .ui5-li-root {
 	border-color: var(--sapList_AlternatingBackground);
 }
 
-:host([_toggle-button-end][selected]:not([level="1"])) {
+:host([_toggle-button-end][selected]:not([level="1"])) .ui5-li-root {
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
 }
 
@@ -100,12 +100,49 @@
 	width: 100%;
 }
 
-/* navigated */
-:host([navigated]) .ui5-li-root .ui5-li-navigated {
-	width: 0.1875rem;
-	position: absolute;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	background-color: var(--sapList_SelectionBorderColor);
+/* move host styles to .ui5-li-root as the focused element of [ui5-tree-item]
+is the .ui5-li-root and not the host. The host height expands to fill subtree */
+
+:host {
+    height: unset;
+}
+
+.ui5-li-root {
+    height: var(--_ui5_list_item_base_height);
+}
+
+/* selected */
+:host([selected]) {
+    background: unset;
+}
+:host([selected]) .ui5-li-root {
+    background: var(--sapList_SelectionBackgroundColor);
+}
+
+:host([has-border]) {
+    border-bottom: unset;
+}
+:host([has-border]) .ui5-li-root {
+    border-bottom: var(--ui5-listitem-border-bottom);
+}
+
+/* focused & selected */
+:host(:not([focused])[selected][has-border]) {
+    border-bottom: unset;
+}
+:host(:not([focused])[selected][has-border]) .ui5-li-root {
+    border-bottom: var(--ui5-listitem-selected-border-bottom);
+}
+
+:host([focused][selected]) {
+    border-bottom: unset;
+}
+:host([focused][selected]) .ui5-li-root {
+    border-bottom: var(--ui5-listitem-focused-selected-border-bottom);
+}
+
+.ui5-tree-li-subtree {
+    margin: 0;
+    padding: 0;
+    list-style: none;
 }

package/src/themes/ValueStateMessage.css

@@ -45,8 +45,11 @@
 	border: var(--_ui5_value_state_message_border);
 }
 
-[ui5-responsive-popover] .ui5-valuestatemessage-header {
+[ui5-responsive-popover] .ui5-valuestatemessage-header, [ui5-popover] .ui5-valuestatemessage-header  {
 	min-height: 2rem;
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage-header {
 	padding: var(--_ui5_value_state_header_padding);
 	border: var(--_ui5_value_state_header_border);
 	border-bottom: var(--_ui5_value_state_header_border_bottom);
@@ -82,3 +85,8 @@
 .ui5-valuestatemessage-popover::part(footer) {
 	min-height: 0;
 }
+
+.ui5-valuestatemessage-popover::part(header),
+.ui5-suggestions-popover-with-value-state-header::part(header) {
+	margin-bottom: 0;
+}

package/src/themes/base/Avatar-parameters.css

@@ -1,6 +1,7 @@
 :root {
 	--ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
 	--ui5-avatar-border-radius: .25rem;
+	--ui5-avatar-border-radius-img-deduction: 0.0625rem;
 	--ui5-avatar-initials-border: none;
 	--ui5-avatar-accent1: var(--sapAccentColor1);
 	--ui5-avatar-accent2: var(--sapAccentColor2);

package/src/themes/base/Input-parameters.css

@@ -33,7 +33,7 @@
 	--_ui5_input_information_custom_icon_padding: .5rem .625rem;
 	--_ui5_input_error_warning_icon_padding: .5rem .5rem .5rem .5625rem;
 	--_ui5_input_information_icon_padding: .5rem .5rem .5rem .5625rem;
-	--_ui5_input_disabled_opacity: 0.4;
+	--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);
 	--_ui5_input_icon_min_width: 2.25rem;
 	--_ui5_input_compact_min_width: 2rem;
 	--_ui5_input_transition: none;

package/src/themes/base/Select-parameters.css

@@ -5,5 +5,5 @@
 	--_ui5_select_state_error_warning_border_width: 0.125rem;
 	--_ui5_select_hover_icon_left_border: 1px solid transparent;
 	--_ui5_select_focus_width: 1px;
-	--_ui5_select_label_olor: var(--sapField_TextColor);
+	--_ui5_select_label_color: var(--sapField_TextColor);
 }

package/src/themes/base/TextArea-parameters.css

@@ -20,20 +20,38 @@
 	--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);
 	--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);
 	--_ui5_textarea_focus_offset: 1px;
+	--_ui5_textarea_readonly_focus_offset: 1px;
 	--_ui5_textarea_value_state_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);
 	--__ui5_textarea_min_height: 2.25rem;
+	--_ui5_textarea_padding_right_and_left: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.5625rem;
+	--_ui5_textarea_padding_top: 0.4375rem;
+	--_ui5_textarea_padding_bottom: 0.4375rem;
+	--_ui5_textarea_padding_top_readonly: 0.4375rem;
+	--_ui5_textarea_padding_bottom_readonly:0.4375rem;
 	--_ui5_textarea_padding_top_error_warning: 0.375rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.375rem;
 	--_ui5_textarea_padding_top_information: 0.375rem;
 	--_ui5_textarea_padding_bottom_information: 0.375rem;
 	--_ui5_textarea_margin: 0.25rem 0;
 	--_ui5_textarea_exceeded_text_height: 1rem;
+	--_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);
 }
 
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_textarea_padding_right_and_left: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.4375rem;
+	--_ui5_textarea_padding_top: 0.125rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
+	--_ui5_textarea_padding_top_readonly: 0.125rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.125rem;
 	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
 	--_ui5_textarea_padding_top_information: 0.0625rem;

package/src/themes/base/Tokenizer-parameters.css

@@ -1,3 +1,4 @@
 :root {
 	--_ui5_tokenizer_padding: 0.3125rem;
+	--_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);
 }

package/src/themes/base/sizes-parameters.css

@@ -1,7 +1,7 @@
 :root {
 	/* Calendar */
 	--_ui5_calendar_height: 24.5rem;
-	--_ui5_calendar_width: 20.5rem;
+	--_ui5_calendar_width: 20rem;
 	--_ui5_calendar_padding: 1rem;
 	--_ui5_calendar_left_right_padding:  0.5rem;
 	--_ui5_calendar_top_bottom_padding: 1rem;
@@ -119,10 +119,6 @@
 	--_ui5_tc_item_add_text_margin_top: 0.375rem;
 
 	/* TextArea */
-	--_ui5_textarea_padding_top: 0.4375rem;
-	--_ui5_textarea_padding_bottom:0.4375rem;
-	--_ui5_textarea_padding_left: 0.625rem;
-	--_ui5_textarea_padding_right: 0.625rem;
 	--_ui5_textarea_margin: .25rem 0;
 
 	/* Panel */
@@ -291,10 +287,6 @@
 	--_ui5_token_wrapper_right_padding: 0.25rem;
 	--_ui5_token_wrapper_left_padding: 0;
 	--_ui5_token_outline_offset: -0.125rem;
-	--_ui5_textarea_padding_top: 0.125rem;
-	--_ui5_textarea_padding_bottom: 0.125rem;
-	--_ui5_textarea_padding_left: 0.5rem;
-	--_ui5_textarea_padding_right: 0.5rem;
 
 	--_ui5_tl_bubble_padding: .5rem;
 	--_ui5_tl_indicator_before_bottom: -.5rem;

package/src/themes/sap_belize/TextArea-parameters.css

@@ -2,10 +2,18 @@
 
 :root {
 	--__ui5_textarea_min_height: 2.5rem;
+	--_ui5_textarea_padding_top: 0.5625rem;
+	--_ui5_textarea_padding_bottom:0.5625rem;
+	--_ui5_textarea_padding_top_readonly: 0.5625rem;
+	--_ui5_textarea_padding_bottom_readonly:0.5625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.5rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.5rem;
 	--_ui5_textarea_padding_top_information: 0.5rem;
 	--_ui5_textarea_padding_bottom_information: 0.5rem;
+	--_ui5_textarea_padding_right_and_left: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.6875rem;
 }
 
 [data-ui5-compact-size],

package/src/themes/sap_belize_hcb/TextArea-parameters.css

@@ -15,10 +15,16 @@
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
 	--_ui5_textarea_padding_top: 0.5625rem;
 	--_ui5_textarea_padding_bottom: 0.5625rem;
+	--_ui5_textarea_padding_top_readonly: 0.5625rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.5625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.5625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
 	--_ui5_textarea_padding_top_information: 0.5625rem;
 	--_ui5_textarea_padding_bottom_information: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.6875rem;
 }
 
 [data-ui5-compact-size],
@@ -28,4 +34,6 @@
 	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
 	--_ui5_textarea_padding_top_information: 0.125rem;
 	--_ui5_textarea_padding_bottom_information: 0.125rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.4375rem;
 }

package/src/themes/sap_belize_hcw/TextArea-parameters.css

@@ -15,10 +15,16 @@
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
 	--_ui5_textarea_padding_top: 0.5625rem;
 	--_ui5_textarea_padding_bottom: 0.5625rem;
+	--_ui5_textarea_padding_top_readonly: 0.5625rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.5625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.5625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
 	--_ui5_textarea_padding_top_information: 0.5625rem;
 	--_ui5_textarea_padding_bottom_information: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.6875rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.6875rem;
 }
 
 [data-ui5-compact-size],
@@ -28,4 +34,6 @@
 	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
 	--_ui5_textarea_padding_top_information: 0.125rem;
 	--_ui5_textarea_padding_bottom_information: 0.125rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.4375rem;
 }

package/src/themes/sap_fiori_3_hcb/TextArea-parameters.css

@@ -8,12 +8,17 @@
 	--_ui5_textarea_error_warning_font_weight: bold;
 	--_ui5_textarea_error_warning_font_style: italic;
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
+	--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);
 	--_ui5_textarea_error_warning_border_style: dashed;
 	--_ui5_textarea_padding_top_information: 0.4375rem;
 	--_ui5_textarea_padding_bottom_information: 0.4375rem;
 	--_ui5_textarea_padding_top: 0.375rem;
 	--_ui5_textarea_padding_bottom: 0.375rem;
+	--_ui5_textarea_padding_top_readonly: 0.375rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.375rem;
+	--_ui5_textarea_padding_right_and_left: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
 }
 
 [data-ui5-compact-size],
@@ -21,8 +26,13 @@
 .sapUiSizeCompact {
 	--_ui5_textarea_padding_top: 0.0625rem;
 	--_ui5_textarea_padding_bottom: 0.0625rem;
+	--_ui5_textarea_padding_top_readonly: 0.0625rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.0625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
-	--_ui5_textarea_padding_top_information: 0.0625rem;
-	--_ui5_textarea_padding_bottom_information: 0.0625rem;
+	--_ui5_textarea_padding_top_information: 0.125rem;
+	--_ui5_textarea_padding_bottom_information: 0.125rem;
+	--_ui5_textarea_padding_right_and_left: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.375rem;
 }

package/src/themes/sap_fiori_3_hcw/TextArea-parameters.css

@@ -8,12 +8,17 @@
 	--_ui5_textarea_error_warning_font_weight: bold;
 	--_ui5_textarea_error_warning_font_style: italic;
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
-	--_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
+	--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);
 	--_ui5_textarea_error_warning_border_style: dashed;
 	--_ui5_textarea_padding_top_information: 0.4375rem;
 	--_ui5_textarea_padding_bottom_information: 0.4375rem;
 	--_ui5_textarea_padding_top: 0.375rem;
 	--_ui5_textarea_padding_bottom: 0.375rem;
+	--_ui5_textarea_padding_top_readonly: 0.375rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.375rem;
+	--_ui5_textarea_padding_right_and_left: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
 }
 
 [data-ui5-compact-size],
@@ -21,8 +26,13 @@
 .sapUiSizeCompact {
 	--_ui5_textarea_padding_top: 0.0625rem;
 	--_ui5_textarea_padding_bottom: 0.0625rem;
+	--_ui5_textarea_padding_top_readonly: 0.0625rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.0625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
-	--_ui5_textarea_padding_top_information: 0.0625rem;
-	--_ui5_textarea_padding_bottom_information: 0.0625rem;
+	--_ui5_textarea_padding_top_information: 0.125rem;
+	--_ui5_textarea_padding_bottom_information: 0.125rem;
+	--_ui5_textarea_padding_right_and_left: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.375rem;
 }

package/src/themes/sap_horizon/CheckBox-parameters.css

@@ -47,4 +47,5 @@
 	--_ui5_checkbox_focus_position: 0.3125rem;
 	--_ui5_checkbox_focus_border_radius: 0.5rem;
 	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
+	--_ui5_checkbox_wrapped_focus_left_top_bottom_position: 0.1875rem;
 }

package/src/themes/sap_horizon/TextArea-parameters.css

@@ -18,19 +18,33 @@
 	--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
 	--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
 	--_ui5_textarea_focus_offset: 0;
+	--_ui5_textarea_readonly_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
 	--_ui5_textarea_value_state_focus_offset: 0;
+	--_ui5_textarea_padding_top: 0.5rem;
+	--_ui5_textarea_padding_bottom: 0.4375rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.375rem;
 	--_ui5_textarea_padding_top_error_warning: 0.5rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.4375rem;
 	--_ui5_textarea_padding_top_information: 0.5rem;
 	--_ui5_textarea_padding_bottom_information: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.625rem;
+	--_ui5_textarea_readonly_border_style: dashed;
 }
 
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.1875rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.0625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.1875rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
 	--_ui5_textarea_padding_top_information: 0.1875rem;
 	--_ui5_textarea_padding_bottom_information: 0.125rem;
+	--_ui5_textarea_padding_right_and_left: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5rem;
 }

package/src/themes/sap_horizon/Tokenizer-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/Tokenizer-parameters.css";
+
+:root {
+	--_ui5_tokenizer_n_more_text_color: var(--sapLinkColor);
+}

package/src/themes/sap_horizon/parameters-bundle.css

@@ -50,7 +50,7 @@
 @import "../base/Table-parameters.css";
 @import "../base/TableRow-parameters.css";
 @import "./Token-parameters.css";
-@import "../base/Tokenizer-parameters.css";
+@import "./Tokenizer-parameters.css";
 @import "./MultiComboBox-parameters.css";
 @import "./SliderBase-parameters.css";
 @import "./ValueStateMessage-parameters.css";

package/src/themes/sap_horizon_dark/ListItemBase-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--ui5-listitem-active-border-color: var(--sapContent_FocusColor);
-    --ui5-listitem-border-bottom: 1px solid transparent;
 }

package/src/themes/sap_horizon_dark/TextArea-parameters.css

@@ -18,19 +18,33 @@
 	--_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
 	--_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
 	--_ui5_textarea_focus_offset: 0;
+	--_ui5_textarea_readonly_focus_offset: 1px;
 	--_ui5_textarea_focus_outline_color: var(--sapField_Active_BorderColor);
 	--_ui5_textarea_value_state_focus_offset: 0;
+	--_ui5_textarea_padding_top: 0.5rem;
+	--_ui5_textarea_padding_bottom: 0.4375rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.375rem;
 	--_ui5_textarea_padding_top_error_warning: 0.5rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.4375rem;
 	--_ui5_textarea_padding_top_information: 0.5rem;
 	--_ui5_textarea_padding_bottom_information: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.625rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.625rem;
+	--_ui5_textarea_readonly_border_style: dashed;
 }
 
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
+	--_ui5_textarea_padding_top: 0.1875rem;
+	--_ui5_textarea_padding_bottom: 0.125rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.0625rem;
 	--_ui5_textarea_padding_top_error_warning: 0.1875rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.125rem;
 	--_ui5_textarea_padding_top_information: 0.1875rem;
 	--_ui5_textarea_padding_bottom_information: 0.125rem;
+	--_ui5_textarea_padding_right_and_left: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_error_warning: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5rem;
 }

package/src/themes/sap_horizon_dark/Tokenizer-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/Tokenizer-parameters.css";
+
+:root {
+	--_ui5_tokenizer_n_more_text_color: var(--sapLinkColor);
+}

package/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -50,7 +50,7 @@
 @import "../base/Table-parameters.css";
 @import "../base/TableRow-parameters.css";
 @import "./Token-parameters.css";
-@import "../base/Tokenizer-parameters.css";
+@import "./Tokenizer-parameters.css";
 @import "./MultiComboBox-parameters.css";
 @import "./SliderBase-parameters.css";
 

package/src/themes/sap_horizon_exp/Select-parameters.css

@@ -1,5 +1,5 @@
 @import "../base/Select-parameters.css";
 
 :root {
-	--_ui5_select_label_olor: var(--sapTitleColor); /* #223548; */
+	--_ui5_select_label_color: var(--sapTitleColor); /* #223548; */
 }

package/src/themes/sap_horizon_hcb/TextArea-parameters.css

@@ -10,15 +10,19 @@
 	--_ui5_textarea_error_placeholder_font_style: normal;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
+	--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);
 	--_ui5_textarea_error_warning_border_style: dashed;
-	--_ui5_textarea_padding_top_information: 0.375rem;
-	--_ui5_textarea_padding_bottom_information: 0.3125rem;
+	--_ui5_textarea_padding_top_information: 0.4375rem;
+	--_ui5_textarea_padding_bottom_information: 0.375rem;
 	--_ui5_textarea_padding_top: 0.375rem;
 	--_ui5_textarea_padding_bottom: 0.3125rem;
+	--_ui5_textarea_padding_top_readonly: 0.375rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.3125rem;
 	--_ui5_textarea_padding_top_error_warning: 0.375rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.3125rem;
-	--_ui5_textarea_padding_top_information: 0.375rem;
-	--_ui5_textarea_padding_bottom_information: 0.3125rem;	
+	--_ui5_textarea_padding_right_and_left: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
 }
 
 [data-ui5-compact-size],
@@ -26,8 +30,13 @@
 .sapUiSizeCompact {
 	--_ui5_textarea_padding_top: 0.0625rem;
 	--_ui5_textarea_padding_bottom: 0rem;
+	--_ui5_textarea_padding_top_readonly: 0.0625rem;
+	--_ui5_textarea_padding_bottom_readonly: 0rem;
 	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0rem;
-	--_ui5_textarea_padding_top_information: 0.0625rem;
-	--_ui5_textarea_padding_bottom_information: 0rem;
+	--_ui5_textarea_padding_top_information: 0.125rem;
+	--_ui5_textarea_padding_bottom_information: 0.0625rem;
+	--_ui5_textarea_padding_right_and_left: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.375rem;
 }

package/src/themes/sap_horizon_hcw/TextArea-parameters.css

@@ -10,15 +10,19 @@
 	--_ui5_textarea_placeholder_font_style: normal;
 	--_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
 	--_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
+	--_ui5_textarea_information_border_width: var(--sapField_InformationBorderWidth);
 	--_ui5_textarea_error_warning_border_style: dashed;
-	--_ui5_textarea_padding_top_information: 0.375rem;
-	--_ui5_textarea_padding_bottom_information: 0.3125rem;
+	--_ui5_textarea_padding_top_information: 0.4375rem;
+	--_ui5_textarea_padding_bottom_information: 0.375rem;
 	--_ui5_textarea_padding_top: 0.375rem;
 	--_ui5_textarea_padding_bottom: 0.3125rem;
+	--_ui5_textarea_padding_top_readonly: 0.375rem;
+	--_ui5_textarea_padding_bottom_readonly: 0.3125rem;
 	--_ui5_textarea_padding_top_error_warning: 0.375rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0.3125rem;
-	--_ui5_textarea_padding_top_information: 0.375rem;
-	--_ui5_textarea_padding_bottom_information: 0.3125rem;
+	--_ui5_textarea_padding_right_and_left: 0.5rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.5625rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.5rem;
 }
 
 [data-ui5-compact-size],
@@ -26,8 +30,13 @@
 .sapUiSizeCompact {
 	--_ui5_textarea_padding_top: 0.0625rem;
 	--_ui5_textarea_padding_bottom: 0rem;
+	--_ui5_textarea_padding_top_readonly: 0.0625rem;
+	--_ui5_textarea_padding_bottom_readonly: 0rem;
 	--_ui5_textarea_padding_top_error_warning: 0.0625rem;
 	--_ui5_textarea_padding_bottom_error_warning: 0rem;
-	--_ui5_textarea_padding_top_information: 0.0625rem;
-	--_ui5_textarea_padding_bottom_information: 0rem;
+	--_ui5_textarea_padding_top_information: 0.125rem;
+	--_ui5_textarea_padding_bottom_information: 0.0625rem;
+	--_ui5_textarea_padding_right_and_left: 0.375rem;
+	--_ui5_textarea_padding_right_and_left_information: 0.4375rem;
+	--_ui5_textarea_padding_right_and_left_readonly: 0.375rem;
 }

package/src/timepicker-utils/{TimeSlider.js → TimeSlider.ts}

@@ -1,5 +1,13 @@
-const generateTimeItemsArray = (x, step = 1) => {
-	const array = [];
+type HoursConfiguration = {
+	minHour: number,
+	maxHour: number
+	isTwelveHoursFormat: boolean,
+}
+
+type HourType = "hour0_23" | "hour1_24" | "hour0_11" | "hour1_12";
+
+const generateTimeItemsArray = (x: number, step = 1) => {
+	const array: Array<string> = [];
 	for (let i = 0; i < x; i++) {
 		if (i % step === 0) {
 			let tempString = i.toString();
@@ -14,7 +22,7 @@ const generateTimeItemsArray = (x, step = 1) => {
 	return array;
 };
 
-const getHours = (config, max) => {
+const getHours = (config: HoursConfiguration, max: number | undefined) => {
 	let hoursValueArray = [];
 
 	if (config.isTwelveHoursFormat) {
@@ -25,7 +33,7 @@ const getHours = (config, max) => {
 
 	if (config.minHour === 1) {
 		for (let i = 0; i < hoursValueArray.length; i++) {
-			const tempValue = hoursValueArray[i] * 1 + 1;
+			const tempValue = parseInt(hoursValueArray[i]) + 1;
 
 			if (tempValue.toString().length === 1) {
 				hoursValueArray[i] = `0${tempValue.toString()}`;
@@ -38,16 +46,20 @@ const getHours = (config, max) => {
 	return hoursValueArray;
 };
 
-const getMinutes = (max, step) => {
+const getMinutes = (max: number | undefined, step: number) => {
 	return generateTimeItemsArray(max || 60, step);
 };
 
-const getSeconds = (max, step) => {
+const getSeconds = (max: number | undefined, step: number) => {
 	return generateTimeItemsArray(max || 60, step);
 };
 
-const getHoursConfigByFormat = type => {
-	const config = {};
+const getHoursConfigByFormat = (type: HourType) => {
+	const config: HoursConfiguration = {
+		minHour: 0,
+		maxHour: 0,
+		isTwelveHoursFormat: false,
+	};
 
 	if (type === "hour0_23") {
 		config.minHour = 0;
@@ -70,7 +82,7 @@ const getHoursConfigByFormat = type => {
 	return config;
 };
 
-const getTimeControlsByFormat = (formatArray, hoursConfig) => {
+const getTimeControlsByFormat = (formatArray: Array<{ type: string }>, hoursConfig: HoursConfiguration) => {
 	const timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm
 
 	for (let i = 0; i < formatArray.length; i++) {
@@ -101,3 +113,8 @@ export {
 	getHoursConfigByFormat,
 	getTimeControlsByFormat,
 };
+
+export type {
+	HourType,
+	HoursConfiguration,
+};

package/src/types/AvatarColorScheme.ts

@@ -5,7 +5,7 @@
  * @enum {string}
  * @public
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.AvatarColorScheme
+ * @alias sap.ui.webc.main.types.AvatarColorScheme
  */
 enum AvatarColorScheme {
 	/**

package/src/types/AvatarGroupType.ts

@@ -5,7 +5,7 @@
  * @enum {string}
  * @public
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.AvatarGroupType
+ * @alias sap.ui.webc.main.types.AvatarGroupType
  */
 enum AvatarGroupType {
 	/**

package/src/types/AvatarShape.ts

@@ -5,7 +5,7 @@
  * @enum {string}
  * @public
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.AvatarShape
+ * @alias sap.ui.webc.main.types.AvatarShape
  */
 enum AvatarShape {
 	/**