@ui5/webcomponents-fiori 2.10.0-rc.2 → 2.10.0-rc.3

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 `:root{--_ui5-v2-10-0-rc-2_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-10-0-rc-2_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-10-0-rc-2_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-10-0-rc-2_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-10-0-rc-2_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-10-0-rc-2_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-10-0-rc-2_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-10-0-rc-2_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-10-0-rc-2_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-10-0-rc-2_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-2_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-10-0-rc-2_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-10-0-rc-2_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-10-0-rc-2_product_switch_item_width: 11.25rem;--_ui5-v2-10-0-rc-2_product_switch_item_height: 7rem;--_ui5-v2-10-0-rc-2_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-2_product_switch_item_outline_offset_positive: .1875rem;--_ui5-v2-10-0-rc-2_product_switch_item_outline_width: .125rem;--_ui5-v2-10-0-rc-2_product_switch_item_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-2_product_switch_item_outline: var(--_ui5-v2-10-0-rc-2_product_switch_item_outline_width) var(--_ui5-v2-10-0-rc-2_product_switch_item_outline_color) dotted;--_ui5-v2-10-0-rc-2_product_switch_item_outline_offset: -.25rem;--_ui5-v2-10-0-rc-2_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-10-0-rc-2_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-10-0-rc-2_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-10-0-rc-2_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-10-0-rc-2_side_navigation_collapsed_width: 3rem;--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_radius: unset;--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-10-0-rc-2_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-10-0-rc-2_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-10-0-rc-2_side_navigation_triangle_display: block;--_ui5-v2-10-0-rc-2_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-10-0-rc-2_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-10-0-rc-2_side_navigation_expand_icon_width: 2rem;--_ui5-v2-10-0-rc-2_side_navigation_hover_border_style_color: none;--_ui5-v2-10-0-rc-2_side_navigation_hover_border_width: 0;--_ui5-v2-10-0-rc-2_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-10-0-rc-2_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-10-0-rc-2_side_navigation_item_border_style_color: none;--_ui5-v2-10-0-rc-2_side_navigation_item_border_width: 0;--_ui5-v2-10-0-rc-2_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-10-0-rc-2_side_navigation_last_item_border_style_color: none;--_ui5-v2-10-0-rc-2_side_navigation_item_border_radius: 0;--_ui5-v2-10-0-rc-2_side_navigation_item_bottom_margin: 0;--_ui5-v2-10-0-rc-2_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-10-0-rc-2_side_navigation_group_icon_width);--_ui5-v2-10-0-rc-2_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-10-0-rc-2_side_navigation_item_transition: none;--_ui5-v2-10-0-rc-2_side_navigation_item_padding_left: .5rem;--_ui5-v2-10-0-rc-2_side_navigation_no_icons_group_padding: 1rem;--_ui5-v2-10-0-rc-2_side_navigation_no_icons_nested_item_padding: 1rem;--_ui5-v2-10-0-rc-2_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-10-0-rc-2_side_navigation_item_focus_border_radius: var(--_ui5-v2-10-0-rc-2_side_navigation_item_border_radius);--_ui5-v2-10-0-rc-2_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-v2-10-0-rc-2_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-v2-10-0-rc-2_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-10-0-rc-2_side_navigation_selected_border_style_color: solid var(--_ui5-v2-10-0-rc-2_side_navigation_selected_item_border_color);--_ui5-v2-10-0-rc-2_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-10-0-rc-2_side_navigation_selected_border_style_color);--_ui5-v2-10-0-rc-2_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-10-0-rc-2_side_navigation_collapsed_selected_item_border_style_color: solid var(--_ui5-v2-10-0-rc-2_side_navigation_selected_item_border_color);--_ui5-v2-10-0-rc-2_side_navigation_collapsed_selected_group_border_color: var(--_ui5-v2-10-0-rc-2_side_navigation_selected_item_border_color);--_ui5-v2-10-0-rc-2_side_navigation_group_expanded_border_width: 0;--_ui5-v2-10-0-rc-2_side_navigation_group_icon_width: var(--_ui5-v2-10-0-rc-2_side_navigation_collapsed_width);--_ui5-v2-10-0-rc-2_side_navigation_group_bottom_border_color: var(--sapList_BorderColor);--_ui5-v2-10-0-rc-2_side_navigation_item_font_family: \"72override\", var(--sapFontFamily);--_ui5-v2-10-0-rc-2_side_navigation_group_padding: .5rem;--_ui5-v2-10-0-rc-2_side_navigation_padding-flexible: 0;--_ui5-v2-10-0-rc-2_side_navigation_padding-fixed: 0;--_ui5-v2-10-0-rc-2_side_navigation_popup_padding: 0;--_ui5-v2-10-0-rc-2_side_navigation_popup_title_line_height: normal;--_ui5-v2-10-0-rc-2_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-10-0-rc-2_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-10-0-rc-2_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-10-0-rc-2_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-10-0-rc-2_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-10-0-rc-2_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-10-0-rc-2_side_navigation_item_collapsed_padding: 0;--_ui5-v2-10-0-rc-2_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-10-0-rc-2_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-10-0-rc-2_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-10-0-rc-2_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-10-0-rc-2_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-10-0-rc-2_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-10-0-rc-2_side_navigation_width: 16rem;--_ui5-v2-10-0-rc-2_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-10-0-rc-2_side_navigation_popover_shadow_color1: var(--sapContent_ShadowColor);--_ui5-v2-10-0-rc-2_side_navigation_popover_shadow_color2: color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);--_ui5-v2-10-0-rc-2_side_navigation_popover_box_shadow:0 0 0 .0625rem var(--_ui5-v2-10-0-rc-2_side_navigation_popover_shadow_color1), 0 1rem 2rem 0 var(--_ui5-v2-10-0-rc-2_side_navigation_popover_shadow_color2);--_ui5-v2-10-0-rc-2_side_navigation_separator_backgound: var(--sapToolbar_SeparatorColor);--_ui5-v2-10-0-rc-2_side_navigation_item_icon_color: var(--sapList_TextColor);--_ui5-v2-10-0-rc-2_side_navigation_icon_size: 1rem;--_ui5-v2-10-0-rc-2_side_navigation_toggle_icon_color: var(--sapList_TextColor);--_ui5-v2-10-0-rc-2_side_navigation_toggle_icon_size: .75rem;--_ui5-v2-10-0-rc-2_side_navigation_collapsed_state_width: 3.5rem;--_ui5-v2-10-0-rc-2_side_navigation_indent_step: 1.5rem;--_ui5-v2-10-0-rc-2_side_navigation_indent_step_in_popover: 0;--_ui5-v2-10-0-rc-2_side_navigation_icon_padding_inline_start: .5rem;--_ui5-v2-10-0-rc-2_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-10-0-rc-2_side_navigation_collapsed_state_divider_padding: var(--_ui5-v2-10-0-rc-2_side_navigation_divider_padding);--_ui5-v2-10-0-rc-2_side_navigation_divider_padding: .3125rem 0;--_ui5-v2-10-0-rc-2_side_navigation_divider_height: .0625rem;--_ui5-v2-10-0-rc-2_side_navigation_divider_margin: .5rem 0;--_ui5-v2-10-0-rc-2_side_navigation_border_inline_end: 0;--_ui5-v2-10-0-rc-2_side_navigation_container_padding: .5rem;--_ui5-v2-10-0-rc-2_side_navigation_container_padding_in_popover: .75rem;--_ui5-v2-10-0-rc-2_side_navigation_item_padding: 0 .5rem;--_ui5-v2-10-0-rc-2_side_navigation_item_gap: .125rem;--_ui5-v2-10-0-rc-2_side_navigation_item_height: 2.5rem;--_ui5-v2-10-0-rc-2_side_navigation_item_level_1_font: \"72override\", var(--sapFontBoldFamily);--_ui5-v2-10-0-rc-2_side_navigation_item_level_1_margin_bottom_in_popover: .75rem;--_ui5-v2-10-0-rc-2_side_navigation_item_selection_indicator_display: initial;--_ui5-v2-10-0-rc-2_side_navigation_item_selection_indicator_reserved_space_has_children: 1.375rem;--_ui5-v2-10-0-rc-2_side_navigation_subitem_selection_indicator_reserved_space_no_children: 1rem;--_ui5-v2-10-0-rc-2_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_style: dotted;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-10-0-rc-2_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-10-0-rc-2_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_content_padding: var(--_ui5-v2-10-0-rc-2_tl_bubble_padding);--_ui5-v2-10-0-rc-2_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_outline_width: .125rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_outline_top: -.1875rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_outline_right: -.1875rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_outline_bottom: -.1875rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_outline_left: -.6875rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-10-0-rc-2_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-10-0-rc-2_upload_collection_drop_overlay_background: transparent;--ui5-v2-10-0-rc-2_upload_collection_thumbnail_size: 3rem;--ui5-v2-10-0-rc-2_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-10-0-rc-2_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-10-0-rc-2_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-10-0-rc-2_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-10-0-rc-2_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-10-0-rc-2_upload_collection_drag_overlay_opacity: .8;--ui5-v2-10-0-rc-2_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-10-0-rc-2_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-10-0-rc-2_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-10-0-rc-2_vsd_header_container: 2.75rem;--_ui5-v2-10-0-rc-2_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-10-0-rc-2_vsd_content_li_padding: .375rem;--_ui5-v2-10-0-rc-2_vsd_content_height: 23.4375rem;--_ui5-v2-10-0-rc-2_vsd_expand_content_height: 26.1875rem;--_ui5-v2-10-0-rc-2_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-10-0-rc-2_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-10-0-rc-2_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-10-0-rc-2_wiz_tab_focus_border_radius: 0;--_ui5-v2-10-0-rc-2_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-2_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-10-0-rc-2_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-10-0-rc-2_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-10-0-rc-2_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-10-0-rc-2_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-10-0-rc-2_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-10-0-rc-2_shellbar_root_height: 2.75rem;--_ui5-v2-10-0-rc-2_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-2_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-10-0-rc-2_shellbar_logo_outline_color);--_ui5-v2-10-0-rc-2_shellbar_outline_offset: -.0625rem;--_ui5-v2-10-0-rc-2_shellbar_logo_outline_offset: var(--_ui5-v2-10-0-rc-2_shellbar_outline_offset);--_ui5-v2-10-0-rc-2_shellbar_button_box_shadow: none;--_ui5-v2-10-0-rc-2_shellbar_button_box_shadow_active: none;--_ui5-v2-10-0-rc-2_shellbar_button_border: none;--_ui5-v2-10-0-rc-2_shellbar_button_border_radius: .25rem;--_ui5-v2-10-0-rc-2_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-10-0-rc-2_shellbar_logo_outline_border_radius: 0;--_ui5-v2-10-0-rc-2_shellbar_search_button_size: 2.25rem;--_ui5-v2-10-0-rc-2_shellbar_search_field_height: 2.25rem;--_ui5-v2-10-0-rc-2_shellbar_search_button_border_radius: .25rem;--_ui5-v2-10-0-rc-2_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-10-0-rc-2_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-10-0-rc-2_shellbar_search_field_box_shadow: none;--_ui5-v2-10-0-rc-2_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-10-0-rc-2_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-2_shellbar_search_field_width: 25rem;--_ui5-v2-10-0-rc-2_shellbar_input_focus_outline_color: inherit;--_ui5-v2-10-0-rc-2_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-10-0-rc-2_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-10-0-rc-2_shellbar_image_button_border_radius: 50%;--_ui5-v2-10-0-rc-2-shellbar-content-margin-start: .5rem;--_ui5-v2-10-0-rc-2-shellbar-overflow-button-margin: .5rem;--_ui5-v2-10-0-rc-2_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-2_dynamic_page_footer_spacer: 4rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-10-0-rc-2_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-10-0-rc-2_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-10-0-rc-2_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-10-0-rc-2_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-10-0-rc-2_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-10-0-rc-2_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-10-0-rc-2_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-10-0-rc-2_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-10-0-rc-2_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-10-0-rc-2_dynamic_page_title_padding_top: .5rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_min_height: 4rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-2_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_content_padding_left: 1rem;--_ui5-v2-10-0-rc-2_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-10-0-rc-2_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-10-0-rc-2_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-10-0-rc-2_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-10-0-rc-2_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-10-0-rc-2_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-background);--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-10-0-rc-2_dynamic_page_header-actions-color);--_ui5-v2-10-0-rc-2_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-10-0-rc-2_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_margin: var(--_ui5-v2-10-0-rc-2_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-10-0-rc-2_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-10-0-rc-2_side_navigation_container_padding: 1.5rem .75rem .75rem .75rem;--_ui5-v2-10-0-rc-2_side_navigation_item_gap: .5rem;--_ui5-v2-10-0-rc-2_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-10-0-rc-2_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-10-0-rc-2_side_navigation_item_expand_icon_hover_right: auto}\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;CACd,CAAA","sourcesContent":["export default `:root{--_ui5-v2-10-0-rc-3_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-10-0-rc-3_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-10-0-rc-3_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-10-0-rc-3_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-10-0-rc-3_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-10-0-rc-3_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-10-0-rc-3_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-10-0-rc-3_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-10-0-rc-3_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-10-0-rc-3_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-3_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-10-0-rc-3_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-10-0-rc-3_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-10-0-rc-3_product_switch_item_width: 11.25rem;--_ui5-v2-10-0-rc-3_product_switch_item_height: 7rem;--_ui5-v2-10-0-rc-3_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-3_product_switch_item_outline_offset_positive: .1875rem;--_ui5-v2-10-0-rc-3_product_switch_item_outline_width: .125rem;--_ui5-v2-10-0-rc-3_product_switch_item_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-3_product_switch_item_outline: var(--_ui5-v2-10-0-rc-3_product_switch_item_outline_width) var(--_ui5-v2-10-0-rc-3_product_switch_item_outline_color) dotted;--_ui5-v2-10-0-rc-3_product_switch_item_outline_offset: -.25rem;--_ui5-v2-10-0-rc-3_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-10-0-rc-3_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-10-0-rc-3_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-10-0-rc-3_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-10-0-rc-3_side_navigation_collapsed_width: 3rem;--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_radius: unset;--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-10-0-rc-3_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-10-0-rc-3_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-10-0-rc-3_side_navigation_triangle_display: block;--_ui5-v2-10-0-rc-3_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-10-0-rc-3_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-10-0-rc-3_side_navigation_expand_icon_width: 2rem;--_ui5-v2-10-0-rc-3_side_navigation_hover_border_style_color: none;--_ui5-v2-10-0-rc-3_side_navigation_hover_border_width: 0;--_ui5-v2-10-0-rc-3_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-10-0-rc-3_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-10-0-rc-3_side_navigation_item_border_style_color: none;--_ui5-v2-10-0-rc-3_side_navigation_item_border_width: 0;--_ui5-v2-10-0-rc-3_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-10-0-rc-3_side_navigation_last_item_border_style_color: none;--_ui5-v2-10-0-rc-3_side_navigation_item_border_radius: 0;--_ui5-v2-10-0-rc-3_side_navigation_item_bottom_margin: 0;--_ui5-v2-10-0-rc-3_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-10-0-rc-3_side_navigation_group_icon_width);--_ui5-v2-10-0-rc-3_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-10-0-rc-3_side_navigation_item_transition: none;--_ui5-v2-10-0-rc-3_side_navigation_item_padding_left: .5rem;--_ui5-v2-10-0-rc-3_side_navigation_no_icons_group_padding: 1rem;--_ui5-v2-10-0-rc-3_side_navigation_no_icons_nested_item_padding: 1rem;--_ui5-v2-10-0-rc-3_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-10-0-rc-3_side_navigation_item_focus_border_radius: var(--_ui5-v2-10-0-rc-3_side_navigation_item_border_radius);--_ui5-v2-10-0-rc-3_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-v2-10-0-rc-3_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-v2-10-0-rc-3_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-10-0-rc-3_side_navigation_selected_border_style_color: solid var(--_ui5-v2-10-0-rc-3_side_navigation_selected_item_border_color);--_ui5-v2-10-0-rc-3_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-10-0-rc-3_side_navigation_selected_border_style_color);--_ui5-v2-10-0-rc-3_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-10-0-rc-3_side_navigation_collapsed_selected_item_border_style_color: solid var(--_ui5-v2-10-0-rc-3_side_navigation_selected_item_border_color);--_ui5-v2-10-0-rc-3_side_navigation_collapsed_selected_group_border_color: var(--_ui5-v2-10-0-rc-3_side_navigation_selected_item_border_color);--_ui5-v2-10-0-rc-3_side_navigation_group_expanded_border_width: 0;--_ui5-v2-10-0-rc-3_side_navigation_group_icon_width: var(--_ui5-v2-10-0-rc-3_side_navigation_collapsed_width);--_ui5-v2-10-0-rc-3_side_navigation_group_bottom_border_color: var(--sapList_BorderColor);--_ui5-v2-10-0-rc-3_side_navigation_item_font_family: \"72override\", var(--sapFontFamily);--_ui5-v2-10-0-rc-3_side_navigation_group_padding: .5rem;--_ui5-v2-10-0-rc-3_side_navigation_padding-flexible: 0;--_ui5-v2-10-0-rc-3_side_navigation_padding-fixed: 0;--_ui5-v2-10-0-rc-3_side_navigation_popup_padding: 0;--_ui5-v2-10-0-rc-3_side_navigation_popup_title_line_height: normal;--_ui5-v2-10-0-rc-3_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-10-0-rc-3_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-10-0-rc-3_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-10-0-rc-3_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-10-0-rc-3_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-10-0-rc-3_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-10-0-rc-3_side_navigation_item_collapsed_padding: 0;--_ui5-v2-10-0-rc-3_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-10-0-rc-3_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-10-0-rc-3_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-10-0-rc-3_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-10-0-rc-3_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-10-0-rc-3_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-10-0-rc-3_side_navigation_width: 16rem;--_ui5-v2-10-0-rc-3_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-10-0-rc-3_side_navigation_popover_shadow_color1: var(--sapContent_ShadowColor);--_ui5-v2-10-0-rc-3_side_navigation_popover_shadow_color2: color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);--_ui5-v2-10-0-rc-3_side_navigation_popover_box_shadow:0 0 0 .0625rem var(--_ui5-v2-10-0-rc-3_side_navigation_popover_shadow_color1), 0 1rem 2rem 0 var(--_ui5-v2-10-0-rc-3_side_navigation_popover_shadow_color2);--_ui5-v2-10-0-rc-3_side_navigation_separator_backgound: var(--sapToolbar_SeparatorColor);--_ui5-v2-10-0-rc-3_side_navigation_item_icon_color: var(--sapList_TextColor);--_ui5-v2-10-0-rc-3_side_navigation_icon_size: 1rem;--_ui5-v2-10-0-rc-3_side_navigation_toggle_icon_color: var(--sapList_TextColor);--_ui5-v2-10-0-rc-3_side_navigation_toggle_icon_size: .75rem;--_ui5-v2-10-0-rc-3_side_navigation_collapsed_state_width: 3.5rem;--_ui5-v2-10-0-rc-3_side_navigation_indent_step: 1.5rem;--_ui5-v2-10-0-rc-3_side_navigation_indent_step_in_popover: 0;--_ui5-v2-10-0-rc-3_side_navigation_icon_padding_inline_start: .5rem;--_ui5-v2-10-0-rc-3_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-10-0-rc-3_side_navigation_collapsed_state_divider_padding: var(--_ui5-v2-10-0-rc-3_side_navigation_divider_padding);--_ui5-v2-10-0-rc-3_side_navigation_divider_padding: .3125rem 0;--_ui5-v2-10-0-rc-3_side_navigation_divider_height: .0625rem;--_ui5-v2-10-0-rc-3_side_navigation_divider_margin: .5rem 0;--_ui5-v2-10-0-rc-3_side_navigation_border_inline_end: 0;--_ui5-v2-10-0-rc-3_side_navigation_container_padding: .5rem;--_ui5-v2-10-0-rc-3_side_navigation_container_padding_in_popover: .75rem;--_ui5-v2-10-0-rc-3_side_navigation_item_padding: 0 .5rem;--_ui5-v2-10-0-rc-3_side_navigation_item_gap: .125rem;--_ui5-v2-10-0-rc-3_side_navigation_item_height: 2.5rem;--_ui5-v2-10-0-rc-3_side_navigation_item_level_1_font: \"72override\", var(--sapFontBoldFamily);--_ui5-v2-10-0-rc-3_side_navigation_item_level_1_margin_bottom_in_popover: .75rem;--_ui5-v2-10-0-rc-3_side_navigation_item_selection_indicator_display: initial;--_ui5-v2-10-0-rc-3_side_navigation_item_selection_indicator_reserved_space_has_children: 1.375rem;--_ui5-v2-10-0-rc-3_side_navigation_subitem_selection_indicator_reserved_space_no_children: 1rem;--_ui5-v2-10-0-rc-3_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_style: dotted;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-10-0-rc-3_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-10-0-rc-3_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_content_padding: var(--_ui5-v2-10-0-rc-3_tl_bubble_padding);--_ui5-v2-10-0-rc-3_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_outline_width: .125rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_outline_top: -.1875rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_outline_right: -.1875rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_outline_bottom: -.1875rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_outline_left: -.6875rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-10-0-rc-3_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-10-0-rc-3_upload_collection_drop_overlay_background: transparent;--ui5-v2-10-0-rc-3_upload_collection_thumbnail_size: 3rem;--ui5-v2-10-0-rc-3_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-10-0-rc-3_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-10-0-rc-3_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-10-0-rc-3_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-10-0-rc-3_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-10-0-rc-3_upload_collection_drag_overlay_opacity: .8;--ui5-v2-10-0-rc-3_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-10-0-rc-3_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-10-0-rc-3_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-10-0-rc-3_vsd_header_container: 2.75rem;--_ui5-v2-10-0-rc-3_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-10-0-rc-3_vsd_content_li_padding: .375rem;--_ui5-v2-10-0-rc-3_vsd_content_height: 23.4375rem;--_ui5-v2-10-0-rc-3_vsd_expand_content_height: 26.1875rem;--_ui5-v2-10-0-rc-3_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-10-0-rc-3_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-10-0-rc-3_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-10-0-rc-3_wiz_tab_focus_border_radius: 0;--_ui5-v2-10-0-rc-3_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-3_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-10-0-rc-3_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-10-0-rc-3_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-10-0-rc-3_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-10-0-rc-3_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-10-0-rc-3_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-10-0-rc-3_shellbar_root_height: 2.75rem;--_ui5-v2-10-0-rc-3_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-3_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-10-0-rc-3_shellbar_logo_outline_color);--_ui5-v2-10-0-rc-3_shellbar_outline_offset: -.0625rem;--_ui5-v2-10-0-rc-3_shellbar_logo_outline_offset: var(--_ui5-v2-10-0-rc-3_shellbar_outline_offset);--_ui5-v2-10-0-rc-3_shellbar_button_box_shadow: none;--_ui5-v2-10-0-rc-3_shellbar_button_box_shadow_active: none;--_ui5-v2-10-0-rc-3_shellbar_button_border: none;--_ui5-v2-10-0-rc-3_shellbar_button_border_radius: .25rem;--_ui5-v2-10-0-rc-3_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-10-0-rc-3_shellbar_logo_outline_border_radius: 0;--_ui5-v2-10-0-rc-3_shellbar_search_button_size: 2.25rem;--_ui5-v2-10-0-rc-3_shellbar_search_field_height: 2.25rem;--_ui5-v2-10-0-rc-3_shellbar_search_button_border_radius: .25rem;--_ui5-v2-10-0-rc-3_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-10-0-rc-3_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-10-0-rc-3_shellbar_search_field_box_shadow: none;--_ui5-v2-10-0-rc-3_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-10-0-rc-3_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-10-0-rc-3_shellbar_search_field_width: 25rem;--_ui5-v2-10-0-rc-3_shellbar_input_focus_outline_color: inherit;--_ui5-v2-10-0-rc-3_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-10-0-rc-3_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-10-0-rc-3_shellbar_image_button_border_radius: 50%;--_ui5-v2-10-0-rc-3-shellbar-content-margin-start: .5rem;--_ui5-v2-10-0-rc-3-shellbar-overflow-button-margin: .5rem;--_ui5-v2-10-0-rc-3_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-3_dynamic_page_footer_spacer: 4rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-10-0-rc-3_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-10-0-rc-3_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-10-0-rc-3_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-10-0-rc-3_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-10-0-rc-3_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-10-0-rc-3_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-10-0-rc-3_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-10-0-rc-3_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-10-0-rc-3_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-10-0-rc-3_dynamic_page_title_padding_top: .5rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_min_height: 4rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-10-0-rc-3_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_content_padding_left: 1rem;--_ui5-v2-10-0-rc-3_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-10-0-rc-3_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-10-0-rc-3_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-10-0-rc-3_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-10-0-rc-3_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-10-0-rc-3_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-background);--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-10-0-rc-3_dynamic_page_header-actions-color);--_ui5-v2-10-0-rc-3_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-10-0-rc-3_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_margin: var(--_ui5-v2-10-0-rc-3_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-10-0-rc-3_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-10-0-rc-3_side_navigation_container_padding: 1.5rem .75rem .75rem .75rem;--_ui5-v2-10-0-rc-3_side_navigation_item_gap: .5rem;--_ui5-v2-10-0-rc-3_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-10-0-rc-3_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-10-0-rc-3_side_navigation_item_expand_icon_hover_right: auto}\n`"]}

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

@@ -444,7 +444,7 @@
     },
     {
       "name": "ui5-search",
-      "description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/fiori/dist/Search.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.",
+      "description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.",
       "attributes": [
         {
           "name": "loading",
@@ -466,11 +466,6 @@
           "description": "Defines whether the clear icon of the search will be shown.",
           "values": []
         },
-        {
-          "name": "collapsed",
-          "description": "Defines whether the component is collapsed.",
-          "values": []
-        },
         {
           "name": "value",
           "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
@@ -487,8 +482,8 @@
           "values": []
         },
         {
-          "name": "search-icon-tooltip",
-          "description": "Defines the tooltip of the search icon component.",
+          "name": "accessible-description",
+          "description": "Defines the accessible ARIA description of the field.",
           "values": []
         }
       ],
@@ -496,7 +491,7 @@
     },
     {
       "name": "ui5-search-item",
-      "description": "### Overview\n\nA `ui5-search-item` is a list item, used for displaying search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/fiori/dist/SearchItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **delete** - Fired when delete button is pressed.",
+      "description": "### Overview\n\nA `ui5-search-item` is a list item, used for displaying search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SearchItem.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **delete** - Fired when delete button is pressed.",
       "attributes": [
         {
           "name": "text",
@@ -649,7 +644,7 @@
         },
         {
           "name": "text",
-          "description": "Defines the item text.\n \n  **Note:** The text is only displayed inside the overflow popover list view.",
+          "description": "Defines the item text.\n\n**Note:** The text is only displayed inside the overflow popover list view.",
           "values": []
         },
         {
@@ -665,6 +660,53 @@
       ],
       "references": []
     },
+    {
+      "name": "ui5-shellbar-search",
+      "description": "Search field for the ShellBar component.\n\n\n---\n\n\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.",
+      "attributes": [
+        {
+          "name": "loading",
+          "description": "Indicates whether a loading indicator should be shown in the popup.",
+          "values": []
+        },
+        {
+          "name": "no-typeahead",
+          "description": "Defines whether the value will be autcompleted to match an item.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Indicates whether the items picker is open.",
+          "values": []
+        },
+        {
+          "name": "show-clear-icon",
+          "description": "Defines whether the clear icon of the search will be shown.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-description",
+          "description": "Defines the accessible ARIA description of the field.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "ui5-shellbar-spacer",
       "description": "### Overview\nThe `ui5-shellbar-spacer` is an element, used for visual separation between the two content parts of the `ui5-shellbar`.\n**Note:** The `ui5-shellbar-spacer` component is in an experimental state and is a subject to change.\n\n\n---\n\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.10.0-rc.2",
+  "version": "2.10.0-rc.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1157,7 +1157,7 @@
         },
         {
           "name": "ui5-search",
-          "description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/fiori/dist/Search.js\";`\n---\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.",
+          "description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`\n---\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.",
           "doc-url": "",
           "attributes": [
             {
@@ -1180,11 +1180,6 @@
               "description": "Defines whether the clear icon of the search will be shown.",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "collapsed",
-              "description": "Defines whether the component is collapsed.",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "value",
               "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
@@ -1201,8 +1196,8 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
-              "name": "search-icon-tooltip",
-              "description": "Defines the tooltip of the search icon component.",
+              "name": "accessible-description",
+              "description": "Defines the accessible ARIA description of the field.",
               "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
@@ -1272,11 +1267,6 @@
                 "description": "Defines whether the clear icon of the search will be shown.",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "collapsed",
-                "description": "Defines whether the component is collapsed.",
-                "value": { "type": "boolean" }
-              },
               {
                 "name": "value",
                 "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
@@ -1293,8 +1283,8 @@
                 "value": { "type": "string | undefined" }
               },
               {
-                "name": "search-icon-tooltip",
-                "description": "Defines the tooltip of the search icon component.",
+                "name": "accessible-description",
+                "description": "Defines the accessible ARIA description of the field.",
                 "value": { "type": "string | undefined" }
               }
             ],
@@ -1324,7 +1314,7 @@
         },
         {
           "name": "ui5-search-item",
-          "description": "### Overview\n\nA `ui5-search-item` is a list item, used for displaying search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/fiori/dist/SearchItem.js\";`\n---\n\n\n### **Events:**\n - **delete** - Fired when delete button is pressed.",
+          "description": "### Overview\n\nA `ui5-search-item` is a list item, used for displaying search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/SearchItem.js\";`\n---\n\n\n### **Events:**\n - **delete** - Fired when delete button is pressed.",
           "doc-url": "",
           "attributes": [
             {
@@ -1727,7 +1717,7 @@
             },
             {
               "name": "text",
-              "description": "Defines the item text.\n \n  **Note:** The text is only displayed inside the overflow popover list view.",
+              "description": "Defines the item text.\n\n**Note:** The text is only displayed inside the overflow popover list view.",
               "value": { "type": "string | undefined", "default": "undefined" }
             },
             {
@@ -1759,7 +1749,7 @@
               },
               {
                 "name": "text",
-                "description": "Defines the item text.\n \n  **Note:** The text is only displayed inside the overflow popover list view.",
+                "description": "Defines the item text.\n\n**Note:** The text is only displayed inside the overflow popover list view.",
                 "value": { "type": "string | undefined" }
               },
               {
@@ -1781,6 +1771,163 @@
             ]
           }
         },
+        {
+          "name": "ui5-shellbar-search",
+          "description": "Search field for the ShellBar component.\n---\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "loading",
+              "description": "Indicates whether a loading indicator should be shown in the popup.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "no-typeahead",
+              "description": "Defines whether the value will be autcompleted to match an item.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "open",
+              "description": "Indicates whether the items picker is open.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "show-clear-icon",
+              "description": "Defines whether the clear icon of the search will be shown.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
+              "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible ARIA name of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-description",
+              "description": "Defines the accessible ARIA description of the field.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the Search suggestion items."
+            },
+            {
+              "name": "action",
+              "description": "Defines the popup footer action button."
+            },
+            {
+              "name": "illustration",
+              "description": "Defines the illustrated message to be shown in the popup."
+            },
+            {
+              "name": "messageArea",
+              "description": "Defines the illustrated message to be shown in the popup."
+            },
+            {
+              "name": "scopes",
+              "description": "Defines the component scope options."
+            }
+          ],
+          "events": [
+            {
+              "name": "open",
+              "description": "Fired when the popup is opened."
+            },
+            {
+              "name": "close",
+              "description": "Fired when the popup is closed."
+            },
+            {
+              "name": "input",
+              "description": "Fired when typing in input or clear icon is pressed."
+            },
+            {
+              "name": "scope-change",
+              "description": "Fired when the scope has changed."
+            },
+            {
+              "name": "search",
+              "description": "Fired when the user has triggered search with Enter key or Search Button press."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "loading",
+                "description": "Indicates whether a loading indicator should be shown in the popup.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "no-typeahead",
+                "description": "Defines whether the value will be autcompleted to match an item.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether the items picker is open.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "show-clear-icon",
+                "description": "Defines whether the clear icon of the search will be shown.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "value",
+                "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "placeholder",
+                "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible ARIA name of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-description",
+                "description": "Defines the accessible ARIA description of the field.",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": [
+              {
+                "name": "open",
+                "description": "Fired when the popup is opened."
+              },
+              {
+                "name": "close",
+                "description": "Fired when the popup is closed."
+              },
+              {
+                "name": "input",
+                "description": "Fired when typing in input or clear icon is pressed."
+              },
+              {
+                "name": "scope-change",
+                "description": "Fired when the scope has changed."
+              },
+              {
+                "name": "search",
+                "description": "Fired when the user has triggered search with Enter key or Search Button press."
+              }
+            ]
+          }
+        },
         {
           "name": "ui5-shellbar-spacer",
           "description": "### Overview\nThe `ui5-shellbar-spacer` is an element, used for visual separation between the two content parts of the `ui5-shellbar`.\n**Note:** The `ui5-shellbar-spacer` component is in an experimental state and is a subject to change.\n---\n",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "2.10.0-rc.2",
+  "version": "2.10.0-rc.3",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
@@ -54,17 +54,17 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.10.0-rc.2",
-    "@ui5/webcomponents-base": "2.10.0-rc.2",
-    "@ui5/webcomponents-icons": "2.10.0-rc.2",
-    "@ui5/webcomponents-theming": "2.10.0-rc.2",
+    "@ui5/webcomponents": "2.10.0-rc.3",
+    "@ui5/webcomponents-base": "2.10.0-rc.3",
+    "@ui5/webcomponents-icons": "2.10.0-rc.3",
+    "@ui5/webcomponents-theming": "2.10.0-rc.3",
     "@zxing/library": "^0.21.3"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.10.0-rc.2",
+    "@ui5/webcomponents-tools": "2.10.0-rc.3",
     "chromedriver": "^135.0.0",
     "lit": "^2.0.0"
   },
-  "gitHead": "b898559a591c2febe8dbd0cb99a15c88eac293b2"
+  "gitHead": "930bdc688d96e3bacf4b3d77d7e1d5388c90be41"
 }

package/src/SearchFieldTemplate.tsx

@@ -7,9 +7,16 @@ import decline from "@ui5/webcomponents-icons/dist/decline.js";
 import search from "@ui5/webcomponents-icons/dist/search.js";
 import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
 
-export default function SearchFieldTemplate(this: SearchField) {
+export type SearchFieldTemplateOptions = {
+	/**
+	 * If set to true, the search field will be expanded.
+	 */
+	forceExpanded?: boolean;
+};
+
+export default function SearchFieldTemplate(this: SearchField, options?: SearchFieldTemplateOptions) {
 	return (
-		this.collapsed ? (
+		!options?.forceExpanded && this.collapsed ? (
 			<Button
 				class="ui5-shell-search-field-button"
 				icon={search}
@@ -46,7 +53,8 @@ export default function SearchFieldTemplate(this: SearchField) {
 					<input
 						class="ui5-search-field-inner-input"
 						role="searchbox"
-						aria-label={this.accessibleName}
+						aria-description={this.accessibleDescription}
+						aria-label={this.accessibleName || this._translations.searchFieldAriaLabel}
 						value={this.value}
 						placeholder={this.placeholder}
 						data-sap-focus-ref

package/src/SearchPopoverTemplate.tsx

@@ -12,8 +12,9 @@ import InputKeyHint from "@ui5/webcomponents/dist/types/InputKeyHint.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
 import ListAccessibleRole from "@ui5/webcomponents/dist/types/ListAccessibleRole.js";
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
 
-export default function SearchPopoverTemplate(this: Search) {
+export default function SearchPopoverTemplate(this: Search, headerTemplate?: JsxTemplate) {
 	return (
 		<ResponsivePopover
 			hideArrow={true}
@@ -34,7 +35,7 @@ export default function SearchPopoverTemplate(this: Search) {
 			}}
 		>
 
-			{isPhone() ? (
+			{isPhone() ? (headerTemplate ? headerTemplate.call(this) : (
 				<>
 					<header slot="header" class="ui5-search-popup-searching-header">
 						<Input class="ui5-search-popover-search-field" onInput={this._handleMobileInput} showClearIcon={this.showClearIcon} noTypeahead={this.noTypeahead} hint={InputKeyHint.Search} onKeyDown={this._onMobileInputKeydown}>
@@ -45,7 +46,7 @@ export default function SearchPopoverTemplate(this: Search) {
 						<Button design={ButtonDesign.Transparent} onClick={this._handleCancel}>{this.cancelButtonText}</Button>
 					</header>
 				</>
-			) : null }
+			)) : null }
 
 			<main class="ui5-search-popover-content">
 				<slot name="messageArea"></slot>

package/src/ShellBarSearchPopoverTemplate.tsx

@@ -0,0 +1,24 @@
+import Button from "@ui5/webcomponents/dist/Button.js";
+import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
+import type ShellBarSearch from "./ShellBarSearch.js";
+import SearchPopoverTemplate from "./SearchPopoverTemplate.js";
+import SearchFieldTemplate from "./SearchFieldTemplate.js";
+
+export default function ShellBarSearchPopoverTemplate(this: ShellBarSearch) {
+	return (
+		SearchPopoverTemplate.call(this, ShellBarSearchDialogHeader)
+	);
+}
+
+function ShellBarSearchDialogHeader(this: ShellBarSearch) {
+	return (<>
+		<header slot="header" class="ui5-search-popup-searching-header">
+
+			<div class="ui5-shellbar-search-field-wrapper">
+				{ SearchFieldTemplate.call(this, { forceExpanded: true }) }
+			</div>
+
+			<Button design={ButtonDesign.Transparent} onClick={this._handleCancel}>{this.cancelButtonText}</Button>
+		</header>
+	</>);
+}

package/src/ShellBarSearchTemplate.tsx

@@ -0,0 +1,12 @@
+import SearchFieldTemplate from "./SearchFieldTemplate.js";
+import type ShellBarSearch from "./ShellBarSearch.js";
+import ShellBarSearchPopoverTemplate from "./ShellBarSearchPopoverTemplate.js";
+
+export default function ShellBarSearchTemplate(this: ShellBarSearch) {
+	return (
+		<>
+			{ SearchFieldTemplate.call(this) }
+			{ ShellBarSearchPopoverTemplate.call(this) }
+		</>
+	);
+}

package/src/SideNavigationGroupTemplate.tsx

@@ -30,7 +30,6 @@ function TreeItemTemplate(this: SideNavigationGroup) {
 				onFocusIn={this._onfocusin}
 				tabIndex={this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined}
 				aria-expanded={this._expanded}
-				aria-description={this.accDescription}
 				title={this._tooltip}
 				aria-owns={this._groupId}
 			>

package/src/i18n/messagebundle.properties

@@ -459,12 +459,21 @@ DSC_SIDE_ARIA_LABEL=Side Content
 #XACT: ARIA label for search field scope select
 SEARCH_FIELD_SCOPE_SELECT_LABEL=Select scope
 
+#XACT: ARIA label for search field
+SEARCH_FIELD_LABEL=Search field
+
 #XACT: ARIA announcement for search field clear icon
 SEARCH_FIELD_CLEAR_ICON=Clear search
 
 #XACT: ARIA announcement for search field search icon
 SEARCH_FIELD_SEARCH_ICON=Search
 
+#XACT: ARIA announcement for search field collapsed search button
+SHELLBAR_SEARCH_COLLAPSED=Open Search
+
+#XACT: ARIA announcement for search field expanded search button
+SHELLBAR_SEARCH_EXPANDED=Collapse Search
+
 #XBUT: ARIA announcement for search cancel button on mobile devices
 SEARCH_CANCEL_BUTTON=Cancel
 
@@ -489,9 +498,6 @@ SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC=Navigation List Tree Item
 #XTXT: Accessible name for the Side Navigation overflow item
 SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
 
-#XTXT: Accessible name for the Group Header
-SIDE_NAVIGATION_GROUP_HEADER_DESC=Group Header
-
 #XTXT
 SIDE_NAVIGATION_ICON_COLLAPSE=Colapse
 

package/src/themes/DynamicPage.css

@@ -12,7 +12,7 @@
 }
 
 .ui5-dynamic-page-root {
-    container-type: size;
+    container-type: inline-size;
     height: inherit;
     overflow-y: hidden;
 }