@ui5/webcomponents-fiori 2.27.2 → 2.28.1

package/src/themes/ShellBarLegacy.css

@@ -6,6 +6,8 @@
 	cursor: pointer;
 	display: flex;
 	align-items: center;
+	padding-block: 0.0625rem;
+	padding-inline: 0.25rem;
 }
 
 .ui5-shellbar-logo-area,
@@ -43,8 +45,6 @@
 
 ::slotted([slot="logo"]) {
 	max-height: 1.875rem;
-	padding-block: 0.0625rem;
-	padding-inline: 0.25rem;
 }
 
 ::slotted([slot="logo"]):active {

package/src/themes/SideNavigation.css

@@ -26,7 +26,6 @@
 	}
 }
 
-
 .ui5-sn-root {
 	height: 100%;
 	display: flex;
@@ -93,4 +92,8 @@
 	min-height: var(--_ui5_side_navigation_navigation_separator_height);
 	background-color: var(--_ui5_side_navigation_navigation_separator_background_color);
 	border-radius: var(--_ui5_side_navigation_navigation_separator_radius);
+}
+
+.ui5-sn-filter-section {
+	padding: 0.5rem 0.5rem 0.25rem 0.5rem;
 }

package/src/themes/SideNavigationItem.css

@@ -27,4 +27,15 @@
 
 .ui5-sn-item-level1 .ui5-sn-item-text {
 	font-family: var(--_ui5_side_navigation_parent_item_font_family);
+}
+
+:host(.ui5-sn-item-no-match) .ui5-sn-item {
+	cursor: default;
+	padding: 0;
+}
+
+:host(.ui5-sn-item-no-match) .ui5-sn-item-text {
+	text-align: center;
+	flex: auto;
+	font-family: var(--_ui5_side_navigation_item_font_family);
 }

package/src/themes/SideNavigationItemBase.css

@@ -125,7 +125,7 @@ and there is an additional border that appears on hover. */
 	cursor: unset;
 }
 
-:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover {
+:host(:not([ui5-side-navigation-item][in-popover][unselectable]):not(.ui5-sn-item-no-match)) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover {
 	background: var(--sapList_Hover_Background);
 }
 
@@ -149,7 +149,7 @@ and there is an additional border that appears on hover. */
 
 .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,
 .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,
-:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):active,
+:host(:not([ui5-side-navigation-item][in-popover][unselectable]):not(.ui5-sn-item-no-match)) .ui5-sn-item:not(.ui5-sn-item-disabled):active,
 .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,
 :host(.ui5-sn-item-overflow.ui5-sn-item-active) .ui5-sn-item,
 :host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,
@@ -408,3 +408,9 @@ and there is an additional border that appears on hover. */
 .ui5-sn-item-separator {
 	min-height: 0.625rem;
 }
+
+.ui5-sn-item-highlight {
+	background-color: var(--sapContent_SearchHighlightColor);
+	font-family: var(--sapFontBoldFamily);
+	font-size: var(--sapFontSize);
+}

package/src/themes/SideNavigationSearchField.css

@@ -0,0 +1,12 @@
+:host(:not([hidden])) {
+	display: flex;
+}
+
+.ui5-side-navigation-search-field-root {
+	display: flex;
+	width: 100%;
+}
+
+.ui5-side-navigation-search-field-input {
+	width: 100%;
+}

package/src/themes/UserMenu.css

@@ -1,3 +1,5 @@
+@import "./InvisibleTextStyles.css";
+
 .ui5-user-menu-rp {
     width: 20rem;
 }