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

package/src/themes/Search.css

@@ -0,0 +1,63 @@
+
+.ui5-search-popover {
+	width: var(--search_width);
+	margin-top: .25rem;
+	padding-top: .25rem;
+	padding-bottom: .25rem;
+	box-sizing: border-box;
+}
+
+.ui5-search-popover-header {
+	padding: .5rem;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	width: 100%;
+}
+
+.ui5-search-popover::part(header) {
+	padding: 0;
+	box-shadow: none;
+	border-bottom: 1px solid var(--sapGroup_TitleBorderColor);
+	margin-left: .25rem;
+	margin-right: .25rem;
+}
+
+.ui5-search-popover::part(content) {
+	padding: 0;
+	box-shadow: none;
+}
+
+:host([header-text]) .ui5-search-popover::part(content) {
+	padding-top: .25rem;
+}
+
+.ui5-search-popover-subheader {
+	font-size: .75rem;
+	color: var(--sapContent_LabelColor);
+}
+
+:host([popup-mode="Loading"]) .ui5-search-popover {
+	height: 420px;
+}
+
+.ui5-search-popover-loading-bi {
+	width: 100%;
+	height: 100%;
+}
+
+.ui5-search-list {
+	margin-left: .25rem;
+	margin-right: .25rem;
+	width: auto;
+}
+
+.ui5-search-popover::part(footer) {
+	padding-bottom: 0.25rem;
+	padding-top: 0.5rem;
+}
+
+.ui5-search-footer-button {
+	width: 100%;
+}

package/src/themes/SearchField.css

@@ -9,6 +9,7 @@
 
 :host([expanded]) {
 	min-width: 18rem;
+	max-width: 36rem;
 	margin: 0;
 	height: 2.25rem;
 	color: var(--sapShell_TextColor);
@@ -121,7 +122,7 @@
 	outline-offset: -0.3125rem;
 }
 
-:host(:not([show-scope])) .ui5-search-field-inner-input {
+:host(:not([mode="Scoped"])) .ui5-search-field-inner-input {
 	padding-inline-start: 0.875rem;
 }
 
@@ -142,7 +143,7 @@
 	padding-inline-start: 0.125rem;
 }
 
-:host([show-scope]) .ui5-search-field-inner-input {
+:host([mode="Scoped"]) .ui5-search-field-inner-input {
 	margin-inline-start: var(--_ui5_search_input_start_margin);
 }
 
@@ -177,14 +178,14 @@
 }
 
 /* copy paste all button styles - could be simplified */
-[ui5-button][desktop]:not([active])::part(button):after,
-[ui5-button]:not([active])::part(button):focus-visible:after,
-[ui5-button][desktop][active][design="Emphasized"]::part(button):focus-within:after,
-[ui5-button][active][design="Emphasized"]::part(button):focus-visible:after,
-[ui5-button][desktop][active]::part(button):focus-within:before,
-[ui5-button][active]::part(button):focus-visible:before,
-[ui5-button][design="Emphasized"][desktop]::part(button):focus-within:before,
-[ui5-button][design="Emphasized"]::part(button):focus-visible:before {
+.ui5-shell-search-field-button[desktop]:not([active])::part(button):after,
+.ui5-shell-search-field-button:not([active])::part(button):focus-visible:after,
+.ui5-shell-search-field-button[desktop][active][design="Emphasized"]::part(button):focus-within:after,
+.ui5-shell-search-field-button[active][design="Emphasized"]::part(button):focus-visible:after,
+.ui5-shell-search-field-button[desktop][active]::part(button):focus-within:before,
+.ui5-shell-search-field-button[active]::part(button):focus-visible:before,
+.ui5-shell-search-field-button[design="Emphasized"][desktop]::part(button):focus-within:before,
+.ui5-shell-search-field-button[design="Emphasized"]::part(button):focus-visible:before {
 	border-radius: var(--_ui5_search_icon_border_radius);
 }
 

package/src/themes/SearchItem.css

@@ -0,0 +1,59 @@
+:host([selected]) {
+	border: none;
+}
+
+.ui5-search-item-content {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	gap: 1rem;
+}
+
+.ui5-search-item-begin-content {
+	display: flex;
+	height: 100%;
+	align-items: center;
+	gap: 0.75rem;
+	width: 100%;
+	padding: 1rem 0;
+	box-sizing: border-box;
+	flex: 1;
+}
+
+.ui5-search-item-selected-delete {
+	display: none;
+}
+
+:host([selected]:hover),
+:host(:focus-within) {
+	.ui5-search-item-selected-delete {
+		display: inline-block;
+	}
+}
+
+.ui5-search-item-heading {
+	display: inline-block;
+	font-size: var(--sapFontLargeSize);
+	font-family: var(--sapFontFamily);
+	font-weight: normal;
+	color: var(--sapList_TextColor);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.ui5-search-item-titles-container {
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	flex: 1;
+}
+
+.ui5-search-item-icon {
+	padding: 0.375rem;
+	width: 1rem;
+	height: 1rem;
+	box-sizing: content-box;
+}

package/src/themes/SearchItemGroup.css

@@ -0,0 +1,13 @@
+[ui5-li-group-header]::part(native-li) {
+	height: 100%;
+	padding: 0.5625rem .5rem;
+}
+
+[ui5-li-group-header] {
+	height: 2rem;
+}
+
+[ui5-li-group-header]::part(native-li):focus:after {
+	inset: 0 !important;
+	border-radius: 8px;
+}

package/src/themes/SideNavigation.css

@@ -18,6 +18,15 @@
 	width: var(--_ui5_side_navigation_collapsed_width);
 }
 
+/* SideNavigationDesign */
+:host([design="Plain"]) {
+	box-shadow: none;
+}
+
+:host([design="Plain"][is-phone]) {
+	width: 100%;
+}
+
 .ui5-sn-root {
 	height: 100%;
 	display: flex;
@@ -62,7 +71,7 @@
 }
 
 :host([in-popover]) .ui5-sn-list {
-	padding: var(--_ui5_side_navigation_parent_popup_padding);
+	padding: var(--_ui5_side_navigation_popup_padding);
 }
 
 .ui5-sn-item-overflow {

package/src/themes/SideNavigationItem.css

@@ -2,9 +2,12 @@
 
 :host {
 	color: var(--sapList_TextColor);
-	font-family: "72override", var(--sapFontFamily);
+	font-family: var(--_ui5_side_navigation_item_font_family);
 	font-size: var(--sapFontSize);
-	font-weight: var(--_ui5_side_navigation_group_text_weight);
+}
+
+:host([in-popover]) ::slotted([ui5-side-navigation-sub-item]) {
+	margin-block-start: var(--_ui5_side_navigation_item_bottom_margin);
 }
 
 .ui5-sn-item-level1:not(:has(> .ui5-sn-item-icon)),
@@ -12,13 +15,8 @@
 	padding-inline-start: var(--_ui5_side_navigation_item_padding_left);
 }
 
-:host([in-popover]) .ui5-sn-item-level1 {
-	margin-bottom: var(--_ui5_side_navigation_group_bottom_margin_in_popup);
-}
-
 :host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text {
 	margin: 0 1rem 0 0;
-	font-size: var(--_ui5_side_navigation_popup_title_text_size);
 	line-height: var(--_ui5_side_navigation_popup_title_line_height);
 }
 

package/src/themes/SideNavigationItemBase.css

@@ -1,3 +1,7 @@
+:host {
+	display: block;
+}
+
 .ui5-sn-item-ul {
 	margin: 0;
 	padding: 0;
@@ -19,7 +23,9 @@
 	background-color: var(--sapList_Background);
 	border-radius: var(--_ui5_side_navigation_item_border_radius);
 	transition: var(--_ui5_side_navigation_item_transition);
+}
 
+:host(:not([in-popover])) .ui5-sn-item {
 	margin-block-end: var(--_ui5_side_navigation_item_bottom_margin);
 }
 

package/src/themes/SideNavigationPopover.css

@@ -1,9 +1,5 @@
 @import "./InvisibleTextStyles.css";
 
-.ui5-side-navigation-popover {
-	--_ui5_popover_box_shadow: var(--_ui5_side_navigation_popup_box_shadow);
-}
-
 .ui5-side-navigation-popover::part(content) {
 	padding: 0;
 }

package/src/themes/SideNavigationSubItem.css

@@ -4,13 +4,16 @@
 	color: var(--sapList_TextColor);
 	font-family: "72override", var(--sapFontFamily);
 	font-size: var(--sapFontSize);
-	font-weight: normal;
 }
 
 .ui5-sn-item-level2:not(.ui5-sn-item-has-icon) {
 	padding-inline-start: var(--_ui5_side_navigation_group_icon_width);
 }
 
+:host([in-popover]) .ui5-sn-item-level2:not(.ui5-sn-item-has-icon) {
+	padding-inline-start: var(--_ui5_side_navigation_item_padding_start_in_popup);
+}
+
 :host(:last-child) .ui5-sn-item.ui5-sn-item-level2:not(.ui5-sn-item-selected)::before {
 	border: var(--_ui5_side_navigation_group_border_style_color);
 	border-width: var(--_ui5_side_navigation_group_border_width);

package/src/themes/UserMenu.css

@@ -1,109 +1,158 @@
-.ui5-pm-rp {
+.ui5-user-menu-rp {
     width: 20rem;
 }
 
-.ui5-pm-rp::part(content),
-.ui5-pm-rp::part(footer) {
+.ui5-user-menu-rp::part(content),
+.ui5-user-menu-rp::part(footer) {
     padding-inline: 0.5rem;
 }
 
-.ui5-pm-rp::part(header) {
+.ui5-user-menu-rp::part(header) {
     box-shadow: none;
     padding: 0;
 }
 
-.ui5-pm-header {
-    width: 100%;
-    padding-block-start: 1rem;
-    padding-inline: 0.5rem;
+.ui5-user-menu-header {
     display: flex;
     flex-direction: column;
 }
 
-[on-phone] .ui5-pm-header {
+[on-phone] .ui5-user-menu-header {
     padding-inline: 0;
 }
 
-.ui5-pm-phone-header::part(startContent),
-.ui5-pm-phone-header::part(endContent) {
+.ui5-user-menu-fixed-header:not(.ui5-user-menu-rp-scrolled) {
+	box-shadow: none;
+}
+
+.ui5-user-menu-fixed-header::part(startContent),
+.ui5-user-menu-fixed-header::part(endContent) {
     padding: 0;
 }
 
-.ui5-pm-phone-header [ui5-button] {
+.ui5-user-menu-fixed-header [ui5-button] {
     margin-inline: 0.5rem;
     font-family: var(--sapFontSemiboldFamily);
 }
 
-.ui5-pm-rp::part(content) {
+.ui5-user-menu-rp::part(content) {
     padding-top: 0;
     padding-bottom: 0.5rem;
 }
 
-.ui5-pm-rp::part(footer) {
+.ui5-user-menu-rp::part(footer) {
     padding-block: 0.5rem;
 }
 
-.ui5-pm-selected-account {
+.ui5-user-menu-selected-account {
     display: flex;
     align-items: center;
     flex-direction: column;
     margin-bottom: 1rem;
+    overflow: hidden;
 }
 
-.ui5-pm--selected-account-avatar{
-	margin-block: 0.5rem;
+.ui5-user-menu--selected-account-avatar {
+    margin-block-start: 0.25rem;
+    margin-block-end: 0.5rem;
 }
 
-.ui5-pm-selected-account-title{
-	margin-block: 0.25rem;
-	font-family: var(--sapFontBoldFamily);
-	font-size: var(--sapFontLargeSize);
-	color: var(--sapTextColor)
+.ui5-user-menu-selected-account-title {
+    margin-block: 0.25rem;
+    font-family: var(--sapFontBoldFamily);
+    font-size: var(--sapFontLargeSize);
+    color: var(--sapTextColor)
 }
 
-.ui5-pm-selected-account-subtitleText{
-	margin-block: 0.25rem;
-	font-family: var(--sapFontFamily);
-	font-size: var(--sapFontSize);
-	color: var(--sapContent_LabelColor)
+.ui5-user-menu-selected-account-subtitleText {
+	margin-bottom: 0.25rem;
+    font-family: var(--sapFontFamily);
+    font-size: var(--sapFontSize);
+    color: var(--sapContent_LabelColor)
 }
 
-.ui5-pm-selected-account-description{
-	margin-bottom: 1rem;
-	font-family: var(--sapFontFamily);
-	font-size: var(--sapFontSize);
-	color: var(--sapContent_LabelColor)
+.ui5-user-menu-selected-account-description {
+    margin-bottom: 1rem;
+    font-family: var(--sapFontFamily);
+    font-size: var(--sapFontSize);
+    color: var(--sapContent_LabelColor)
 }
 
-.ui5-pm-decline-btn {
-	align-self: flex-end;
-	font-family: var(--sapFontSemiboldFamily);
+.ui5-user-menu-decline-btn {
+    align-self: flex-end;
+    font-family: var(--sapFontSemiboldFamily);
 }
 
-.ui5-pm-manage-account-btn {
-	margin-top: 0.5rem;
-	font-family: var(--sapFontSemiboldFamily);
+.ui5-user-menu-manage-account-btn {
+    font-family: var(--sapFontSemiboldFamily);
 }
 
 
-.ui5-pm-sign-out-btn {
-	font-family: var(--sapFontSemiboldFamily);
+.ui5-user-menu-sign-out-btn {
+    font-family: var(--sapFontSemiboldFamily);
 }
 
-.ui5-pm-other-accounts {
+.ui5-user-menu-other-accounts {
     margin-bottom: 1rem;
 }
 
-.ui5-pm-other-accounts::part(content) {
+.ui5-user-menu-other-accounts::part(header) {
+	border-bottom-left-radius:0;
+	border-bottom-right-radius:0;
+}
+
+.ui5-user-menu-other-accounts::part(content) {
     padding: 0;
 }
 
-.ui5-pm-other-accounts-content {
-    display: grid;
-    grid-template-columns: auto 1fr;
+.ui5-user-menu-other-accounts-content {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 4.5rem;
+    gap: 12px;
+    padding-block: 8px 16px;
+}
+
+.ui5-user-menu-other-accounts-info {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 4px;
+    align-self: stretch;
+    width: 100%;
+    overflow: hidden;
+}
+
+.ui5-user-menu-other-accounts-title {
+    overflow: hidden;
+    color: var(--sapList_TextColor);
+    text-overflow: ellipsis;
+    font-family: var(--sapFontBoldFamily);
+    font-size: var(--sapFontSize);
+    font-style: normal;
+    line-height: normal;
+}
+
+.ui5-user-menu-other-accounts-additional-info {
+    overflow: hidden;
+    color: var(--sapContent_LabelColor);
+    text-overflow: ellipsis;
+    font-family: var(--sapFontFamily);
+    font-size: var(--sapFontSize);
+    font-style: normal;
+    line-height: normal;
+}
+
+.ui5-user-menu-selected-account-icon {
+    display: flex;
+    width: 18px;
     align-items: center;
-    gap: 1rem;
-    padding-block: 1rem;
+    align-self: stretch;
+    color: var(--sapContent_NonInteractiveIconColor);
+    font-family: var(--_ui5_slider_handle_font_family);
+    font-size: 1.125rem;
 }
 
 .ui5-user-menu-account-header {
@@ -113,7 +162,7 @@
     align-items: center;
 }
 
-.ui5-pm-footer {
+.ui5-user-menu-footer {
     display: flex;
     flex: 1;
     justify-content: flex-end;

package/src/themes/UserMenuItem.css

@@ -1,4 +1,5 @@
 :host {
+	height: 40px;
     margin-block: 0.5rem;
 }
 

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

@@ -13,13 +13,10 @@
 	--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);
 	--_ui5_side_navigation_box_shadow: none;
 	--_ui5_side_navigation_triangle_display: block;
-	--_ui5_side_navigation_phone_width: var(--_ui5_side_navigation_width);
-
 
 	--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
 	--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);
 	--_ui5_side_navigation_expand_icon_width: 2rem;
-	--_ui5_side_navigation_external_link_width: 3rem;
 	--_ui5_side_navigation_hover_border_style_color: none;
 	--_ui5_side_navigation_hover_border_width: 0;
 	--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
@@ -30,6 +27,8 @@
 	--_ui5_side_navigation_last_item_border_style_color: none;
 	--_ui5_side_navigation_item_border_radius: 0;
 	--_ui5_side_navigation_item_bottom_margin: 0;
+	--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);
+	--_ui5_side_navigation_item_padding_start_in_overflow_popup: 0.75rem;
 	--_ui5_side_navigation_item_transition: none;
 	--_ui5_side_navigation_item_padding_left: 0.5rem;
 	--_ui5_side_navigation_no_icons_group_padding: 1rem;
@@ -48,20 +47,12 @@
 	--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);
 	--_ui5_side_navigation_icon_padding_inline_end: 1rem;
 	--_ui5_side_navigation_group_bottom_border_color: var(--sapList_BorderColor);
-	--_ui5_side_navigation_group_text_weight: unset;
-	--_ui5_side_navigation_group_bottom_margin_in_popup: 0;
+	--_ui5_side_navigation_item_font_family: "72override", var(--sapFontFamily);
 	--_ui5_side_navigation_group_padding: 0.5rem;
 	--_ui5_side_navigation_padding-flexible: 0;
 	--_ui5_side_navigation_padding-fixed: 0;
-	--_ui5_side_navigation_parent_popup_padding: 0;
-	--_ui5_side_navigation_parent_popup_border_radius: var(--sapPopover_BorderCornerRadius);
-	--_ui5_side_navigation_popup_item_padding: 0 1rem;
-	--_ui5_side_navigation_popup_icon_width: 1rem;
-	--_ui5_side_navigation_popup_box_shadow: var(--sapContent_Shadow2);
-	--_ui5_side_navigation_popup_arrow_box_shadow: var(--sapContent_Shadow2);
-	--_ui5_side_navigation_popup_title_text_size: var(--sapFontSize);
+	--_ui5_side_navigation_popup_padding: 0;
 	--_ui5_side_navigation_popup_title_line_height: normal;
-	--_ui5_side_navigation_selection_indicator_display: none;
 	--_ui5_side_navigation_first_fixed_item_margin_top: 0;
 
 	--_ui5_side_navigation_item_expand_icon_visibility: none;

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

@@ -13,16 +13,17 @@
 	--_ui5_side_navigation_border_right: 0;
 	--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
 	--_ui5_side_navigation_triangle_display: none;
-	--_ui5_side_navigation_phone_width: 100%;
 
 	--_ui5_side_navigation_icon_color: var(--sapList_TextColor);
 	--_ui5_side_navigation_expand_icon_color: var(--sapList_TextColor);
 	--_ui5_side_navigation_expand_icon_width: 2.25rem;
-	--_ui5_side_navigation_external_link_width: 3rem;
 	--_ui5_side_navigation_group_border_style_color: none;
 	--_ui5_side_navigation_item_border_radius: 0.375rem;
 	--_ui5_side_navigation_item_bottom_margin: 0.25rem;
+	--_ui5_side_navigation_item_padding_start_in_popup: 1rem;
+	--_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;
 	--_ui5_side_navigation_item_transition: background-color 0.3s ease-in-out;
+	--_ui5_side_navigation_item_padding_left: 1rem;
 	--_ui5_side_navigation_no_icons_nested_item_padding: 2rem;
 	--_ui5_side_navigation_item_focus_border_offset: calc(-1 * var(--sapContent_FocusWidth));
 	--_ui5_side_navigation_item_focus_border_radius: calc(var(--_ui5_side_navigation_item_border_radius) + var(--sapContent_FocusWidth));
@@ -32,21 +33,12 @@
 	--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
 	--_ui5_side_navigation_group_icon_width: 2.5rem;
 	--_ui5_side_navigation_icon_padding_inline_end: 0.5rem;
-	--_ui5_side_navigation_group_text_weight: bold;
-	--_ui5_side_navigation_group_bottom_margin_in_popup: 0.75rem;
+	--_ui5_side_navigation_item_font_family: "72override", var(--sapFontBoldFamily);
 	--_ui5_side_navigation_group_padding: 1rem;
 	--_ui5_side_navigation_padding-flexible: 0.5rem 0.5rem 0 0.5rem; 
 	--_ui5_side_navigation_padding-fixed: 0 0.5rem 0.5rem 0.5rem;
-	--_ui5_side_navigation_parent_popup_padding: 0.75rem;
-	--_ui5_side_navigation_parent_popup_border_radius: 0.75rem;
-	--_ui5_side_navigation_popup_item_padding: 0 0.5rem;
-	--_ui5_side_navigation_popup_icon_width: 0.5rem;
-	--_ui5_side_navigation_popup_shadow_color1: color-mix(in srgb, var(--sapContent_ShadowColor) 48%, transparent);
-	--_ui5_side_navigation_popup_shadow_color2: color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);
-	--_ui5_side_navigation_popup_box_shadow: 0 0 0.125rem 0 var(--_ui5_side_navigation_popup_shadow_color1), 0 1rem 2rem 0 var(--_ui5_side_navigation_popup_shadow_color2);
-	--_ui5_side_navigation_popup_title_text_size: 1.25rem;
+	--_ui5_side_navigation_popup_padding: 0.5rem;
 	--_ui5_side_navigation_popup_title_line_height: 1.5rem;
-	--_ui5_side_navigation_selection_indicator_display: inline-block;
 	--_ui5_side_navigation_first_fixed_item_margin_top: 0.125rem;
 	--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
 

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

@@ -13,16 +13,17 @@
 	--_ui5_side_navigation_border_right: 0;
 	--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
 	--_ui5_side_navigation_triangle_display: none;
-	--_ui5_side_navigation_phone_width: 100%;
 
 	--_ui5_side_navigation_icon_color: var(--sapList_TextColor);
 	--_ui5_side_navigation_expand_icon_color: var(--sapList_TextColor);
 	--_ui5_side_navigation_expand_icon_width: 2.25rem;
-	--_ui5_side_navigation_external_link_width: 3rem;
 	--_ui5_side_navigation_group_border_style_color: none;
 	--_ui5_side_navigation_item_border_radius: 0.375rem;
 	--_ui5_side_navigation_item_bottom_margin: 0.25rem;
+	--_ui5_side_navigation_item_padding_start_in_popup: 1rem;
+	--_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;
 	--_ui5_side_navigation_item_transition: background-color 0.3s ease-in-out;
+	--_ui5_side_navigation_item_padding_left: 1rem;
 	--_ui5_side_navigation_no_icons_nested_item_padding: 2rem;
 	--_ui5_side_navigation_item_focus_border_offset: calc(-1 * var(--sapContent_FocusWidth));
 	--_ui5_side_navigation_item_focus_border_radius: calc(var(--_ui5_side_navigation_item_border_radius) + var(--sapContent_FocusWidth));
@@ -32,21 +33,12 @@
 	--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
 	--_ui5_side_navigation_group_icon_width: 2.5rem;
 	--_ui5_side_navigation_icon_padding_inline_end: 0.5rem;
-	--_ui5_side_navigation_group_text_weight: bold;
-	--_ui5_side_navigation_group_bottom_margin_in_popup: 0.75rem;
+	--_ui5_side_navigation_item_font_family: "72override", var(--sapFontBoldFamily);
 	--_ui5_side_navigation_group_padding: 1rem;
 	--_ui5_side_navigation_padding-flexible: 0.5rem 0.5rem 0 0.5rem; 
 	--_ui5_side_navigation_padding-fixed: 0 0.5rem 0.5rem 0.5rem;
-	--_ui5_side_navigation_parent_popup_padding: 0.75rem;
-	--_ui5_side_navigation_parent_popup_border_radius: 0.75rem;
-	--_ui5_side_navigation_popup_item_padding: 0 0.5rem;
-	--_ui5_side_navigation_popup_icon_width: 0.5rem;
-	--_ui5_side_navigation_popup_shadow_color1: color-mix(in srgb, var(--sapContent_ShadowColor) 48%, transparent);
-	--_ui5_side_navigation_popup_shadow_color2: color-mix(in srgb, var(--sapContent_ShadowColor) 64%, transparent);
-	--_ui5_side_navigation_popup_box_shadow: 0 0 0.125rem 0 var(--_ui5_side_navigation_popup_shadow_color1), 0 1rem 2rem 0 var(--_ui5_side_navigation_popup_shadow_color2);
-	--_ui5_side_navigation_popup_title_text_size: 1.25rem;
+	--_ui5_side_navigation_popup_padding: 0.5rem;
 	--_ui5_side_navigation_popup_title_line_height: 1.5rem;
-	--_ui5_side_navigation_selection_indicator_display: inline-block;
 	--_ui5_side_navigation_first_fixed_item_margin_top: 0.125rem;
 	--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);