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

package/dist/generated/themes/SideNavigationSubItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationSubItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SideNavigationSubItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{display:block}.ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:auto;min-width:0;box-sizing:border-box;text-decoration:none;position:relative;min-height:var(--_ui5_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5_side_navigation_item_border_radius);transition:var(--_ui5_side_navigation_item_transition);word-wrap:break-word}:host(:not([in-popover])) .ui5-sn-item{margin-block-end:var(--_ui5_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}:host([side-nav-collapsed]) .ui5-sn-item{transition:none}:host([design=\"Action\"]){color:var(--sapButton_TextColor)}:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text{color:var(--_ui5_side_navigation_active_text_color)}:host([design=\"Action\"]) .ui5-sn-item{border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);box-sizing:content-box}:host([design=\"Action\"]:not([side-nav-collapsed])) .ui5-sn-item{max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):hover{border:var(--_ui5_side_navigation_action_item_border_hover);background:var(--sapButton_Hover_Background)}:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active{border:var(--_ui5_side_navigation_action_item_border_active);background:var(--sapButton_Active_Background)}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:\"\";inset:var(--_ui5_side_navigation_item_focus_border_offset);z-index:3;pointer-events:none;border-radius:var(--_ui5_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:\"\";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{cursor:default}.ui5-sn-item.ui5-sn-item-disabled>*{opacity:var(--sapContent_DisabledOpacity)}.ui5-sn-item.ui5-sn-item-disabled:after{opacity:1}:host([ui5-side-navigation-item][in-popover][unselectable]) .ui5-sn-item{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{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--_ui5_side_navigation_collapsed_selected_item_background_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,.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,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}.ui5-sn-item:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5_side_navigation_selected_border_style_color);border-width:var(--_ui5_side_navigation_selected_border_width)}:host(:not([design=\"Action\"])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5_side_navigation_hover_border_style_color);border-width:var(--_ui5_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5_side_navigation_icon_color);padding-inline-start:1rem;padding-inline-end:var(--_ui5_side_navigation_icon_padding_inline_end)}:host([design=\"Action\"]) .ui5-sn-item-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}:host([design=\"Action\"]) .ui5-sn-item-toggle-icon,:host([design=\"Action\"]) .ui5-sn-item-external-link-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-external-link-icon{min-width:3rem}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:var(--_ui5_side_navigation_expand_icon_width);padding-inline-end:.375rem;padding-block:var(--_ui5_side_navigation_item_expand_arrow_padding);margin-inline-start:.5rem;height:var(--sapElement_Condensed_Height)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:calc(var(--_ui5_side_navigation_expand_icon_width) + 4px)}:host(:not([unselectable],[side-nav-collapsed],[ui5-side-navigation-group])) .ui5-sn-item-toggle-icon{margin-inline-start:1rem;width:calc(var(--_ui5_side_navigation_expand_icon_width) + 5px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-block:.25rem;border-inline-start:.0625rem solid var(--sapTextColor);display:block;height:.875rem;width:var(--_ui5_side_navigation_expand_icon_width)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-inline-start:.25rem}:host([unselectable]:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root),:host(:not([side-nav-collapsed])) .ui5-sn-item-group .ui5-sn-item-toggle-icon::part(root),:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{border-inline-start:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{min-width:3rem}:host([in-popover]) .ui5-sn-item-toggle-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([slot=\"fixedItems\"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1{margin-top:var(--_ui5_side_navigation_first_fixed_item_margin_top)}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:1rem}:host([design=\"Action\"][side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:calc(1rem - 1px);padding-inline-start:calc(1rem - 1px)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon{display:var(--_ui5_side_navigation_item_expand_icon_visibility);font-size:.75rem;position:absolute;inset-inline-end:var(--_ui5_side_navigation_item_expand_icon_right)}:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus{width:var(--_ui5_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5_side_navigation_box_shadow);z-index:2;padding-inline-end:var(--_ui5_side_navigation_item_collapsed_padding)}:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander){padding-inline-end:0}:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):hover,:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):focus{padding-inline-end:var(--_ui5_side_navigation_action_item_collapsed_padding)}:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander):not([target=_blank]),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander):not([target=_blank]){padding-inline-end:var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-external-link-icon{display:var(--_ui5_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{left:var(--_ui5_side_navigation_item_expand_icon_hover_left);right:var(--_ui5_side_navigation_item_expand_icon_hover_right)}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0}:host([side-nav-collapsed]) .ui5-sn-item-text,:host([design=\"Action\"]) .ui5-sn-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([in-popover]) .ui5-sn-item-text{overflow:visible;text-overflow:unset;white-space:nowrap}:host(:not([side-nav-collapsed]):not([in-popover])) .ui5-sn-item-text{margin:var(--_ui5_side_navigation_item_margin) 0}:host(:not([side-nav-collapsed])) .ui5-sn-item:not(.ui5-sn-item-group):not(.ui5-sn-item-with-expander) .ui5-sn-item-text{padding-inline-end:.375rem}:host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5_side_navigation_triangle_display);content:\"\";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-separator{min-height:.625rem}:host{color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.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)}.ui5-sn-item.ui5-sn-item-level2:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}\n`"]}
+{"version":3,"file":"SideNavigationSubItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SideNavigationSubItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{display:block}.ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:auto;min-width:0;box-sizing:border-box;text-decoration:none;position:relative;min-height:var(--_ui5_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5_side_navigation_item_border_radius);transition:var(--_ui5_side_navigation_item_transition);word-wrap:break-word}:host(:not([in-popover])) .ui5-sn-item{margin-block-end:var(--_ui5_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}:host([side-nav-collapsed]) .ui5-sn-item{transition:none}:host([design=\"Action\"]){color:var(--sapButton_TextColor)}:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text{color:var(--_ui5_side_navigation_active_text_color)}:host([design=\"Action\"]) .ui5-sn-item{border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);box-sizing:content-box}:host([design=\"Action\"]:not([side-nav-collapsed])) .ui5-sn-item{max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):hover{border:var(--_ui5_side_navigation_action_item_border_hover);background:var(--sapButton_Hover_Background)}:host([design=\"Action\"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active{border:var(--_ui5_side_navigation_action_item_border_active);background:var(--sapButton_Active_Background)}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:\"\";inset:var(--_ui5_side_navigation_item_focus_border_offset);z-index:3;pointer-events:none;border-radius:var(--_ui5_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:\"\";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{cursor:default}.ui5-sn-item.ui5-sn-item-disabled>*{opacity:var(--sapContent_DisabledOpacity)}.ui5-sn-item.ui5-sn-item-disabled:after{opacity:1}:host([ui5-side-navigation-item][in-popover][unselectable]) .ui5-sn-item{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{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--_ui5_side_navigation_collapsed_selected_item_background_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,.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,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}.ui5-sn-item:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5_side_navigation_selected_border_style_color);border-width:var(--_ui5_side_navigation_selected_border_width)}:host(:not([design=\"Action\"])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5_side_navigation_hover_border_style_color);border-width:var(--_ui5_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5_side_navigation_icon_color);padding-inline-start:1rem;padding-inline-end:var(--_ui5_side_navigation_icon_padding_inline_end)}:host([design=\"Action\"]) .ui5-sn-item-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}:host([design=\"Action\"]) .ui5-sn-item-toggle-icon,:host([design=\"Action\"]) .ui5-sn-item-external-link-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-external-link-icon{min-width:3rem}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:var(--_ui5_side_navigation_expand_icon_width);padding-inline-end:.375rem;padding-block:var(--_ui5_side_navigation_item_expand_arrow_padding);margin-inline-start:.5rem;height:var(--sapElement_Condensed_Height)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:calc(var(--_ui5_side_navigation_expand_icon_width) + 4px)}:host(:not([unselectable],[side-nav-collapsed],[ui5-side-navigation-group])) .ui5-sn-item-toggle-icon{margin-inline-start:1rem;width:calc(var(--_ui5_side_navigation_expand_icon_width) + 5px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){box-sizing:content-box;padding-block:.25rem;border-inline-start:.0625rem solid var(--sapTextColor);display:block;height:.875rem;width:var(--_ui5_side_navigation_expand_icon_width)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-inline-start:.25rem}:host([unselectable]:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root),:host(:not([side-nav-collapsed])) .ui5-sn-item-group .ui5-sn-item-toggle-icon::part(root),:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{border-inline-start:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{min-width:3rem}:host([in-popover]) .ui5-sn-item-toggle-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([slot=\"fixedItems\"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1{margin-top:var(--_ui5_side_navigation_first_fixed_item_margin_top)}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:1rem}:host([design=\"Action\"][side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:calc(1rem - 1px);padding-inline-start:calc(1rem - 1px)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon{display:var(--_ui5_side_navigation_item_expand_icon_visibility);font-size:.75rem;position:absolute;inset-inline-end:var(--_ui5_side_navigation_item_expand_icon_right)}:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus{width:var(--_ui5_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5_side_navigation_box_shadow);z-index:2;padding-inline-end:var(--_ui5_side_navigation_item_collapsed_padding)}:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander){padding-inline-end:0}:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):hover,:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):focus{padding-inline-end:var(--_ui5_side_navigation_action_item_collapsed_padding)}:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander):not([target=_blank]),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander):not([target=_blank]){padding-inline-end:var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-external-link-icon{display:var(--_ui5_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{left:var(--_ui5_side_navigation_item_expand_icon_hover_left);right:var(--_ui5_side_navigation_item_expand_icon_hover_right)}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0}:host([side-nav-collapsed]) .ui5-sn-item-text,:host([design=\"Action\"]) .ui5-sn-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([in-popover]) .ui5-sn-item-text{overflow:visible;text-overflow:unset;white-space:nowrap}:host(:not([side-nav-collapsed]):not([in-popover])) .ui5-sn-item-text{margin:var(--_ui5_side_navigation_item_margin) 0}:host(:not([side-nav-collapsed])) .ui5-sn-item:not(.ui5-sn-item-group):not(.ui5-sn-item-with-expander) .ui5-sn-item-text{padding-inline-end:.375rem}.ui5-sn-item-tag-slot{padding-inline-start:.5rem;padding-inline-end:.375rem;display:inline-flex;align-items:center}.ui5-sn-item-tag-slot:has(+.ui5-sn-item-toggle-icon),.ui5-sn-item-tag-slot:has(+.ui5-sn-item-external-link-icon){padding-inline-end:0}.ui5-sn-item-tag-slot+.ui5-sn-item-toggle-icon,.ui5-sn-item-tag-slot+.ui5-sn-item-external-link-icon{margin-inline-start:.375rem}:host([side-nav-collapsed]) .ui5-sn-item-tag-slot{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-tag-slot,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-tag-slot{display:inline-flex}:host([in-popover]) .ui5-sn-item-tag-slot{display:inline-flex;padding-inline-end:.5rem}:host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5_side_navigation_triangle_display);content:\"\";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-separator{min-height:.625rem}:host{color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.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)}.ui5-sn-item.ui5-sn-item-level2:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}\n`"]}

package/dist/vscode.html-custom-data.json

@@ -969,7 +969,7 @@
     },
     {
       "name": "ui5-side-navigation-item",
-      "description": "### Overview\n\nRepresents a navigation action. It can provide sub items.\nThe `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n\n### **Slots:**\n - **default** - Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.",
+      "description": "### Overview\n\nRepresents a navigation action. It can provide sub items.\nThe `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n\n### **Slots:**\n - **default** - Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.\n- **tag** - Defines the tag to be displayed.\n\n**Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\nand hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\n**Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\nand `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\n**Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\nuse shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\n**Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\nas this would lead to nesting of interactive elements, which is not allowed.",
       "attributes": [
         {
           "name": "accessibility-attributes",
@@ -1125,7 +1125,7 @@
     },
     {
       "name": "ui5-side-navigation-sub-item",
-      "description": "### Overview\nRepresents a single navigation action within `ui5-side-navigation-item`.\nThe `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.",
+      "description": "### Overview\nRepresents a single navigation action within `ui5-side-navigation-item`.\nThe `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n\n### **Slots:**\n - **tag** - Defines the tag to be displayed.\n\n**Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\nand hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\n**Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\nand `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\n**Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\nuse shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\n**Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\nas this would lead to nesting of interactive elements, which is not allowed.",
       "attributes": [
         {
           "name": "accessibility-attributes",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents-fiori",
-  "version": "2.23.0-rc.0",
+  "version": "2.23.0-rc.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2458,7 +2458,7 @@
         },
         {
           "name": "ui5-side-navigation-item",
-          "description": "### Overview\n\nRepresents a navigation action. It can provide sub items.\nThe `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n\n### **Slots:**\n - **default** - Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.",
+          "description": "### Overview\n\nRepresents a navigation action. It can provide sub items.\nThe `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n\n### **Slots:**\n - **default** - Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.\n- **tag** - Defines the tag to be displayed.\n\n**Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\nand hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\n**Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\nand `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\n**Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\nuse shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\n**Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\nas this would lead to nesting of interactive elements, which is not allowed.",
           "doc-url": "",
           "attributes": [
             {
@@ -2532,6 +2532,10 @@
             {
               "name": "default",
               "description": "Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot."
+            },
+            {
+              "name": "tag",
+              "description": "Defines the tag to be displayed.\n\n**Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\nand hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\n**Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\nand `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\n**Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\nuse shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\n**Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\nas this would lead to nesting of interactive elements, which is not allowed."
             }
           ],
           "events": [
@@ -2613,7 +2617,7 @@
         },
         {
           "name": "ui5-side-navigation-sub-item",
-          "description": "### Overview\nRepresents a single navigation action within `ui5-side-navigation-item`.\nThe `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.",
+          "description": "### Overview\nRepresents a single navigation action within `ui5-side-navigation-item`.\nThe `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n---\n\n\n### **Events:**\n - **click** - Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n\n### **Slots:**\n - **tag** - Defines the tag to be displayed.\n\n**Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\nand hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\n**Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\nand `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\n**Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\nuse shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\n**Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\nas this would lead to nesting of interactive elements, which is not allowed.",
           "doc-url": "",
           "attributes": [
             {
@@ -2678,6 +2682,12 @@
               "value": { "type": "boolean", "default": "false" }
             }
           ],
+          "slots": [
+            {
+              "name": "tag",
+              "description": "Defines the tag to be displayed.\n\n**Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\nand hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\n**Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\nand `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\n**Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\nuse shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\n**Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\nas this would lead to nesting of interactive elements, which is not allowed."
+            }
+          ],
           "events": [
             {
               "name": "click",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "2.23.0-rc.0",
+  "version": "2.23.0-rc.2",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
@@ -54,20 +54,20 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.23.0-rc.0",
-    "@ui5/webcomponents-base": "2.23.0-rc.0",
-    "@ui5/webcomponents-icons": "2.23.0-rc.0",
-    "@ui5/webcomponents-theming": "2.23.0-rc.0",
+    "@ui5/webcomponents": "2.23.0-rc.2",
+    "@ui5/webcomponents-base": "2.23.0-rc.2",
+    "@ui5/webcomponents-icons": "2.23.0-rc.2",
+    "@ui5/webcomponents-theming": "2.23.0-rc.2",
     "@zxing/library": "^0.21.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.23.0-rc.0",
+    "@ui5/webcomponents-tools": "2.23.0-rc.2",
     "cypress": "15.9.0",
     "lit": "^2.0.0",
     "vite": "5.4.21",
     "yarn": "^1.22.22"
   },
-  "gitHead": "9bc26b17995d571e4222ad7985d24a8151bd8a4f"
+  "gitHead": "8e2484d13f3aeac61195cd83eff7bba26df1b1bc"
 }

package/src/NavigationMenuItemTemplate.tsx

@@ -47,18 +47,24 @@ function iconBegin(this: NavigationMenuItem) {
 }
 
 function iconEnd(this: NavigationMenuItem) {
-	if (this.hasSubmenu) {
-		return <Icon
-			part="icon"
-			name={slimArrowRightIcon}
-			class="ui5-menu-item-icon-end"
-		/>;
-	}
-
-	if (this.isExternalLink) {
-		return <Icon
-			class="ui5-sn-item-external-link-icon"
-			name={arrowRightIcon}
-		/>;
-	}
+	return (<>
+		{this.hasTag &&
+			<span id={this._tagContainerId} class="ui5-navmenu-item-tag-container">
+				<slot name="tag"></slot>
+			</span>
+		}
+		{this.hasSubmenu &&
+			<Icon
+				part="icon"
+				name={slimArrowRightIcon}
+				class="ui5-menu-item-icon-end"
+			/>
+		}
+		{!this.hasSubmenu && this.isExternalLink &&
+			<Icon
+				class="ui5-sn-item-external-link-icon"
+				name={arrowRightIcon}
+			/>
+		}
+	</>);
 }

package/src/SideNavigationItemTemplate.tsx

@@ -44,6 +44,7 @@ function ItemTemplate(this: SideNavigationItem) {
 						  aria-owns={this._groupId}
 						  aria-label={this._ariaLabel}
 						  aria-expanded={this._expanded}
+						  aria-labelledby={this._textId}
 						  aria-describedby={this._describedBy}
 			>
 				{this.sideNavCollapsed ?
@@ -51,7 +52,12 @@ function ItemTemplate(this: SideNavigationItem) {
 					:
 					this.icon && <Icon class="ui5-sn-item-icon" name={this.icon}/>
 				}
-				<div class="ui5-sn-item-text">{this.text}</div>
+				<div class="ui5-sn-item-text" id={this._textId}>{this.text}</div>
+				{this.hasTag &&
+					<div id={this._tagId} class="ui5-sn-item-tag-slot">
+						<slot name="tag"></slot>
+					</div>
+				}
 				{this.sideNavCollapsed ?
 					!!this.items.length &&
 					<Icon class="ui5-sn-item-toggle-icon"
@@ -81,6 +87,9 @@ function ItemTemplate(this: SideNavigationItem) {
 					<slot></slot>
 				</ul>
 			}
+			{this._selectableItemDescriptionText &&
+				<span id={this._selectableItemDescriptionId} class="ui5-hidden-text">{this._selectableItemDescriptionText}</span>
+			}
 		</>
 	);
 }

package/src/SideNavigationPopoverTemplate.tsx

@@ -19,8 +19,7 @@ export default function SideNavigationTemplate(this: SideNavigation) {
 			tooltip={item._tooltip}
 			ref={this.captureRef.bind(item)}
 		>
-
-			{item.children.length > 0 && !item.unselectable &&
+			{(item as SideNavigationItem).items?.length > 0 && !item.unselectable &&
 				(<NavigationMenuItem
 					class="ui5-navigation-menu-item-root-parent"
 					accessibilityAttributes={item.accessibilityAttributes}
@@ -32,7 +31,8 @@ export default function SideNavigationTemplate(this: SideNavigation) {
 					title={item.title}
 					tooltip={item._tooltip}
 					ref={this.captureRef.bind(item)}
-				></NavigationMenuItem>)
+				>
+				</NavigationMenuItem>)
 			}
 
 			{(item as any).items?.map(renderMenuItem)}
@@ -94,7 +94,8 @@ export default function SideNavigationTemplate(this: SideNavigation) {
 								unselectable={item.unselectable}
 								onui5-click={this.handlePopupItemClick}
 								ref={this.captureRef.bind(item)}
-							/>
+							>
+							</SideNavigationSubItem>
 						)}
 					</SideNavigationItem>
 				</SideNavigation>

package/src/SideNavigationSubItemTemplate.tsx

@@ -24,11 +24,17 @@ export default function SideNavigationSubItemTemplate(this: SideNavigationSubIte
 						  href={this._href}
 						  target={this._target}
 						  aria-haspopup={this._ariaHasPopup}
+						  aria-describedby={this._describedBy}
 			>
 				{this.icon &&
 					<Icon class="ui5-sn-item-icon" name={this.icon}/>
 				}
-				<div class="ui5-sn-item-text">{this.text}</div>
+				<div class="ui5-sn-item-text" id={this._textId}>{this.text}</div>
+				{this.hasTag &&
+					<div id={this._tagId} class="ui5-sn-item-tag-slot">
+						<slot name="tag"></slot>
+					</div>
+				}
 				{this.isExternalLink &&
 					<Icon class="ui5-sn-item-external-link-icon"
 						  name={arrowRight}

package/src/i18n/messagebundle_mk.properties

@@ -12,7 +12,7 @@ DYNAMIC_PAGE_ARIA_LABEL_EXPAND_HEADER=Прошири го заглавието
 
 DYNAMIC_PAGE_ARIA_LABEL_SNAP_HEADER=Скриј го заглавието
 
-DYNAMIC_PAGE_ARIA_LABEL_PIN_HEADER=Фиксирај го заглавието
+DYNAMIC_PAGE_ARIA_LABEL_PIN_HEADER=Закачи го заглавието
 
 DYNAMIC_PAGE_ARIA_LABEL_UNPIN_HEADER=Поништи го фиксирањето на заглавието
 

package/src/themes/NavigationMenuItem.css

@@ -90,4 +90,12 @@
 
 ::slotted([ui5-navigation-menu-item]:not(:last-of-type)) {
 	margin-block-end: var(--_ui5_side_navigation_item_bottom_margin);
-}
+}
+
+.ui5-navmenu-item-tag-container {
+	display: inline-flex;
+	align-items: center;
+	margin-inline-start: 0.5rem;
+	height: 1.375rem;
+	min-width: 1.375rem;
+}

package/src/themes/SearchField.css

@@ -87,6 +87,8 @@
 	--_ui5_select_label_color: var(--sapShell_TextColor);
 	/* Remove Select's default focus outline without affecting dropdown items */
 	--_ui5_input_focus_outline_color: transparent;
+	/* Suppress Select's bottom border gradient inside ShellBar search */
+	--_ui5_select_bottom_border_gradient: none;
 }
 
 [ui5-select]:hover:not(:active):not(:focus-within) {
@@ -261,8 +263,6 @@
 }
 .ui5-shell-search-field-icon::part(root) {
 	padding: var(--_ui5_search_icon_padding);
-	width: 1rem;
-	height: 1rem;
 	outline-offset: -0.125rem;
 }
 

package/src/themes/ShellBarBranding.css

@@ -10,7 +10,8 @@
 	overflow: hidden;
 	display: flex;
 	align-items: center;
-	padding-block: 0.25rem;
+	height: 2.25rem;
+	padding-block: 0.125rem;
 	padding-inline: 0.25rem 0.5rem;
 	box-sizing: border-box;
 	cursor: pointer;
@@ -19,7 +20,7 @@
 	color: var(--sapShell_TextColor);
 	/* fix cutting of the focus outline */
 	margin-inline-start: 0.125rem;
-	margin-inline-end: .5rem;
+	margin-inline-end: 0.5rem;
 }
 
 .ui5-shellbar-branding-root:focus {
@@ -55,7 +56,7 @@
 	overflow: hidden;
 	display: flex;
 	align-items: center;
-	padding: .25rem .5rem .25rem .25rem;
+	padding: 0.125rem 0.25rem 0.125rem 0.25rem;
 	box-sizing: border-box;
 	cursor: pointer;
 	background: var(--sapButton_Lite_Background);
@@ -66,7 +67,9 @@
 }
 
 ::slotted([slot="logo"]) {
-	max-height: 2rem;
+	max-height: 1.875rem;
+	width: auto;
+	padding-block: 0.0625rem;
 	padding-inline: 0.25rem;
 	vertical-align: middle;
 }

package/src/themes/ShellBarItem.css

@@ -23,6 +23,10 @@
 	margin: var(--_ui5-shellbar-badge-margin, -0.5rem);
 }
 
+[ui5-li]::part(icon) {
+	color: var(--sapList_TextColor);
+}
+
 [ui5-li]:after {
 	position: relative;
 	width: fit-content;

package/src/themes/ShellBarPopover.css

@@ -7,6 +7,11 @@
 	color: var(--sapList_TextColor);
 }
 
+.ui5-shellbar-overflow-popover ::slotted([ui5-toggle-button]),
+.ui5-shellbar-overflow-popover ::slotted([ui5-button]) {
+	color: var(--sapList_TextColor);
+}
+
 .ui5-shellbar-overflow-popover [ui5-li]::part(title) {
 	font-size: var(--sapFontSize);
 }

package/src/themes/SideNavigationItem.css

@@ -1,4 +1,5 @@
 @import "./SideNavigationItemBase.css";
+@import "./InvisibleTextStyles.css";
 
 :host {
 	color: var(--sapList_TextColor);

package/src/themes/SideNavigationItemBase.css

@@ -229,6 +229,7 @@ and there is an additional border that appears on hover. */
 }
 
 :host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root) {
+	box-sizing: content-box;
 	padding-block: 0.25rem; /* height of the separator (the border left) should be --sapElement_Condensed_Height which is equal to 1.375rem (22px) */
 	border-inline-start: 0.0625rem solid var(--sapTextColor);
 	display: block;
@@ -357,6 +358,37 @@ and there is an additional border that appears on hover. */
 	padding-inline-end: 0.375rem;
 }
 
+.ui5-sn-item-tag-slot {
+	padding-inline-start: 0.5rem;
+	padding-inline-end: 0.375rem;
+	display: inline-flex;
+	align-items: center;
+}
+
+.ui5-sn-item-tag-slot:has(+ .ui5-sn-item-toggle-icon),
+.ui5-sn-item-tag-slot:has(+ .ui5-sn-item-external-link-icon) {
+	padding-inline-end: 0;
+}
+
+.ui5-sn-item-tag-slot + .ui5-sn-item-toggle-icon,
+.ui5-sn-item-tag-slot + .ui5-sn-item-external-link-icon {
+	margin-inline-start: 0.375rem;
+}
+
+:host([side-nav-collapsed]) .ui5-sn-item-tag-slot {
+	display: none;
+}
+
+:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-tag-slot,
+:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-tag-slot {
+	display: inline-flex;
+}
+
+:host([in-popover]) .ui5-sn-item-tag-slot {
+	display: inline-flex;
+	padding-inline-end: 0.5rem;
+}
+
 :host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon::after {
 	display: var(--_ui5_side_navigation_triangle_display);
 	content: "";