@ui5/webcomponents-fiori 1.3.0 → 1.5.0

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/Wizard.css

@@ -75,7 +75,6 @@
 	padding: 1rem 2rem;
 	-webkit-user-select: none;
 	-moz-user-select: none;
-	-ms-user-select: none;
 	user-select: none;
 	background-color: var(--sapObjectHeader_Background);
 	font-size: .875rem;
@@ -93,4 +92,4 @@
 [ui5-wizard-tab][data-ui5-wizard-expanded-tab="false"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev="true"] {
 	width: 2rem;
 	padding-right: .75rem;
-}
+}

package/src/themes/WizardTab.css

@@ -162,11 +162,6 @@
 	border-bottom-style: dashed;
 }
 
-/* Workaround for IE to make the focus outline visible */
-[ui5-wizard-tab] .ui5-wiz-step-main {
-	pointer-events: none;
-}
-
 :host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-root {
 	display: inline;
 	position: absolute;
@@ -179,4 +174,4 @@
 
 :host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-hr {
 	display: none;
-}
+}

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/sap_belize/parameters-bundle.css

@@ -6,6 +6,7 @@
 @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";

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

@@ -6,6 +6,7 @@
 @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";

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

@@ -6,6 +6,7 @@
 @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";

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

@@ -6,6 +6,7 @@
 @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";

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

@@ -6,6 +6,7 @@
 @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";

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,7 @@
 @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";

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,7 @@
 @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";

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/parameters-bundle.css

@@ -8,7 +8,7 @@
 @import "./ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
-@import "../base/UploadCollection-parameters.css";
+@import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";
 @import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/src/themes/sap_horizon_dark/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_dark/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_dark/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_dark/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_dark/parameters-bundle.css

@@ -8,7 +8,7 @@
 @import "./ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
-@import "../base/UploadCollection-parameters.css";
+@import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";
 @import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

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

@@ -0,0 +1,11 @@
+@import "../base/ShellBar-parameters.css";
+
+:root {
+	--_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
+	--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
+	--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
+	--_ui5_shellbar_outline_offset: -0.1875rem;
+	--_ui5_shellbar_search_field_height: 2.25rem;
+	--_ui5_shellbar_search_field_outline_focused: none;
+	--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
+}

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

@@ -0,0 +1,9 @@
+@import "../base/SideNavigation-parameters.css";
+
+:root {
+	--_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_hcb/UploadCollection-parameters.css

@@ -4,6 +4,7 @@
 	--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);
+	--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_hcb/parameters-bundle.css

@@ -5,7 +5,8 @@
 @import "../base/MediaGalleryItem-parameters.css";
 @import "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
-@import "../base/ShellBar-parameters.css";
+@import "./ShellBar-parameters.css";
+@import "./SideNavigation-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

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

@@ -0,0 +1,9 @@
+@import "../base/SideNavigation-parameters.css";
+
+:root {
+	--_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_hcw/UploadCollection-parameters.css

@@ -3,6 +3,7 @@
 :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);
+	--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_hcw/parameters-bundle.css

@@ -5,7 +5,8 @@
 @import "../base/MediaGalleryItem-parameters.css";
 @import "./Page-parameters.css";
 @import "./ProductSwitchItem-parameters.css";
-@import "../base/ShellBar-parameters.css";
+@import "../sap_horizon_hcb/ShellBar-parameters.css";
+@import "./SideNavigation-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
 @import "../base/ViewSettingsDialog-parameters.css";

package/src/types/FCLLayout.js

@@ -19,7 +19,7 @@ const FCLLayouts = {
 	 * Tablet:  67/33/-  Start (expanded) and Mid columns are displayed
 	 * Phone:   -/100/-  only the Mid column is displayed
 	 *
-	 * Use to display both a master and a detail page when the user should focus on the master page.
+	 * Use to display both a list and a detail page when the user should focus on the list page.
 	 *
 	 * @type {TwoColumnsStartExpanded}
 	 * @public
@@ -31,7 +31,7 @@ const FCLLayouts = {
 	 * Tablet:  33/67/-  Start and Mid (expanded) columns are displayed
 	 * Phone:   -/100/-  only the Mid column is displayed
 	 *
-	 * Use to display both a master and a detail page when the user should focus on the detail page.
+	 * Use to display both a list and a detail page when the user should focus on the detail page.
 	 *
 	 * @type {TwoColumnsMidExpanded}
 	 * @public
@@ -43,7 +43,7 @@ const FCLLayouts = {
 	 * Tablet:  0/67/33  Mid (expanded) and End columns are displayed, Start is accessible by a layout arrow
 	 * Phone:   -/-/100  only the End column is displayed
 	 *
-	 * Use to display all three pages (master, detail, detail-detail) when the user should focus on the detail.
+	 * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail.
 	 *
 	 * @type {ThreeColumnsMidExpanded}
 	 * @public
@@ -55,7 +55,7 @@ const FCLLayouts = {
 	 * Tablet:  0/33/67  Mid and End (expanded) columns are displayed, Start is accessible by layout arrows
 	 * Phone:   -/-/100  (only the End column is displayed)
 	 *
-	 * Use to display all three pages (master, detail, detail-detail) when the user should focus on the detail-detail.
+	 * Use to display all three pages (list, detail, detail-detail) when the user should focus on the detail-detail.
 	 *
 	 * @public
 	 * @type ThreeColumnsEndExpanded
@@ -67,7 +67,7 @@ const FCLLayouts = {
 	 * Tablet:  67/33/0  Start (expanded) and Mid columns are displayed, End is accessible by layout arrows
 	 * Phone:   -/-/100  only the End column is displayed
 	 *
-	 * Use to display the master and detail pages when the user should focus on the master.
+	 * Use to display the list and detail pages when the user should focus on the list.
 	 * The detail-detail is still loaded and easily accessible with layout arrows.
 	 *
 	 * @public
@@ -80,7 +80,7 @@ const FCLLayouts = {
 	 * Tablet:  33/67/0  Start and Mid (expanded) columns are displayed, End is accessible by a layout arrow
 	 * Phone:   -/-/100  only the End column is displayed
 	 *
-	 * Use to display the master and detail pages when the user should focus on the detail.
+	 * Use to display the list and detail pages when the user should focus on the detail.
 	 * The detail-detail is still loaded and easily accessible with a layout arrow.
 	 *
 	 * @public