@ui5/webcomponents-fiori 2.28.0-rc.0 → 2.29.0-rc.0

package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js

@@ -1,3 +1,212 @@
-export default `:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapBackgroundColor);--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: var(--sapBackgroundColor);--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.25rem;--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5_shellbar_search_field_box_shadow_hover: none;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_triangle_display: block;--_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_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_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: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_side_navigation_width: 16rem;--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5_side_navigation_icon_padding_inline_end: .4375rem;--_ui5_side_navigation_item_height: 2.5rem;--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: 1rem;--_ui5_tl_padding: 1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom: 1.625rem;--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;--_ui5_timeline_tli_indicator_before_right: -1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;--_ui5_timeline_tli_indicator_before_height: 100%;--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5_vsd_header_container: 2.75rem;--_ui5_vsd_sub_header_container_height: 2.75rem;--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: 26.1875rem;--_ui5_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line: var(--sapTextColor);--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_icon_color: var(--sapTextColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem}@container style(--ui5_content_density: compact){:host{--_ui5_side_navigation_item_height: 2rem;--_ui5_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5_side_navigation_item_margin: .5rem;--_ui5_side_navigation_item_height: 2rem;--_ui5_tl_bubble_padding: .5rem;--_ui5_tl_padding: .5rem;--_ui5_tl_li_margin_bottom: .5rem;--_ui5_timeline_tli_indicator_before_bottom: -.75rem;--_ui5_timeline_tli_indicator_before_right: -.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;--_ui5_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;--_ui5_timeline_tlgi_compact_root_gap: .5rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem}}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}
+export default `:host{
+    --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
+    --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
+    --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
+    --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
+    --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
+    --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
+    --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
+    --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);
+    --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);
+    --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
+    --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
+    --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
+    --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);
+    --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
+    --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
+    --_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+    --_ui5_page_transparent_bg: var(--sapBackgroundColor);
+    --_ui5_product_switch_item_width: 11.25rem;
+    --_ui5_product_switch_item_height: 7rem;
+    --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
+    --_ui5_product_switch_item_outline_offset: -.25rem;
+    --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
+    --_ui5_shellbar_root_height: 2.75rem;
+    --_ui5_shellbar_button_border: none;
+    --_ui5_shellbar_button_border_radius: .25rem;
+    --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
+    --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
+    --_ui5_shellbar_outline_offset: -.0625rem;
+    --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);
+    --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
+    --_ui5_shellbar_search_field_box_shadow_hover: none;
+    --_ui5_shellbar_menu_button_title_font_size: .75rem;
+    --_ui5_side_navigation_width: 16rem;
+    --_ui5_side_navigation_collapsed_width: 3rem;
+    --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
+    --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
+    --_ui5_side_navigation_navigation_separator_radius: unset;
+    --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));
+    --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
+    --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);
+    --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
+    --_ui5_side_navigation_triangle_display: block;
+    --_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_hover_border_style_color: none;
+    --_ui5_side_navigation_hover_border_width: 0;
+    --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
+    --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
+    --_ui5_side_navigation_item_border_style_color: none;
+    --_ui5_side_navigation_item_border_width: 0;
+    --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.5rem);
+    --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, .875rem);
+    --_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: .75rem;
+    --_ui5_side_navigation_item_transition: none;
+    --_ui5_side_navigation_item_padding_left: .5rem;
+    --_ui5_side_navigation_item_focus_border_offset: 1px;
+    --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
+    --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);
+    --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);
+    --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
+    --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
+    --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
+    --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;
+    --_ui5_side_navigation_group_expanded_border_width: 0;
+    --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);
+    --_ui5_side_navigation_icon_padding_inline_end: .4375rem;
+    --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
+    --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
+    --_ui5_side_navigation_group_padding: .5rem;
+    --_ui5_side_navigation_padding-flexible: 0;
+    --_ui5_side_navigation_padding-fixed: 0;
+    --_ui5_side_navigation_popup_padding: 0;
+    --_ui5_side_navigation_popup_title_line_height: normal;
+    --_ui5_side_navigation_first_fixed_item_margin_top: 0;
+    --_ui5_side_navigation_item_expand_icon_visibility: none;
+    --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;
+    --_ui5_side_navigation_item_collapsed_hover_focus_display: none;
+    --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
+    --_ui5_side_navigation_action_item_collapsed_padding: 0;
+    --_ui5_side_navigation_item_collapsed_padding: 0;
+    --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
+    --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
+    --_ui5_side_navigation_item_expand_icon_right: -.5rem;
+    --_ui5_side_navigation_item_expand_icon_hover_left: auto;
+    --_ui5_side_navigation_item_expand_icon_hover_right: 0;
+    --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);
+    --_ui5_TimelineItem_arrow_size: 1.625rem;
+    --_ui5_TimelineItem_bubble_border_width: .0625rem;
+    --_ui5_TimelineItem_bubble_border_style: dotted;
+    --_ui5_TimelineItem_bubble_border_radius: .25rem;
+    --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);
+    --_ui5_TimelineItem_bubble_border_top: -.125rem;
+    --_ui5_TimelineItem_bubble_border_right: -.125rem;
+    --_ui5_TimelineItem_bubble_border_bottom: -.125rem;
+    --_ui5_TimelineItem_bubble_border_left: -.625rem;
+    --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
+    --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
+    --_ui5_TimelineItem_bubble_focus_border_radius: 0;
+    --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
+    --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
+    --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
+    --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
+    --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
+    --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem);
+    --_ui5_tl_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
+    --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1.625rem);
+    --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem)  var(--_ui5-cozy-size, -1.5rem);
+    --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem)  var(--_ui5-cozy-size, -1.625rem);
+    --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem)  var(--_ui5-cozy-size, -1.875rem);
+    --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem)  var(--_ui5-cozy-size, -1.9375rem);
+    --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) )  var(--_ui5-cozy-size, calc(-100% - 1rem) );
+    --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) )  var(--_ui5-cozy-size, calc(100% + 1rem) );
+    --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) )  var(--_ui5-cozy-size, 100%);
+    --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .25rem) );
+    --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem)  var(--_ui5-cozy-size, 1.9375rem);
+    --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .5rem) );
+    --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .5rem) );
+    --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .25rem) );
+    --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) )  var(--_ui5-cozy-size, calc(100% + .375rem) );
+    --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) )  var(--_ui5-cozy-size, 100%);
+    --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);
+    --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);
+    --ui5_upload_collection_drop_overlay_background: transparent;
+    --ui5_upload_collection_thumbnail_size: 3rem;
+    --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
+    --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
+    --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
+    --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);
+    --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);
+    --ui5_upload_collection_drag_overlay_border_radius: 0;
+    --ui5_upload_collection_drag_overlay_opacity: .8;
+    --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem)  var(--_ui5-cozy-size, 2.75rem);
+    --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.75rem);
+    --_ui5_vsd_content_li_padding: .375rem;
+    --_ui5_vsd_content_height: 23.4375rem;
+    --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem)  var(--_ui5-cozy-size, 26.1875rem);
+    --_ui5_wiz_content_item_wrapper_padding: 1rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+    --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
+    --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
+    --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
+    --_ui5_wiz_tab_selection_line: var(--sapTextColor);
+    --_ui5_wiz_tab_icon_color: var(--sapTextColor);
+    --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
+    --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
+    --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
+    --_ui5_wiz_tab_focus_border_radius: 0;
+    --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
+    --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
+    --_ui5_shellbar_button_box_shadow: none;
+    --_ui5_shellbar_button_box_shadow_active: none;
+    --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
+    --_ui5_shellbar_search_field_background: var(--sapShellColor);
+    --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
+    --_ui5_shellbar_search_field_box_shadow: none;
+    --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
+    --_ui5_shellbar_search_field_width: 25rem;
+    --_ui5_shellbar_input_focus_outline_color: inherit;
+    --_ui5_shellbar_overflow_container_middle_height: 2.5rem;
+    --_ui5_shellbar_image_button_border_radius: 50%;
+    --_ui5-shellbar-content-margin-start: .5rem;
+    --_ui5-shellbar-overflow-button-margin: .5rem;
+    --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
+    --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
+    --_ui5_dynamic_page_footer_spacer: 4rem;
+    --_ui5_dynamic_page_title_padding_S: .5rem 1rem;
+    --_ui5_dynamic_page_title_padding_M: .5rem 2rem;
+    --_ui5_dynamic_page_title_padding_L: .5rem 2rem;
+    --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;
+    --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;
+    --_ui5_dynamic_page_header_padding_M: 1rem 2rem;
+    --_ui5_dynamic_page_header_padding_L: 1rem 2rem;
+    --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;
+    --_ui5_dynamic_page_content_padding_S: 1rem 0 0;
+    --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;
+    --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;
+    --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;
+    --ui5_dynamic_page_background: var(--sapBackgroundColor);
+    --_ui5_dynamic_page_title_padding_top: .5rem;
+    --_ui5_dynamic_page_title_padding_bottom: .5rem;
+    --_ui5_dynamic_page_title_min_height: 4rem;
+    --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;
+    --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
+    --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
+    --_ui5_dynamic_page_title_heading_padding_top: .3125rem;
+    --_ui5_dynamic_page_title_subheading_margin_top: .25rem;
+    --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);
+    --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;
+    --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;
+    --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
+    --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
+    --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
+    --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
+    --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
+    --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
+    --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
+    --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
+    --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
+    --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem)  var(--_ui5-cozy-size, 21.53125rem);
+    --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
+    --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
+    --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
+    --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}
 `;
 //# sourceMappingURL=parameters-bundle.css.js.map

package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapBackgroundColor);--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: var(--sapBackgroundColor);--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.25rem;--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5_shellbar_search_field_box_shadow_hover: none;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_triangle_display: block;--_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_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_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: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_side_navigation_width: 16rem;--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5_side_navigation_icon_padding_inline_end: .4375rem;--_ui5_side_navigation_item_height: 2.5rem;--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: 1rem;--_ui5_tl_padding: 1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom: 1.625rem;--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;--_ui5_timeline_tli_indicator_before_right: -1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;--_ui5_timeline_tli_indicator_before_height: 100%;--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5_vsd_header_container: 2.75rem;--_ui5_vsd_sub_header_container_height: 2.75rem;--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: 26.1875rem;--_ui5_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line: var(--sapTextColor);--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_icon_color: var(--sapTextColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem}@container style(--ui5_content_density: compact){:host{--_ui5_side_navigation_item_height: 2rem;--_ui5_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5_side_navigation_item_margin: .5rem;--_ui5_side_navigation_item_height: 2rem;--_ui5_tl_bubble_padding: .5rem;--_ui5_tl_padding: .5rem;--_ui5_tl_li_margin_bottom: .5rem;--_ui5_timeline_tli_indicator_before_bottom: -.75rem;--_ui5_timeline_tli_indicator_before_right: -.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;--_ui5_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;--_ui5_timeline_tlgi_compact_root_gap: .5rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem}}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}\n`"]}
+{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNd,CAAA","sourcesContent":["export default `:host{\n    --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n    --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n    --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n    --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n    --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n    --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n    --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n    --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n    --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n    --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n    --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n    --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n    --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n    --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n    --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n    --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n    --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n    --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n    --_ui5_product_switch_item_width: 11.25rem;\n    --_ui5_product_switch_item_height: 7rem;\n    --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n    --_ui5_product_switch_item_outline_offset: -.25rem;\n    --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n    --_ui5_shellbar_root_height: 2.75rem;\n    --_ui5_shellbar_button_border: none;\n    --_ui5_shellbar_button_border_radius: .25rem;\n    --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n    --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n    --_ui5_shellbar_outline_offset: -.0625rem;\n    --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);\n    --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n    --_ui5_shellbar_search_field_box_shadow_hover: none;\n    --_ui5_shellbar_menu_button_title_font_size: .75rem;\n    --_ui5_side_navigation_width: 16rem;\n    --_ui5_side_navigation_collapsed_width: 3rem;\n    --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n    --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n    --_ui5_side_navigation_navigation_separator_radius: unset;\n    --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n    --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n    --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n    --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n    --_ui5_side_navigation_triangle_display: block;\n    --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n    --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n    --_ui5_side_navigation_expand_icon_width: 2rem;\n    --_ui5_side_navigation_hover_border_style_color: none;\n    --_ui5_side_navigation_hover_border_width: 0;\n    --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n    --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n    --_ui5_side_navigation_item_border_style_color: none;\n    --_ui5_side_navigation_item_border_width: 0;\n    --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.5rem);\n    --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, .875rem);\n    --_ui5_side_navigation_item_border_radius: 0;\n    --_ui5_side_navigation_item_bottom_margin: 0;\n    --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n    --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n    --_ui5_side_navigation_item_transition: none;\n    --_ui5_side_navigation_item_padding_left: .5rem;\n    --_ui5_side_navigation_item_focus_border_offset: 1px;\n    --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n    --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);\n    --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);\n    --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n    --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n    --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n    --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n    --_ui5_side_navigation_group_expanded_border_width: 0;\n    --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n    --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n    --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n    --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n    --_ui5_side_navigation_group_padding: .5rem;\n    --_ui5_side_navigation_padding-flexible: 0;\n    --_ui5_side_navigation_padding-fixed: 0;\n    --_ui5_side_navigation_popup_padding: 0;\n    --_ui5_side_navigation_popup_title_line_height: normal;\n    --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n    --_ui5_side_navigation_item_expand_icon_visibility: none;\n    --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n    --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n    --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n    --_ui5_side_navigation_action_item_collapsed_padding: 0;\n    --_ui5_side_navigation_item_collapsed_padding: 0;\n    --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n    --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n    --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n    --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n    --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n    --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n    --_ui5_TimelineItem_arrow_size: 1.625rem;\n    --_ui5_TimelineItem_bubble_border_width: .0625rem;\n    --_ui5_TimelineItem_bubble_border_style: dotted;\n    --_ui5_TimelineItem_bubble_border_radius: .25rem;\n    --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n    --_ui5_TimelineItem_bubble_border_top: -.125rem;\n    --_ui5_TimelineItem_bubble_border_right: -.125rem;\n    --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n    --_ui5_TimelineItem_bubble_border_left: -.625rem;\n    --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n    --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n    --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n    --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n    --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n    --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n    --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n    --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n    --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem);\n    --_ui5_tl_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n    --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1.625rem);\n    --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem)  var(--_ui5-cozy-size, -1.5rem);\n    --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem)  var(--_ui5-cozy-size, -1.625rem);\n    --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem)  var(--_ui5-cozy-size, -1.875rem);\n    --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem)  var(--_ui5-cozy-size, -1.9375rem);\n    --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) )  var(--_ui5-cozy-size, calc(-100% - 1rem) );\n    --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) )  var(--_ui5-cozy-size, calc(100% + 1rem) );\n    --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) )  var(--_ui5-cozy-size, 100%);\n    --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .25rem) );\n    --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem)  var(--_ui5-cozy-size, 1.9375rem);\n    --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .5rem) );\n    --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .5rem) );\n    --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .25rem) );\n    --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) )  var(--_ui5-cozy-size, calc(100% + .375rem) );\n    --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) )  var(--_ui5-cozy-size, 100%);\n    --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n    --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n    --ui5_upload_collection_drop_overlay_background: transparent;\n    --ui5_upload_collection_thumbnail_size: 3rem;\n    --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n    --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n    --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n    --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n    --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n    --ui5_upload_collection_drag_overlay_border_radius: 0;\n    --ui5_upload_collection_drag_overlay_opacity: .8;\n    --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem)  var(--_ui5-cozy-size, 2.75rem);\n    --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.75rem);\n    --_ui5_vsd_content_li_padding: .375rem;\n    --_ui5_vsd_content_height: 23.4375rem;\n    --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem)  var(--_ui5-cozy-size, 26.1875rem);\n    --_ui5_wiz_content_item_wrapper_padding: 1rem;\n    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n    --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n    --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n    --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n    --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n    --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n    --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n    --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n    --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n    --_ui5_wiz_tab_focus_border_radius: 0;\n    --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n    --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n    --_ui5_shellbar_button_box_shadow: none;\n    --_ui5_shellbar_button_box_shadow_active: none;\n    --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n    --_ui5_shellbar_search_field_background: var(--sapShellColor);\n    --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n    --_ui5_shellbar_search_field_box_shadow: none;\n    --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n    --_ui5_shellbar_search_field_width: 25rem;\n    --_ui5_shellbar_input_focus_outline_color: inherit;\n    --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n    --_ui5_shellbar_image_button_border_radius: 50%;\n    --_ui5-shellbar-content-margin-start: .5rem;\n    --_ui5-shellbar-overflow-button-margin: .5rem;\n    --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n    --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n    --_ui5_dynamic_page_footer_spacer: 4rem;\n    --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n    --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n    --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n    --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n    --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n    --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n    --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n    --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n    --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n    --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n    --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n    --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n    --ui5_dynamic_page_background: var(--sapBackgroundColor);\n    --_ui5_dynamic_page_title_padding_top: .5rem;\n    --_ui5_dynamic_page_title_padding_bottom: .5rem;\n    --_ui5_dynamic_page_title_min_height: 4rem;\n    --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n    --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n    --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n    --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n    --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n    --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n    --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n    --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n    --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n    --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n    --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n    --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n    --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n    --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n    --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n    --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n    --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n    --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n    --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem)  var(--_ui5-cozy-size, 21.53125rem);\n    --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n    --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n    --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n    --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n`"]}

package/dist/shellbar/ShellBarAccessibility.d.ts

@@ -19,6 +19,7 @@ interface ShellBarAreaAccessibilityInfo {
     title: string | undefined;
     accessibilityAttributes: {
         name?: string;
+        ariaLabel?: AccessibilityAttributes["ariaLabel"];
         hasPopup?: AccessibilityAttributes["hasPopup"];
         expanded?: AccessibilityAttributes["expanded"];
     };

package/dist/shellbar/ShellBarAccessibility.js

@@ -6,6 +6,10 @@ class ShellBarAccessibility {
             notifications: {
                 title: defaultTexts.notifications,
                 accessibilityAttributes: {
+                    // Provide an explicit accessible name so the Button does not derive its
+                    // aria-label from the count badge ("X items"), which otherwise collides
+                    // with the "X Notifications" tooltip and causes a double announcement.
+                    ariaLabel: defaultTexts.notifications,
                     expanded: accessibilityAttributes.notifications?.expanded,
                     hasPopup: accessibilityAttributes.notifications?.hasPopup,
                 },

package/dist/shellbar/ShellBarAccessibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAuCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAIC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QACjF,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;oBAClD,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;iBAC5H;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t\tshowSearchField: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes, showSearchField } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.search?.expanded !== undefined ? accessibilityAttributes.search.expanded : showSearchField,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}
+{"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAwCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAIC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QACjF,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,wEAAwE;oBACxE,wEAAwE;oBACxE,uEAAuE;oBACvE,SAAS,EAAE,YAAY,CAAC,aAAa;oBACrC,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;oBAClD,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;iBAC5H;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\tariaLabel?: AccessibilityAttributes[\"ariaLabel\"];\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t\tshowSearchField: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes, showSearchField } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\t// Provide an explicit accessible name so the Button does not derive its\n\t\t\t\t\t// aria-label from the count badge (\"X items\"), which otherwise collides\n\t\t\t\t\t// with the \"X Notifications\" tooltip and causes a double announcement.\n\t\t\t\t\tariaLabel: defaultTexts.notifications,\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.search?.expanded !== undefined ? accessibilityAttributes.search.expanded : showSearchField,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}

package/dist/shellbar/ShellBarSearch.d.ts

@@ -7,6 +7,7 @@ interface ShellBarSearchConstructorParams {
     handleSearchButtonClick: () => boolean;
     getSearchField: () => IShellBarSearchField | null;
     getCSSVariable: (variable: string) => string;
+    getDisableSearchCollapse: () => boolean;
 }
 /**
  * Search controller for self-collapsible search (ui5-shellbar-search).
@@ -24,8 +25,9 @@ declare class ShellBarSearch implements IShellBarSearchController {
     private setSearchState;
     private handleSearchButtonClick;
     private getCSSVariable;
+    private getDisableSearchCollapse;
     private initialRender;
-    constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, }: ShellBarSearchConstructorParams);
+    constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, getDisableSearchCollapse, }: ShellBarSearchConstructorParams);
     subscribe(searchField?: HTMLElement | null): void;
     unsubscribe(searchField?: HTMLElement | null): void;
     /**

package/dist/shellbar/ShellBarSearch.js

@@ -4,7 +4,7 @@ import { isPhone, isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
  * Handles search fields with collapsed/open properties and ui5-open/close/search events.
  */
 class ShellBarSearch {
-    constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, }) {
+    constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, getDisableSearchCollapse, }) {
         this.onSearchBound = this.onSearch.bind(this);
         this.onSearchOpenBound = this.onSearchOpen.bind(this);
         this.onSearchCloseBound = this.onSearchClose.bind(this);
@@ -15,6 +15,7 @@ class ShellBarSearch {
         this.getSearchState = getSearchState;
         this.setSearchState = setSearchState;
         this.handleSearchButtonClick = handleSearchButtonClick;
+        this.getDisableSearchCollapse = getDisableSearchCollapse;
     }
     subscribe(searchField = this.getSearchField()) {
         if (!searchField) {
@@ -41,6 +42,10 @@ class ShellBarSearch {
         if (!this.hasSearchField) {
             return;
         }
+        // Auto-collapse/expand disabled by the application; leave the search as-is.
+        if (this.getDisableSearchCollapse()) {
+            return;
+        }
         // Get search field min width from CSS variable
         const searchFieldWidth = this.getSearchFieldWidth();
         const searchHasFocus = document.activeElement === this.getSearchField();

package/dist/shellbar/ShellBarSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone, isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchField } from \"../ShellBar.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\thandleSearchButtonClick: () => boolean;\n\tgetSearchField: () => IShellBarSearchField | null;\n\tgetCSSVariable: (variable: string) => string;\n}\n\n/**\n * Search controller for self-collapsible search (ui5-shellbar-search).\n * Handles search fields with collapsed/open properties and ui5-open/close/search events.\n */\nclass ShellBarSearch implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate onSearchBound = this.onSearch.bind(this);\n\tprivate onSearchOpenBound = this.onSearchOpen.bind(this);\n\tprivate onSearchCloseBound = this.onSearchClose.bind(this);\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => IShellBarSearchField | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate handleSearchButtonClick: () => boolean;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\thandleSearchButtonClick,\n\t}: ShellBarSearchConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.handleSearchButtonClick = handleSearchButtonClick;\n\t}\n\n\tsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.addEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.addEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.addEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\tunsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.removeEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.removeEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.removeEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Delegates decision logic to SearchController.\n\t * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get search field min width from CSS variable\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\tconst searchHasFocus = document.activeElement === this.getSearchField();\n\t\tconst searchHasValue = !!this.getSearchField()?.value;\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (isDesktop() && availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * Applies the show-search-field state to the search field.\n\t */\n\tsyncShowSearchFieldState() {\n\t\tconst search = this.getSearchField();\n\t\tif (!search) {\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\t// On initial render, don't auto-open the search dialog on phones\n\t\t\t// to prevent the full-screen search from showing when page loads\n\t\t\tif (this.initialRender) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsearch.open = this.getSearchState();\n\t\t} else {\n\t\t\tsearch.collapsed = !this.getSearchState();\n\t\t}\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\tprivate onSearchOpen(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\t}\n\n\tprivate onSearchClose(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(false);\n\t\t}\n\t}\n\n\tprivate onSearch(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\n\t\t// On mobile or if has value, don't toggle\n\t\tif (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleSearchButtonClick();\n\t}\n\n\t/**\n\t * Gets the minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearch.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearch.FALLBACK_WIDTH;\n\t\t}\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\t\treturn parseFloat(width);\n\t}\n\n\tget hasSearchField() {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Gets the size of the search button.\n\t * If the search field is visible, the size is 0.\n\t * Otherwise, it is the width of the search field (just a button in collapsed state).\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearch;\nexport type {\n\tShellBarSearchConstructorParams,\n};\n"]}
+{"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAc5E;;;GAGG;AACH,MAAM,cAAc;IAiBnB,YAAY,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,wBAAwB,GACS;QArB1B,kBAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,sBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,uBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QASnD,kBAAa,GAAG,IAAI,CAAC;QAW5B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;IAC1D,CAAC;IAED,SAAS,CAAC,cAAkC,IAAI,CAAC,cAAc,EAAE;QAChE,IAAI,CAAC,WAAW,EAAE,CAAC;YAClB,OAAO;QACR,CAAC;QACD,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACjE,WAAW,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACnE,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAChE,CAAC;IAED,WAAW,CAAC,cAAkC,IAAI,CAAC,cAAc,EAAE;QAClE,IAAI,CAAC,WAAW,EAAE,CAAC;YAClB,OAAO;QACR,CAAC;QACD,WAAW,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACpE,WAAW,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACtE,WAAW,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,qBAAqB,CAAC,WAAmB,EAAE,cAAsB;QAChE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,4EAA4E;QAC5E,IAAI,IAAI,CAAC,wBAAwB,EAAE,EAAE,CAAC;YACrC,OAAO;QACR,CAAC;QAED,+CAA+C;QAC/C,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAEpD,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC;QACxE,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,KAAK,CAAC;QAEtD,uFAAuF;QACvF,qFAAqF;QACrF,4EAA4E;QAC5E,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACxE,MAAM,eAAe,GAAG,cAAc,IAAI,cAAc,IAAI,YAAY,CAAC;QAEzE,IAAI,WAAW,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,SAAS,EAAE,IAAI,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;YAC1F,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,wBAAwB;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,IAAI,CAAC,MAAM,EAAE,CAAC;YACb,OAAO;QACR,CAAC;QACD,IAAI,OAAO,EAAE,EAAE,CAAC;YACf,iEAAiE;YACjE,iEAAiE;YACjE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACxB,OAAO;YACR,CAAC;YACD,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,CAAC;aAAM,CAAC;YACP,MAAM,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC3C,CAAC;IACF,CAAC;IAED;;;OAGG;IACH,oBAAoB;QACnB,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;IACtD,CAAC;IAEO,YAAY,CAAC,CAAQ;QAC5B,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;YAC1C,OAAO;QACR,CAAC;QACD,IAAI,OAAO,EAAE,EAAE,CAAC;YACf,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;IACF,CAAC;IAEO,aAAa,CAAC,CAAQ;QAC7B,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;YAC1C,OAAO;QACR,CAAC;QACD,IAAI,OAAO,EAAE,EAAE,CAAC;YACf,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACxB,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;YAC1C,OAAO;QACR,CAAC;QAED,0CAA0C;QAC1C,IAAI,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC;YAC1E,OAAO;QACR,CAAC;QAED,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IACK,mBAAmB;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/D,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,OAAO,cAAc,CAAC,cAAc,CAAC;QACtC,CAAC;QACD,oBAAoB;QACpB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;YACjF,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACrC,CAAC;QACD,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;IAChC,CAAC;IAED;;;;OAIG;IACK,mBAAmB;QAC1B,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;IAC9F,CAAC;;AAjLM,2BAAY,GAAG,oCAAoC,AAAvC,CAAwC;AACpD,6BAAc,GAAG,GAAG,AAAN,CAAO;AAmL7B,eAAe,cAAc,CAAC","sourcesContent":["import { isPhone, isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchField } from \"../ShellBar.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\thandleSearchButtonClick: () => boolean;\n\tgetSearchField: () => IShellBarSearchField | null;\n\tgetCSSVariable: (variable: string) => string;\n\tgetDisableSearchCollapse: () => boolean;\n}\n\n/**\n * Search controller for self-collapsible search (ui5-shellbar-search).\n * Handles search fields with collapsed/open properties and ui5-open/close/search events.\n */\nclass ShellBarSearch implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate onSearchBound = this.onSearch.bind(this);\n\tprivate onSearchOpenBound = this.onSearchOpen.bind(this);\n\tprivate onSearchCloseBound = this.onSearchClose.bind(this);\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => IShellBarSearchField | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate handleSearchButtonClick: () => boolean;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate getDisableSearchCollapse: () => boolean;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\thandleSearchButtonClick,\n\t\tgetDisableSearchCollapse,\n\t}: ShellBarSearchConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.handleSearchButtonClick = handleSearchButtonClick;\n\t\tthis.getDisableSearchCollapse = getDisableSearchCollapse;\n\t}\n\n\tsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.addEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.addEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.addEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\tunsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.removeEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.removeEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.removeEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Delegates decision logic to SearchController.\n\t * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Auto-collapse/expand disabled by the application; leave the search as-is.\n\t\tif (this.getDisableSearchCollapse()) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get search field min width from CSS variable\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\tconst searchHasFocus = document.activeElement === this.getSearchField();\n\t\tconst searchHasValue = !!this.getSearchField()?.value;\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (isDesktop() && availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * Applies the show-search-field state to the search field.\n\t */\n\tsyncShowSearchFieldState() {\n\t\tconst search = this.getSearchField();\n\t\tif (!search) {\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\t// On initial render, don't auto-open the search dialog on phones\n\t\t\t// to prevent the full-screen search from showing when page loads\n\t\t\tif (this.initialRender) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsearch.open = this.getSearchState();\n\t\t} else {\n\t\t\tsearch.collapsed = !this.getSearchState();\n\t\t}\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\tprivate onSearchOpen(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\t}\n\n\tprivate onSearchClose(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(false);\n\t\t}\n\t}\n\n\tprivate onSearch(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\n\t\t// On mobile or if has value, don't toggle\n\t\tif (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleSearchButtonClick();\n\t}\n\n\t/**\n\t * Gets the minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearch.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearch.FALLBACK_WIDTH;\n\t\t}\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\t\treturn parseFloat(width);\n\t}\n\n\tget hasSearchField() {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Gets the size of the search button.\n\t * If the search field is visible, the size is 0.\n\t * Otherwise, it is the width of the search field (just a button in collapsed state).\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearch;\nexport type {\n\tShellBarSearchConstructorParams,\n};\n"]}

package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js

@@ -5,7 +5,11 @@ function ShellBarSearchField() {
     return (
     // .ui5-shellbar-search-field-area is used to measure the width of
     // the search field. It must be present even if the search is in full-width mode.
-    _jsx("div", { class: "ui5-shellbar-search-field-area", children: this.showSearchField && !this.showFullWidthSearch && (_jsx("div", { class: "ui5-shellbar-search-field ui5-shellbar-gap-start", children: _jsx("slot", { name: "searchField" }) })) }));
+    // The `ui5-shellbar-gap-start` lives on the area (always rendered) rather than on the
+    // inner field (rendered only in-bar), so the measured width stays identical whether the
+    // search is in the bar or in full-width mode - otherwise the 8px gap would be counted
+    // only in-bar, shifting the overflow measurement and causing a render loop.
+    _jsx("div", { class: "ui5-shellbar-search-field-area ui5-shellbar-gap-start", children: this.showSearchField && !this.showFullWidthSearch && (_jsx("div", { class: "ui5-shellbar-search-field", children: _jsx("slot", { name: "searchField" }) })) }));
 }
 function ShellBarSearchFieldFullWidth() {
     return (_jsxs("div", { class: "ui5-shellbar-search-full-width-wrapper", children: [_jsx("div", { class: "ui5-shellbar-search-full-field", children: _jsx("slot", { name: "searchField" }) }), _jsx(Button, { class: "ui5-shellbar-cancel-button ui5-shellbar-gap-start", design: ButtonDesign.Transparent, onClick: this.handleCancelButtonClick, children: "Cancel" })] }));

package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBarSearchLegacyTemplate.js","sourceRoot":"","sources":["../../../src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAGzE,SAAS,mBAAmB;IAC3B,OAAO;IACN,kEAAkE;IAClE,iFAAiF;IACjF,cAAK,KAAK,EAAC,gCAAgC,YACzC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CACrD,cAAK,KAAK,EAAC,kDAAkD,YAC5D,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,CACN,GACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,4BAA4B;IACpC,OAAO,CACN,eAAK,KAAK,EAAC,wCAAwC,aAClD,cAAK,KAAK,EAAC,gCAAgC,YAC1C,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,EACN,KAAC,MAAM,IACN,KAAK,EAAC,mDAAmD,EACzD,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,OAAO,EAAE,IAAI,CAAC,uBAAuB,uBAG7B,IACJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB;IAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACN,4BACE,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAC1B,KAAC,MAAM,uBACW,YAAY,EAAE,YAAY,EAC3C,KAAK,EAAC,yGAAyG,EAC/G,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,KAAK,EACnD,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,GACpF,CACF,GACC,CAEH,CAAC;AACH,CAAC;AAED,OAAO,EACN,mBAAmB,EACnB,oBAAoB,EACpB,4BAA4B,GAC5B,CAAC","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport type ShellBar from \"../../ShellBar.js\";\n\nfunction ShellBarSearchField(this: ShellBar) {\n\treturn (\n\t\t// .ui5-shellbar-search-field-area is used to measure the width of\n\t\t// the search field. It must be present even if the search is in full-width mode.\n\t\t<div class=\"ui5-shellbar-search-field-area\">\n\t\t\t{this.showSearchField && !this.showFullWidthSearch && (\n\t\t\t\t<div class=\"ui5-shellbar-search-field ui5-shellbar-gap-start\">\n\t\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchFieldFullWidth(this: ShellBar) {\n\treturn (\n\t\t<div class=\"ui5-shellbar-search-full-width-wrapper\">\n\t\t\t<div class=\"ui5-shellbar-search-full-field\">\n\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-shellbar-cancel-button ui5-shellbar-gap-start\"\n\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\tonClick={this.handleCancelButtonClick}\n\t\t\t>\n\t\t\t\tCancel\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchButton(this: ShellBar) {\n\tconst searchAction = this.getAction(\"search\");\n\treturn (\n\t\t<>\n\t\t\t{!this.hideSearchButton && (\n\t\t\t\t<Button\n\t\t\t\t\tdata-ui5-stable={searchAction?.stableDomRef}\n\t\t\t\t\tclass=\"ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle\"\n\t\t\t\t\ticon={searchAction?.icon}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\tonClick={this.handleSearchButtonClick}\n\t\t\t\t\ttooltip={this.actionsAccessibilityInfo.search.title}\n\t\t\t\t\taccessibilityAttributes={this.actionsAccessibilityInfo.search.accessibilityAttributes}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\n\t);\n}\n\nexport {\n\tShellBarSearchField,\n\tShellBarSearchButton,\n\tShellBarSearchFieldFullWidth,\n};\n"]}
+{"version":3,"file":"ShellBarSearchLegacyTemplate.js","sourceRoot":"","sources":["../../../src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAGzE,SAAS,mBAAmB;IAC3B,OAAO;IACN,kEAAkE;IAClE,iFAAiF;IACjF,sFAAsF;IACtF,wFAAwF;IACxF,sFAAsF;IACtF,4EAA4E;IAC5E,cAAK,KAAK,EAAC,uDAAuD,YAChE,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CACrD,cAAK,KAAK,EAAC,2BAA2B,YACrC,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,CACN,GACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,4BAA4B;IACpC,OAAO,CACN,eAAK,KAAK,EAAC,wCAAwC,aAClD,cAAK,KAAK,EAAC,gCAAgC,YAC1C,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,EACN,KAAC,MAAM,IACN,KAAK,EAAC,mDAAmD,EACzD,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,OAAO,EAAE,IAAI,CAAC,uBAAuB,uBAG7B,IACJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB;IAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACN,4BACE,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAC1B,KAAC,MAAM,uBACW,YAAY,EAAE,YAAY,EAC3C,KAAK,EAAC,yGAAyG,EAC/G,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,KAAK,EACnD,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,GACpF,CACF,GACC,CAEH,CAAC;AACH,CAAC;AAED,OAAO,EACN,mBAAmB,EACnB,oBAAoB,EACpB,4BAA4B,GAC5B,CAAC","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport type ShellBar from \"../../ShellBar.js\";\n\nfunction ShellBarSearchField(this: ShellBar) {\n\treturn (\n\t\t// .ui5-shellbar-search-field-area is used to measure the width of\n\t\t// the search field. It must be present even if the search is in full-width mode.\n\t\t// The `ui5-shellbar-gap-start` lives on the area (always rendered) rather than on the\n\t\t// inner field (rendered only in-bar), so the measured width stays identical whether the\n\t\t// search is in the bar or in full-width mode - otherwise the 8px gap would be counted\n\t\t// only in-bar, shifting the overflow measurement and causing a render loop.\n\t\t<div class=\"ui5-shellbar-search-field-area ui5-shellbar-gap-start\">\n\t\t\t{this.showSearchField && !this.showFullWidthSearch && (\n\t\t\t\t<div class=\"ui5-shellbar-search-field\">\n\t\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchFieldFullWidth(this: ShellBar) {\n\treturn (\n\t\t<div class=\"ui5-shellbar-search-full-width-wrapper\">\n\t\t\t<div class=\"ui5-shellbar-search-full-field\">\n\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-shellbar-cancel-button ui5-shellbar-gap-start\"\n\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\tonClick={this.handleCancelButtonClick}\n\t\t\t>\n\t\t\t\tCancel\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchButton(this: ShellBar) {\n\tconst searchAction = this.getAction(\"search\");\n\treturn (\n\t\t<>\n\t\t\t{!this.hideSearchButton && (\n\t\t\t\t<Button\n\t\t\t\t\tdata-ui5-stable={searchAction?.stableDomRef}\n\t\t\t\t\tclass=\"ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle\"\n\t\t\t\t\ticon={searchAction?.icon}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\tonClick={this.handleSearchButtonClick}\n\t\t\t\t\ttooltip={this.actionsAccessibilityInfo.search.title}\n\t\t\t\t\taccessibilityAttributes={this.actionsAccessibilityInfo.search.accessibilityAttributes}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\n\t);\n}\n\nexport {\n\tShellBarSearchField,\n\tShellBarSearchButton,\n\tShellBarSearchFieldFullWidth,\n};\n"]}

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.28.0-rc.0",
+  "version": "2.29.0-rc.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "2.28.0-rc.0",
+  "version": "2.29.0-rc.0",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
@@ -56,20 +56,20 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.28.0-rc.0",
-    "@ui5/webcomponents-base": "2.28.0-rc.0",
-    "@ui5/webcomponents-icons": "2.28.0-rc.0",
-    "@ui5/webcomponents-theming": "2.28.0-rc.0",
+    "@ui5/webcomponents": "2.29.0-rc.0",
+    "@ui5/webcomponents-base": "2.29.0-rc.0",
+    "@ui5/webcomponents-icons": "2.29.0-rc.0",
+    "@ui5/webcomponents-theming": "2.29.0-rc.0",
     "@zxing/library": "^0.21.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.28.0-rc.0",
+    "@ui5/webcomponents-tools": "2.29.0-rc.0",
     "cypress": "15.18.1",
     "lit": "^2.0.0",
     "vite": "5.4.21",
     "yarn": "^1.22.22"
   },
-  "gitHead": "650422545256f62e673b1ab8dc47996cdaa6b4d2"
+  "gitHead": "ace8be9008be626e7be5bca0e23ace75c045a188"
 }

package/src/NavigationMenuItemTemplate.tsx

@@ -30,7 +30,19 @@ export default function NavigationMenuItemTemplate(this: NavigationMenuItem, hoo
 }
 
 function listItemContent(this: NavigationMenuItem) {
-	return <>{this.text}</>;
+	return (
+		<div class="ui5-navmenu-item-text-tag-container">
+			<span class="ui5-navmenu-item-text">{this.text}</span>
+			{this.hasTag &&
+				<span id={this._tagContainerId} class="ui5-navmenu-item-tag-container" aria-hidden="true">
+					<slot name="tag"></slot>
+				</span>
+			}
+			{this.hasTag &&
+				<span id={this._tagTextId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
+			}
+		</div>
+	);
 }
 
 function iconBegin(this: NavigationMenuItem) {
@@ -48,11 +60,6 @@ function iconBegin(this: NavigationMenuItem) {
 
 function iconEnd(this: NavigationMenuItem) {
 	return (<>
-		{this.hasTag &&
-			<span id={this._tagContainerId} class="ui5-navmenu-item-tag-container">
-				<slot name="tag"></slot>
-			</span>
-		}
 		{this.hasSubmenu &&
 			<Icon
 				part="icon"