@ui5/webcomponents 2.19.0-rc.0 → 2.19.0-rc.2

package/src/themes/TreeItem.css

@@ -65,12 +65,20 @@
 }
 
 .ui5-li-tree-toggle-icon {
-	width: var(--_ui5-tree-toggle-icon-size);
-	height: var(--_ui5-tree-toggle-icon-size);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--_ui5-tree-toggle-box-width);
+	height: var(--_ui5-tree-toggle-box-height);
 	color: var(--sapContent_IconColor);
 	cursor: pointer;
 }
 
+.ui5-li-tree-toggle-icon::part(root) {
+	width: var(--_ui5-tree-toggle-icon-size);
+	height: var(--_ui5-tree-toggle-icon-size);
+}
+
 :host([actionable]) .ui5-li-tree-toggle-icon {
 	color: var(--sapButton_TextColor);
 }

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

@@ -64,9 +64,11 @@
 	--_ui5_datetime_timeview_phonemode_clocks_width: 24.5rem;
 	--_ui5_datetime_dateview_phonemode_margin_bottom: 0;
 
+	/* Popup */
+	--_ui5_popup_footer_height: 2.75rem;
+
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.75rem;
-	--_ui5_dialog_footer_height: 2.75rem;
 
 	--_ui5_input_inner_padding: 0 0.625rem;
 	--_ui5_input_inner_padding_with_icon: 0 0.25rem 0 0.625rem;
@@ -104,9 +106,6 @@
 	--_ui5_token_height: 1.625rem;
 	--_ui5_token_icon_size: .75rem;
 	--_ui5_token_icon_padding: 0.25rem 0.5rem;
-	--_ui5_tl_bubble_padding: 1rem;
-	--_ui5_tl_padding: 1rem 1rem 1rem .5rem;
-	--_ui5_tl_li_margin_bottom: 1.625rem;
 
 	/*switch*/
 	--_ui5_tc_item_text: 3rem;
@@ -136,24 +135,6 @@
 	--_ui5-tree-toggle-box-height: 2.25rem;
 	--_ui5-tree-toggle-icon-size: 1.0625rem;
 
-	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;
-	--_ui5_timeline_tli_indicator_before_right: -1.625rem;
-	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
-	--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
-
-	/* TimelineItem COZY */
-	--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem);
-	--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem);
-	--_ui5_timeline_tli_indicator_before_height: 100%;
-	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + 0.25rem);
-	--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;
-	--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + 0.5rem);
-	--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + 0.5rem);
-	--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + 0.25rem);
-	--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + 0.375rem);
-	--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;
-
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_top: -0.0625rem;
 	--_ui5_split_button_middle_separator_height: 2.25rem;
@@ -265,9 +246,11 @@
 	--_ui5_datetime_timeview_phonemode_clocks_width: 21.125rem;
 	--_ui5_datetime_dateview_phonemode_margin_bottom: 3.125rem;
 
+	/* Popup */
+	--_ui5_popup_footer_height: 2.5rem;
+
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.5rem;
-	--_ui5_dialog_footer_height: 2.5rem;
 
 	/* Form */
 	--_ui5_form_item_min_height: 2rem;
@@ -321,10 +304,6 @@
 	--_ui5_token_icon_padding: 0.375rem 0.375rem;
 	--_ui5_token_outline_offset: -0.125rem;
 
-	--_ui5_tl_bubble_padding: .5rem;
-	--_ui5_tl_padding: .5rem;
-	--_ui5_tl_li_margin_bottom: .5rem;
-
 	--_ui5_tc_item_text: 2rem;
 	--_ui5_tc_item_text_line_height: 1.325rem;
 	--_ui5_tc_item_icon_size: 1rem;
@@ -366,37 +345,6 @@
 	--_ui5-tree-toggle-box-height: 1.5rem;
 	--_ui5-tree-toggle-icon-size: 0.8125rem;
 
-	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -0.75rem;
-	--_ui5_timeline_tli_indicator_before_right: -0.5rem;
-	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;
-	--_ui5_timeline_tli_indicator_before_without_icon_right: -0.8125rem;
-
-	/* TimelineItem */
-	--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem);
-	--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
-	--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
-	--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
-	--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
-	--_ui5_timeline_tli_indicator_after_top: calc(-100% + 0.9375rem);
-	--_ui5_timeline_tli_indicator_after_height: calc(100% - 0.75rem);
-	--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;
-	--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem);
-	--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - 0.625rem);
-
-	/* TimelineGroupItem */
-	--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem);
-	--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);
-	--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: 0.5rem;
-	--_ui5_timeline_tlgi_compact_root_gap: 0.5rem;
-	--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;
-
-
-	/* ViewSettingsDialog */
-	--_ui5_vsd_header_container: 2.5rem;
-	--_ui5_vsd_sub_header_container_height: 2rem;
-	--_ui5_vsd_expand_content_height: 25.4375rem;
-
 	/* Toolbar */
 	--_ui5-toolbar-separator-height: 1.5rem;
 	--_ui5-toolbar-height: 2rem;

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

@@ -14,14 +14,6 @@
 	/* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
 
-	/* Timeline Item */
-	--_ui5_timeline_tli_indicator_after_height: 50%;
-	--_ui5_timeline_tli_indicator_after_top: -50%;
-	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
-
-	/* Timeline Group Item */
-	--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
-
 	/* Slider, Range Slider */
 	--_ui5_slider_handle_width: 1.25rem;
 	--_ui5_slider_handle_height: 1.25rem;

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

@@ -14,11 +14,6 @@
     /* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
 
-    /* Timeline Item */
-    --_ui5_timeline_tli_indicator_after_height: 50%;
-    --_ui5_timeline_tli_indicator_after_top: -50%;
-    --_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
-
     /* Slider, Range Slider */
 	--_ui5_slider_handle_width: 1.25rem;
 	--_ui5_slider_handle_height: 1.25rem;

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

@@ -18,9 +18,4 @@
 
 	/* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
-
-	/* Timeline Item */
-	--_ui5_timeline_tli_indicator_after_height: 50%;
-	--_ui5_timeline_tli_indicator_after_top: -50%;
-	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
 }

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

@@ -18,9 +18,4 @@
 
 	/* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
-
-	/* Timeline Item */
-	--_ui5_timeline_tli_indicator_after_height: 50%;
-	--_ui5_timeline_tli_indicator_after_top: -50%;
-	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
 }