@ui5/webcomponents-fiori 1.2.6 → 1.4.0

package/src/themes/TimelineItem.css

@@ -80,8 +80,8 @@
 	border: 1px solid var(--sapContent_NonInteractiveIconColor);
 	background-color: var(--sapContent_NonInteractiveIconColor);
 	border-radius: 50%;
-	width: .4375rem;
-	height: .4375rem;
+	width: 0.375rem;
+	height: 0.375rem;
 	position: absolute;
 	top: 0.9375rem;
 	left: 50%;
@@ -131,13 +131,13 @@
 
 .ui5-tli-bubble {
 	background: var(--sapGroup_ContentBackground);
-	border: 1px solid var(--sapList_BorderColor);
+	border: 1px solid var(--_ui5_TimelineItem_bubble_border_color);
 	box-sizing: border-box;
-	border-radius: 0.25rem;
+	border-radius: var(--_ui5_TimelineItem_bubble_border_radius);
 	flex: 1;
 	position: relative;
 	margin-left: .5rem;
-	padding: var(--_ui5_tl_bubble_padding);
+	padding: var(--_ui5_TimelineItem_bubble_content_padding);
 }
 
 :host([layout="Horizontal"]) .ui5-tli-bubble {
@@ -152,7 +152,7 @@
 .ui5-tli-bubble:focus::after {
 	content: "";
     border: var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);
-    border-radius: var(--_ui5_TimelineItem_bubble_border_radius);
+    border-radius: var(--_ui5_TimelineItem_bubble_focus_border_radius);
 	position: absolute;
 	top: var(--_ui5_TimelineItem_bubble_border_top);
 	right: var(--_ui5_TimelineItem_bubble_border_right);
@@ -162,8 +162,8 @@
 }
 
 :host([layout="Horizontal"]) .ui5-tli-bubble:focus::after {
-	top: -0.625rem;
-	left: -0.125rem;
+	top: var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);
+	left: var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset);
 }
 
 .ui5-tli-bubble-arrow {
@@ -179,7 +179,7 @@
 .ui5-tli-bubble-arrow::before {
 	content: "";
 	background: var(--sapGroup_ContentBackground);
-	border: 1px solid var(--sapList_BorderColor);
+	border: 1px solid var(--_ui5_TimelineItem_bubble_border_color);
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -216,7 +216,7 @@
 .ui5-tli-title,
 .ui5-tli-desc {
 	color: var(--sapTextColor);
-	font-family: "72override", var(--sapFontFamily);
+	font-family: var(--sapFontFamily);
 	font-weight: 400;
 	font-size: var(--sapFontSize);
 }
@@ -228,17 +228,17 @@
 
 .ui5-tli-subtitle {
 	color: var(--sapContent_LabelColor);
-	font-family: "72override", var(--sapFontFamily);
+	font-family: var(--sapFontFamily);
 	font-weight: 400;
 	font-size: var(--sapFontSmallSize);
-	padding-top: .375rem;
+	padding-top: var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top);
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
 
 .ui5-tli-desc {
-	padding-top: .75rem;
+	padding-top: var(--_ui5_TimelineItem_bubble_content_description_padding_top);
 }
 
 [dir=rtl] .ui5-tli-bubble-arrow--left {

package/src/themes/UploadCollectionItem.css

@@ -59,17 +59,19 @@
 }
 
 .ui5-uci-file-name {
-	width: 100%;
 	display: block;
 	font-family: "72override", var(--sapFontFamily);
 	font-size: var(--sapFontLargeSize);
-	color: var(--sapTextColor);
 	margin-bottom: 0.25rem;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 
+.ui5-uci-file-name-text {
+	color: var(--sapList_TextColor);
+}
+
 [ui5-link].ui5-uci-file-name {
 	pointer-events: all;
 }
@@ -80,9 +82,17 @@
 	font-size: var(--sapFontMediumSize);
 	color: var(--sapContent_LabelColor);
 	white-space: initial;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 /* Edit mode */
+
+.ui5-uci-edit-container {
+	display: flex;
+	align-items: center;
+}
+
 .ui5-uci-edit-container [ui5-input] {
 	width: 60%;
 	pointer-events: all;
@@ -111,19 +121,13 @@
 
 .ui5-uci-edit-buttons {
 	pointer-events: all;
-	margin-left: 1rem;
+	margin-inline-start: 1rem;
 }
 
 .ui5-uci-edit-rename-btn {
 	margin-right: 0.125rem;
 }
 
-/* Progress Box */
-.ui5-uci-progress-box {
-	width: 20%;
-	min-width: 4rem;
-}
-
 @media(max-width: 30rem) {
 	.ui5-uci-content-and-edit-container {
 		display: block;
@@ -142,14 +146,13 @@
 		width: 100%;
 	}
 
-	.ui5-uci-edit-buttons,
-	.ui5-li-detailbtn,
-	.ui5-li-deletebtn {
-		margin-top: 0.75rem;
+	.ui5-uci-edit-buttons {
+		margin-inline-start: 0;
+		margin-block-start: var(--ui5_upload_collection_small_size_buttons_margin_block_start);
 	}
 
-	.ui5-uci-edit-buttons {
-		margin-left: 0;
+	.ui5-uci-edit-buttons [ui5-button] {
+		margin-block-end: var(--ui5_upload_collection_button_margin_block_end);
 	}
 }
 
@@ -164,3 +167,15 @@
 	display: flex;
 	justify-content: space-between;
 }
+
+[ui5-button] {
+	margin-inline: 0.5rem;
+}
+
+[ui5-button]:first-of-type {
+	margin-inline-start: 0;
+}
+
+[ui5-button]:last-of-type {
+	margin-inline-end: var(--ui5_upload_collection_last_button_inline_end);
+}

package/src/themes/ViewSettingsDialog.css

@@ -1,15 +1,16 @@
 [on-desktop] .ui5-vsd-content {
-	height: 375px;
+	height: var(--_ui5_vsd_content_height);
 	min-width: 350px;
 }
 
-.ui5-vsd-header {
-	width: 100%;
+[on-desktop] [expand-content].ui5-vsd-content {
+	height: var(--_ui5_vsd_expand_content_height);
+	min-width: 350px;
 }
 
-.ui5-vsd-header > [ui5-bar] {
-	height: 4rem;
-	box-shadow: none;
+.ui5-vsd-header {
+	width: 100%;
+	padding-bottom: 0.25rem;
 }
 
 .ui5-vsd-content {
@@ -17,33 +18,40 @@
 }
 
 .ui5-vsd-title {
-	margin-bottom: 0.3rem;
-	font-size: var(--ui5_title_level_5Size);
+	font-size: var(--sapFontHeader5Size);
 }
 
-.ui5-vsd-start {
+.ui5-vsd-header-container {
 	display: flex;
-    justify-content: center;
-    align-items: center;
+	align-items: center;
+	justify-content: space-between;
+	height: var(--_ui5_vsd_header_container);
+	line-height: var(--_ui5_vsd_header_container);
 }
 
-.ui5-vsd-bar-title {
+.ui5-vsd-header-end {
 	display: flex;
-	flex-direction: column;
-	margin-left: .5rem;
+}
+
+.ui5-vsd-sub-header {
+	height: var(--_ui5_vsd_sub_header_container_height);
+	line-height: var(--_ui5_vsd_sub_header_container_height);
+}
+
+.ui5-vsd-header-start {
+	display: flex;
+	align-items: center;
 }
 
 .ui5-vsd-back-button {
-	margin-right: .5rem;
+	margin-inline-end: .5rem;
 }
 
 .ui5-vsd-footer {
 	width: 100%;
 	display: flex;
 	justify-content: flex-end;
-	margin: 0.1875rem 1rem;
-	margin-left: 0.5rem;
-	margin-right: 0.5rem;
+	margin: 0.1875rem 0;
 }
 
 .ui5-vsd-footer [ui5-button]:first-child {
@@ -63,5 +71,13 @@
 [ui5-dialog]::part(content) {
 	padding-top: 0;
 	padding-bottom: 0;
+	padding-right: 0;
+}
+
+:host [ui5-li]::part(native-li) {
+	padding-inline-start: var(--_ui5_vsd_content_li_padding);
 }
 
+:host [ui5-li].ui5-vsd-filterItemList::part(native-li) {
+	padding-inline-start: 1rem;
+}

package/src/themes/Wizard.css

@@ -27,6 +27,13 @@
 	padding: 1rem 2rem;
 }
 
+.ui5-wiz-content-item-wrapper {
+	display: block;
+	padding: var(--_ui5_wiz_content_item_wrapper_padding);
+	background-color: var(--_ui5_wiz_content_item_wrapper_bg);
+	border-radius: var(--sapElement_BorderCornerRadius);
+}
+
 .ui5-wiz-content-item[hidden] {
 	display: none;
 }
@@ -65,7 +72,7 @@
 .ui5-wiz-nav {
 	box-sizing: border-box;
 	height: 4rem;
-	padding: 0.875rem 2rem;
+	padding: 1rem 2rem;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;

package/src/themes/WizardPopover.css

@@ -9,6 +9,13 @@
 	padding: 0;
 }
 
+.ui5-responsive-popover-footer {
+	display: flex;
+	justify-content: flex-end;
+	padding: 0.25rem 0;
+	width: 100%;
+}
+
 .ui5-wizard-popover .ui5-wizard-responsive-popover-list [ui5-button] {
 	width: 200px;
 }

package/src/themes/WizardTab.css

@@ -10,6 +10,10 @@
 	background: var(--_ui5_wiz_tab_selected_bg);
 }
 
+:host([selected]:not([disabled])) .ui5-wiz-step-title-text {
+	color: var(--sapContent_Selected_ForegroundColor);
+}
+
 :host([selected]:not([disabled])) .ui5-wiz-step-icon-circle::after {
 	content: "";
 	position: absolute;
@@ -35,6 +39,10 @@
 	background: var(--sapObjectHeader_Background);
 }
 
+:host([disabled]) .ui5-wiz-step-title-text {
+	color: var(--sapContent_LabelColor);
+}
+
 :host([disabled]) .ui5-wiz-step-icon {
 	color: var(--sapContent_LabelColor);
 }
@@ -117,7 +125,7 @@
 }
 
 .ui5-wiz-step-title-text {
-	font-weight: var(--_ui5_wiz_tab_title_font_weight);
+	font-family: var(--_ui5_wiz_tab_title_font_family);
 }
 
 :host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-title-text,
@@ -129,6 +137,9 @@
 }
 
 .ui5-wiz-step-subtitle-text {
+	margin-top: 0.125rem;
+	font-family: var(--sapFontFamily);
+	color: var(--sapContent_LabelColor);
 	font-size: var(--sapFontSmallSize);
 }
 

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

@@ -1,6 +1,6 @@
 :root {
 	--_ui5_fcl_solid_bg: var(--sapShell_Background);
 	--_ui5_fcl_column_border: none;
-	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), #f3f4f5);
-	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), #f3f4f5);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
 }

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

@@ -1,3 +1,4 @@
 :root {
 	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: transparent;
 }

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

@@ -1,10 +1,24 @@
 :root {
+	--_ui5_shellbar_root_height: 2.75rem;
 	--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
 	--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
 	--_ui5_shellbar_outline_offset: -0.0625rem;
+	--_ui5_shellbar_logo_outline_offset: var(--_ui5_shellbar_outline_offset);
 	--_ui5_shellbar_button_box_shadow: none;
+	--_ui5_shellbar_button_border: none;
+	--_ui5_shellbar_button_border_radius: 0.25rem;
 	--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
 	--_ui5_shellbar_logo_outline_border_radius: 0;
 	--_ui5_shellbar_copilot_stop_color1: #C0D9F2;
 	--_ui5_shellbar_copilot_stop_color2: #FFFFFF;
+	--_ui5_shellbar_copilot_focus_offset: 0;
+	--_ui5_shellbar_search_button_size: 2.25rem;
+	--_ui5_shellbar_search_field_height: 2.25rem;
+	--_ui5_shellbar_search_button_border_radius: 0.25rem;
+	--_ui5_shellbar_search_field_background: var(--sapShellColor);
+	--_ui5_shellbar_search_field_border: 1px solid var(--sapShell_InteractiveBorderColor);
+	--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
+	--_ui5_shellbar_search_field_outline_focused: 1px dotted var(--sapContent_ContrastFocusColor);
+	--_ui5_shellbar_overflow_container_middle_height: 2.5rem;
+	--_ui5_shellbar_menu_button_title_font_size: 0.75rem;
 }

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

@@ -1,3 +1,9 @@
 :root {
-	--_ui5_side_navigation_overflow_border_radius: 0px;
+	--_ui5_side_navigation_separator_backgound: var(--sapList_GroupHeaderBorderColor);
+	--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
+	--_ui5_side_navigation_icon_size: 1rem;
+	--_ui5_side_navigation_toggle_icon_size: 1rem;
+	--_ui5_side_navigation_collapsed_state_width: 3.25rem;
+	--_ui5_side_navigation_indent_step: 2.25rem;
+	--_ui5_side_navigation_icon_padding: 1.125rem;
 }

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

@@ -2,11 +2,19 @@
 	--_ui5_TimelineItem_arrow_size: 1.625rem;
 	--_ui5_TimelineItem_bubble_border_width: 0.0625rem;
 	--_ui5_TimelineItem_bubble_border_style: dotted;
-	--_ui5_TimelineItem_bubble_border_radius: 0;
+	--_ui5_TimelineItem_bubble_border_radius: 0.25rem;
+	--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);
 	--_ui5_TimelineItem_bubble_border_top: -0.125rem;
 	--_ui5_TimelineItem_bubble_border_right: -0.125rem;
 	--_ui5_TimelineItem_bubble_border_bottom: -0.125rem;
 	--_ui5_TimelineItem_bubble_border_left: -0.625rem;
 	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.125rem;
 	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.625rem;
+	--_ui5_TimelineItem_bubble_focus_border_radius: 0;
+	--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -0.625rem;
+	--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -0.125rem;
+
+	--_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;
 }

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

@@ -2,4 +2,7 @@
 	--ui5_upload_collection_drag_overlay_border: 0.125rem dashed var(--sapContent_ForegroundBorderColor);
 	--ui5_upload_collection_drop_overlay_border: 0.125rem solid var(--sapContent_DragAndDropActiveColor);
 	--ui5_upload_collection_drop_overlay_background: transparent;
+	--ui5_upload_collection_button_margin_block_end: 0;
+	--ui5_upload_collection_last_button_inline_end: 0;
+	--ui5_upload_collection_small_size_buttons_margin_block_start: 0.75rem;
 }

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

@@ -0,0 +1,7 @@
+:root {
+	--_ui5_vsd_header_container: 2.75rem;
+	--_ui5_vsd_sub_header_container_height: 2.75rem;
+	--_ui5_vsd_content_li_padding: 0.375rem;
+	--_ui5_vsd_content_height: 23.4375rem;
+	--_ui5_vsd_expand_content_height: 26.1875rem;
+}

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

@@ -0,0 +1,4 @@
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 0rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);
+}

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

@@ -6,6 +6,6 @@
 	--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);
 	--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);
 	--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
-	--_ui5_wiz_tab_title_font_weight: normal;
+	--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
 	--_ui5_wiz_tab_focus_border_radius: 0;
 }

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

@@ -6,6 +6,9 @@
 @import "../base/Page-parameters.css";
 @import "../base/ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

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

@@ -6,6 +6,9 @@
 @import "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

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

@@ -6,6 +6,9 @@
 @import "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

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

@@ -6,6 +6,9 @@
 @import "../base/Page-parameters.css";
 @import "../base/ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

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

@@ -1,11 +1,14 @@
 @import "../base/Bar-parameters.css";
-@import "./FlexibleColumnLayout-parameters.css";
+@import "../base/FlexibleColumnLayout-parameters.css";
 @import "../base/IllustratedMessage-parameters.css";
 @import "../base/MediaGallery-parameters.css";
 @import "../base/MediaGalleryItem-parameters.css";
 @import "../base/Page-parameters.css";
 @import "../base/ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

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

@@ -1,3 +1,4 @@
 :root {
-	--_ui5_page_list_bg: var(--sapBackgroundColor);
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: var(--sapBackgroundColor);
 }

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

@@ -4,6 +4,4 @@
 	--ui5_upload_collection_drag_overlay_border: 0.1875rem dashed var(--sapContent_ForegroundBorderColor);
 	--ui5_upload_collection_drop_overlay_border: 0.1875rem solid var(--sapContent_HelpColor);
 	--ui5_upload_collection_drop_overlay_background: transparent;
-	--ui5_upload_collection_progress_indicator_background: var(--sapHighlightColor);
-	--ui5_upload_collection_progress_indicator_error_background: var(--sapHighlightColor);
 }

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

@@ -6,6 +6,9 @@
 @import "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

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

@@ -1,3 +1,4 @@
 :root {
-	--_ui5_page_list_bg: var(--sapBackgroundColor);
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: var(--sapBackgroundColor);
 }

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

@@ -3,6 +3,4 @@
 :root {
 	--ui5_upload_collection_drag_overlay_border: 0.1875rem dashed var(--sapContent_ForegroundBorderColor);
 	--ui5_upload_collection_drop_overlay_border: 0.1875rem solid var(--sapContent_HelpColor);
-	--ui5_upload_collection_progress_indicator_background: var(--sapHighlightColor);
-	--ui5_upload_collection_progress_indicator_error_background: var(--sapHighlightColor);
 }

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

@@ -6,6 +6,9 @@
 @import "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
 @import "../base/ShellBar-parameters.css";
+@import "../base/SideNavigation-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

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

@@ -1,10 +1,33 @@
 :root {
+	--_ui5_shellbar_root_height: 3.25rem;
 	--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);
 	--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
-	--_ui5_shellbar_outline_offset: -0.125rem;
-	--_ui5_shellbar_button_box_shadow: inset var(--sapContent_Interaction_Shadow);
-	--_ui5_shellbar_button_active_color: var(--sapShell_TextColor);
+	--_ui5_shellbar_logo_outline_offset: -0.125rem;
+	--_ui5_shellbar_outline_offset: -0.1875rem;
+
+	--_ui5_shellbar_button_border: none;
+	--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
+	--_ui5_shellbar_logo_border_radius: 0.5rem;
+	--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
+	--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
 	--_ui5_shellbar_logo_outline_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_shellbar_copilot_stop_color1: #0070F2;
 	--_ui5_shellbar_copilot_stop_color2: #EBF8FF;
+	--_ui5_shellbar_copilot_focus_offset: 3px;
+	--_ui5_shellbar_search_button_border_radius: 50%;
+	--_ui5_shellbar_search_button_size: 1.75rem;
+	--_ui5_shellbar_search_field_height: 2.25rem;
+	--_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);
+	--_ui5_shellbar_search_field_border: none;
+	--_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);
+	--_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);
+	--_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);
+	--_ui5_shellbar_overflow_container_middle_height: 3rem;
+	--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
+}
+
+[ui5-shellbar] {
+	--_ui5_input_border_radius: 1.125rem;
+	--_ui5_input_focus_border_radius: 1.125rem;
+	--_ui5_input_background_color: var(--sapShell_InteractiveBackground);
 }

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

@@ -1,5 +1,11 @@
 @import "../base/SideNavigation-parameters.css";
 
 :root {
-	--_ui5_side_navigation_overflow_border_radius: 0.75rem;
+	--_ui5_side_navigation_separator_backgound: var(--sapAccentColor6);
+	--_ui5_side_navigation_icon_color: var(--sapHighlightColor);
+	--_ui5_side_navigation_icon_size: 1.125rem;
+	--_ui5_side_navigation_toggle_icon_size: 0.875rem;
+	--_ui5_side_navigation_collapsed_state_width: 3.5rem;
+	--_ui5_side_navigation_indent_step: 2.3125rem;
+	--_ui5_side_navigation_icon_padding: 1.1875rem;
 }

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

@@ -3,11 +3,19 @@
 :root {
 	--_ui5_TimelineItem_bubble_border_width: 0.125rem;
 	--_ui5_TimelineItem_bubble_border_style: solid;
-	--_ui5_TimelineItem_bubble_border_radius: 0.4rem;
+	--_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);
+	--_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);
 	--_ui5_TimelineItem_bubble_border_top: -0.25rem;
 	--_ui5_TimelineItem_bubble_border_right: -0.25rem;
 	--_ui5_TimelineItem_bubble_border_bottom: -0.25rem;
 	--_ui5_TimelineItem_bubble_border_left: -0.75rem;
 	--_ui5_TimelineItem_bubble_rtl_left_offset: -0.25rem;
 	--_ui5_TimelineItem_bubble_rtl_right_offset: -0.75rem;
+	--_ui5_TimelineItem_bubble_focus_border_radius: 0.875rem;
+	--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -0.75rem;
+	--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -0.25rem;
+
+	--_ui5_TimelineItem_bubble_content_padding: 0.5rem;
+	--_ui5_TimelineItem_bubble_content_subtitle_padding_top: 0.125rem;
+	--_ui5_TimelineItem_bubble_content_description_padding_top: 0.5rem;
 }

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

@@ -0,0 +1,7 @@
+@import "../base/UploadCollection-parameters.css";
+
+:root {
+	--ui5_upload_collection_button_margin_block_end: 2px;
+	--ui5_upload_collection_last_button_inline_end: 2px;
+	--ui5_upload_collection_small_size_buttons_margin_block_start: 0.5rem;
+}

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

@@ -0,0 +1,6 @@
+@import "../base/Wizard-parameters.css";
+
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 1rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+}