@ui5/webcomponents-fiori 1.3.1 → 1.4.0

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