@ui5/webcomponents 2.1.0-rc.2 → 2.1.0

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

@@ -135,11 +135,24 @@
 	--_ui5-tree-toggle-icon-size: 1.0625rem;
 
 	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -1.625rem;
+	--_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%;
+	--_ui5_timeline_tli_last_child_vertical_indicator_before_height: calc(100% - 1.5rem);
+
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_top: -0.0625rem;
 	--_ui5_split_button_middle_separator_height: 2.25rem;
@@ -298,7 +311,7 @@
 	--_ui5_token_readonly_padding: 0.125rem 0.25rem;
 	--_ui5_token_focus_offset: -0.125rem;
 	--_ui5_token_icon_size: .75rem;
-	--_ui5_token_icon_padding: 0.125rem 0.25rem;
+	--_ui5_token_icon_padding: 0.375rem 0.375rem;
 	--_ui5_token_wrapper_right_padding: 0.25rem;
 	--_ui5_token_wrapper_left_padding: 0;
 	--_ui5_token_outline_offset: -0.125rem;
@@ -353,11 +366,32 @@
 	--_ui5-tree-toggle-icon-size: 0.8125rem;
 
 	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -0.5rem;
+	--_ui5_timeline_tli_indicator_before_bottom: -0.75rem;
 	--_ui5_timeline_tli_indicator_before_right: -0.5rem;
-	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -0.75rem;
+	--_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);
+	--_ui5_timeline_tli_last_child_vertical_indicator_before_height: calc(100% - 2.5rem);
+
+	/* 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;

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

@@ -3,4 +3,5 @@
 :root {
 	--_ui5_token_focus_outline_width: 0.0625rem;
 	--_ui5_token_text_color: var(--sapTextColor);
+	--_ui5_token_icon_padding: 0.325rem 0.25rem;
 }

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

@@ -2,5 +2,17 @@
 
 :root {
 	/* CalendarLegend */
-    --_ui5-calendar-legend-item-root-focus-offset: -0.0625rem;
+	--_ui5-calendar-legend-item-root-focus-offset: -0.0625rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* 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;
 }

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

@@ -2,4 +2,5 @@
 
 :root {
 	--_ui5_token_text_color: var(--sapTextColor);
+	--_ui5_token_icon_padding: 0.325rem 0.25rem;
 }

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

@@ -4,3 +4,12 @@
 	/* CalendarLegend */
     --_ui5-calendar-legend-item-root-focus-offset: -0.0625rem;
 }
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+    /* 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_hcb/sizes-parameters.css

@@ -9,4 +9,9 @@
 
 	/* SplitButton */
 	--_ui5_split_button_text_button_width: 2.25rem;
+
+	/* 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

@@ -9,4 +9,9 @@
 
 	/* SplitButton */
 	--_ui5_split_button_text_button_width: 2.25rem;
+
+	/* 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);
 }