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

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

@@ -17,4 +17,54 @@
 	--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
 	--_ui5_TimelineItem_bubble_content_subtitle_padding_top: 0.375rem;
 	--_ui5_TimelineItem_bubble_content_description_padding_top: 0.75rem;
+
+	/* Timeline (container) */
+	--_ui5_tl_bubble_padding: 1rem;
+	--_ui5_tl_padding: 1rem 1rem 1rem .5rem;
+	--_ui5_tl_li_margin_bottom: 1.625rem;
+
+	/* TimelineItem */
+	--_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%;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* Timeline (container) */
+	--_ui5_tl_bubble_padding: .5rem;
+	--_ui5_tl_padding: .5rem;
+	--_ui5_tl_li_margin_bottom: .5rem;
+
+	/* TimelineItem */
+	--_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 COMPACT */
+	--_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);
 }

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

@@ -0,0 +1,13 @@
+:root {
+	--_ui5_user_settings_avatar_cozy_display: inline-block;
+	--_ui5_user_settings_avatar_compact_display: none;
+	--_ui5_user_settings_item_title_font_size: var(--sapFontSize);
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_user_settings_avatar_cozy_display: none;
+	--_ui5_user_settings_avatar_compact_display: inline-block;
+	--_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize);
+}

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

@@ -4,4 +4,12 @@
 	--_ui5_vsd_content_li_padding: 0.375rem;
 	--_ui5_vsd_content_height: 23.4375rem;
 	--_ui5_vsd_expand_content_height: 26.1875rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_vsd_header_container: 2.5rem;
+	--_ui5_vsd_sub_header_container_height: 2rem;
+	--_ui5_vsd_expand_content_height: 25.4375rem;
 }

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

@@ -3,4 +3,10 @@
 :root {
 	--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
 	--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
 }

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

@@ -0,0 +1,11 @@
+@import "../base/TimelineItem-parameters.css";
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* Timeline Item COMPACT - sap_fiori_3 specific values */
+	--_ui5_timeline_tli_indicator_after_height: 50%;
+	--_ui5_timeline_tli_indicator_after_top: -50%;
+	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
+	--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% - 0.75rem);
+}

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

@@ -7,7 +7,7 @@
 @import "../base/ProductSwitchItem-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "../base/SideNavigation-parameters.css";
-@import "../base/TimelineItem-parameters.css";
+@import "./TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";
 @import "../base/Wizard-parameters.css";
@@ -19,3 +19,5 @@
 @import "../base/DynamicPageHeader-parameters.css";
 @import "./DynamicPageHeaderActions-parameters.css";
 @import "./TimelineGroupItem-parameters.css";
+@import "../base/rtl-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -0,0 +1,9 @@
+@import "../base/TimelineItem-parameters.css";
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_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_dark/parameters-bundle.css

@@ -7,7 +7,7 @@
 @import "../base/ProductSwitchItem-parameters.css";
 @import "./ShellBar-parameters.css";
 @import "../base/SideNavigation-parameters.css";
-@import "../base/TimelineItem-parameters.css";
+@import "./TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";
 @import "../base/Wizard-parameters.css";
@@ -19,3 +19,5 @@
 @import "../base/DynamicPageHeader-parameters.css";
 @import "../sap_fiori_3/DynamicPageHeaderActions-parameters.css";
 @import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../base/rtl-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -3,4 +3,12 @@
 :root {
 	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.1875rem;
 	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.6875rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_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/parameters-bundle.css

@@ -19,4 +19,6 @@
 @import "./DynamicPageTitle-parameters.css";
 @import "../base/DynamicPageHeader-parameters.css";
 @import "../sap_fiori_3/DynamicPageHeaderActions-parameters.css";
-@import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../base/rtl-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -3,4 +3,12 @@
 :root {
 	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.1875rem;
 	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.6875rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_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/parameters-bundle.css

@@ -19,4 +19,6 @@
 @import "./DynamicPageTitle-parameters.css";
 @import "../base/DynamicPageHeader-parameters.css";
 @import "../sap_fiori_3/DynamicPageHeaderActions-parameters.css";
-@import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../base/rtl-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -24,3 +24,4 @@
 @import "../base/DynamicPageHeader-parameters.css";
 @import "./DynamicPageHeaderActions-parameters.css";
 @import "../base/TimelineGroupItem-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -23,3 +23,4 @@
 @import "../base/DynamicPageHeader-parameters.css";
 @import "../sap_horizon/DynamicPageHeaderActions-parameters.css";
 @import "../base/TimelineGroupItem-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -18,3 +18,4 @@
 @import "../base/DynamicPageHeader-parameters.css";
 @import "../sap_horizon/DynamicPageHeaderActions-parameters.css";
 @import "../base/TimelineGroupItem-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -21,3 +21,4 @@
 @import "../base/DynamicPageHeader-parameters.css";
 @import "../sap_horizon/DynamicPageHeaderActions-parameters.css";
 @import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";

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

@@ -22,3 +22,4 @@
 @import "../sap_horizon/DynamicPageHeaderActions-parameters.css";
 @import "./DynamicPageTitle-parameters.css";
 @import "../sap_fiori_3/TimelineGroupItem-parameters.css";
+@import "../base/UserSettingsAppearanceViewItem-parameters.css";