@ui5/webcomponents-fiori 2.16.0-rc.2 → 2.16.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-16-0-rc-2_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-16-0-rc-2_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-16-0-rc-2_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-16-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-16-0-rc-2_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-16-0-rc-2_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-16-0-rc-2_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-16-0-rc-2_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-16-0-rc-2_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-16-0-rc-2_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-2_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-16-0-rc-2_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-16-0-rc-2_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-16-0-rc-2_product_switch_item_width: 11.25rem;--_ui5-v2-16-0-rc-2_product_switch_item_height: 7rem;--_ui5-v2-16-0-rc-2_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-16-0-rc-2_product_switch_item_outline_offset: -.25rem;--_ui5-v2-16-0-rc-2_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-16-0-rc-2_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-16-0-rc-2_side_navigation_collapsed_width: 3rem;--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_radius: unset;--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-16-0-rc-2_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-16-0-rc-2_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-16-0-rc-2_side_navigation_triangle_display: block;--_ui5-v2-16-0-rc-2_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-16-0-rc-2_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-16-0-rc-2_side_navigation_expand_icon_width: 2rem;--_ui5-v2-16-0-rc-2_side_navigation_hover_border_style_color: none;--_ui5-v2-16-0-rc-2_side_navigation_hover_border_width: 0;--_ui5-v2-16-0-rc-2_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-16-0-rc-2_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-16-0-rc-2_side_navigation_item_border_style_color: none;--_ui5-v2-16-0-rc-2_side_navigation_item_border_width: 0;--_ui5-v2-16-0-rc-2_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-16-0-rc-2_side_navigation_item_border_radius: 0;--_ui5-v2-16-0-rc-2_side_navigation_item_bottom_margin: 0;--_ui5-v2-16-0-rc-2_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-16-0-rc-2_side_navigation_group_icon_width);--_ui5-v2-16-0-rc-2_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-16-0-rc-2_side_navigation_item_transition: none;--_ui5-v2-16-0-rc-2_side_navigation_item_padding_left: .5rem;--_ui5-v2-16-0-rc-2_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-16-0-rc-2_side_navigation_item_focus_border_radius: var(--_ui5-v2-16-0-rc-2_side_navigation_item_border_radius);--_ui5-v2-16-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-16-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-16-0-rc-2_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-16-0-rc-2_side_navigation_selected_border_style_color: solid var(--_ui5-v2-16-0-rc-2_side_navigation_selected_item_border_color);--_ui5-v2-16-0-rc-2_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-16-0-rc-2_side_navigation_selected_border_style_color);--_ui5-v2-16-0-rc-2_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-16-0-rc-2_side_navigation_group_expanded_border_width: 0;--_ui5-v2-16-0-rc-2_side_navigation_group_icon_width: var(--_ui5-v2-16-0-rc-2_side_navigation_collapsed_width);--_ui5-v2-16-0-rc-2_side_navigation_item_font_family: var(--sapFontFamily);--_ui5-v2-16-0-rc-2_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5-v2-16-0-rc-2_side_navigation_group_padding: .5rem;--_ui5-v2-16-0-rc-2_side_navigation_padding-flexible: 0;--_ui5-v2-16-0-rc-2_side_navigation_padding-fixed: 0;--_ui5-v2-16-0-rc-2_side_navigation_popup_padding: 0;--_ui5-v2-16-0-rc-2_side_navigation_popup_title_line_height: normal;--_ui5-v2-16-0-rc-2_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-16-0-rc-2_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-16-0-rc-2_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-16-0-rc-2_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-16-0-rc-2_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-16-0-rc-2_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-16-0-rc-2_side_navigation_item_collapsed_padding: 0;--_ui5-v2-16-0-rc-2_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-16-0-rc-2_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-16-0-rc-2_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-16-0-rc-2_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-16-0-rc-2_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-16-0-rc-2_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-16-0-rc-2_side_navigation_width: 16rem;--_ui5-v2-16-0-rc-2_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-16-0-rc-2_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-16-0-rc-2_side_navigation_item_height: 2.5rem;--_ui5-v2-16-0-rc-2_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_style: dotted;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-16-0-rc-2_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-16-0-rc-2_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_content_padding: var(--_ui5-v2-16-0-rc-2_tl_bubble_padding);--_ui5-v2-16-0-rc-2_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-16-0-rc-2_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-16-0-rc-2_upload_collection_drop_overlay_background: transparent;--ui5-v2-16-0-rc-2_upload_collection_thumbnail_size: 3rem;--ui5-v2-16-0-rc-2_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-16-0-rc-2_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-16-0-rc-2_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-16-0-rc-2_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-16-0-rc-2_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-16-0-rc-2_upload_collection_drag_overlay_opacity: .8;--ui5-v2-16-0-rc-2_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-16-0-rc-2_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-16-0-rc-2_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-16-0-rc-2_vsd_header_container: 2.75rem;--_ui5-v2-16-0-rc-2_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-16-0-rc-2_vsd_content_li_padding: .375rem;--_ui5-v2-16-0-rc-2_vsd_content_height: 23.4375rem;--_ui5-v2-16-0-rc-2_vsd_expand_content_height: 26.1875rem;--_ui5-v2-16-0-rc-2_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-16-0-rc-2_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-16-0-rc-2_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-16-0-rc-2_wiz_tab_focus_border_radius: 0;--_ui5-v2-16-0-rc-2_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-2_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-16-0-rc-2_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-16-0-rc-2_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-16-0-rc-2_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-16-0-rc-2_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-16-0-rc-2_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-16-0-rc-2_shellbar_root_height: 2.75rem;--_ui5-v2-16-0-rc-2_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-16-0-rc-2_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-16-0-rc-2_shellbar_logo_outline_color);--_ui5-v2-16-0-rc-2_shellbar_outline_offset: -.0625rem;--_ui5-v2-16-0-rc-2_shellbar_button_box_shadow: none;--_ui5-v2-16-0-rc-2_shellbar_button_box_shadow_active: none;--_ui5-v2-16-0-rc-2_shellbar_button_border: none;--_ui5-v2-16-0-rc-2_shellbar_button_border_radius: .25rem;--_ui5-v2-16-0-rc-2_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_box_shadow: none;--_ui5-v2-16-0-rc-2_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-16-0-rc-2_shellbar_search_field_width: 25rem;--_ui5-v2-16-0-rc-2_shellbar_input_focus_outline_color: inherit;--_ui5-v2-16-0-rc-2_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-16-0-rc-2_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-16-0-rc-2_shellbar_image_button_border_radius: 50%;--_ui5-v2-16-0-rc-2-shellbar-content-margin-start: .5rem;--_ui5-v2-16-0-rc-2-shellbar-overflow-button-margin: .5rem;--_ui5-v2-16-0-rc-2-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-v2-16-0-rc-2-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-v2-16-0-rc-2_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-2_dynamic_page_footer_spacer: 4rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-16-0-rc-2_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-16-0-rc-2_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-16-0-rc-2_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-16-0-rc-2_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-16-0-rc-2_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-16-0-rc-2_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-16-0-rc-2_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-16-0-rc-2_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-16-0-rc-2_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-16-0-rc-2_dynamic_page_title_padding_top: .5rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_min_height: 4rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-2_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-16-0-rc-2_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-16-0-rc-2_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-16-0-rc-2_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-16-0-rc-2_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-16-0-rc-2_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-16-0-rc-2_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-background);--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-16-0-rc-2_dynamic_page_header-actions-color);--_ui5-v2-16-0-rc-2_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-16-0-rc-2_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_margin: var(--_ui5-v2-16-0-rc-2_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-16-0-rc-2_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-16-0-rc-2_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-16-0-rc-2_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-16-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-16-0-rc-3_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-16-0-rc-3_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-16-0-rc-3_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-16-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-16-0-rc-3_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-16-0-rc-3_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-16-0-rc-3_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-16-0-rc-3_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-16-0-rc-3_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-16-0-rc-3_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-3_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-16-0-rc-3_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-16-0-rc-3_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-16-0-rc-3_product_switch_item_width: 11.25rem;--_ui5-v2-16-0-rc-3_product_switch_item_height: 7rem;--_ui5-v2-16-0-rc-3_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-16-0-rc-3_product_switch_item_outline_offset: -.25rem;--_ui5-v2-16-0-rc-3_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-16-0-rc-3_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-16-0-rc-3_side_navigation_collapsed_width: 3rem;--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_radius: unset;--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-16-0-rc-3_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-16-0-rc-3_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-16-0-rc-3_side_navigation_triangle_display: block;--_ui5-v2-16-0-rc-3_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-16-0-rc-3_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-16-0-rc-3_side_navigation_expand_icon_width: 2rem;--_ui5-v2-16-0-rc-3_side_navigation_hover_border_style_color: none;--_ui5-v2-16-0-rc-3_side_navigation_hover_border_width: 0;--_ui5-v2-16-0-rc-3_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-16-0-rc-3_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-16-0-rc-3_side_navigation_item_border_style_color: none;--_ui5-v2-16-0-rc-3_side_navigation_item_border_width: 0;--_ui5-v2-16-0-rc-3_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-16-0-rc-3_side_navigation_item_border_radius: 0;--_ui5-v2-16-0-rc-3_side_navigation_item_bottom_margin: 0;--_ui5-v2-16-0-rc-3_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-16-0-rc-3_side_navigation_group_icon_width);--_ui5-v2-16-0-rc-3_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-16-0-rc-3_side_navigation_item_transition: none;--_ui5-v2-16-0-rc-3_side_navigation_item_padding_left: .5rem;--_ui5-v2-16-0-rc-3_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-16-0-rc-3_side_navigation_item_focus_border_radius: var(--_ui5-v2-16-0-rc-3_side_navigation_item_border_radius);--_ui5-v2-16-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-16-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-16-0-rc-3_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-16-0-rc-3_side_navigation_selected_border_style_color: solid var(--_ui5-v2-16-0-rc-3_side_navigation_selected_item_border_color);--_ui5-v2-16-0-rc-3_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-16-0-rc-3_side_navigation_selected_border_style_color);--_ui5-v2-16-0-rc-3_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-16-0-rc-3_side_navigation_group_expanded_border_width: 0;--_ui5-v2-16-0-rc-3_side_navigation_group_icon_width: var(--_ui5-v2-16-0-rc-3_side_navigation_collapsed_width);--_ui5-v2-16-0-rc-3_side_navigation_item_font_family: var(--sapFontFamily);--_ui5-v2-16-0-rc-3_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5-v2-16-0-rc-3_side_navigation_group_padding: .5rem;--_ui5-v2-16-0-rc-3_side_navigation_padding-flexible: 0;--_ui5-v2-16-0-rc-3_side_navigation_padding-fixed: 0;--_ui5-v2-16-0-rc-3_side_navigation_popup_padding: 0;--_ui5-v2-16-0-rc-3_side_navigation_popup_title_line_height: normal;--_ui5-v2-16-0-rc-3_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-16-0-rc-3_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-16-0-rc-3_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-16-0-rc-3_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-16-0-rc-3_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-16-0-rc-3_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-16-0-rc-3_side_navigation_item_collapsed_padding: 0;--_ui5-v2-16-0-rc-3_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-16-0-rc-3_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-16-0-rc-3_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-16-0-rc-3_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-16-0-rc-3_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-16-0-rc-3_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-16-0-rc-3_side_navigation_width: 16rem;--_ui5-v2-16-0-rc-3_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-16-0-rc-3_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-16-0-rc-3_side_navigation_item_height: 2.5rem;--_ui5-v2-16-0-rc-3_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_style: dotted;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-16-0-rc-3_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-16-0-rc-3_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_content_padding: var(--_ui5-v2-16-0-rc-3_tl_bubble_padding);--_ui5-v2-16-0-rc-3_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-16-0-rc-3_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-16-0-rc-3_upload_collection_drop_overlay_background: transparent;--ui5-v2-16-0-rc-3_upload_collection_thumbnail_size: 3rem;--ui5-v2-16-0-rc-3_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-16-0-rc-3_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-16-0-rc-3_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-16-0-rc-3_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-16-0-rc-3_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-16-0-rc-3_upload_collection_drag_overlay_opacity: .8;--ui5-v2-16-0-rc-3_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-16-0-rc-3_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-16-0-rc-3_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-16-0-rc-3_vsd_header_container: 2.75rem;--_ui5-v2-16-0-rc-3_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-16-0-rc-3_vsd_content_li_padding: .375rem;--_ui5-v2-16-0-rc-3_vsd_content_height: 23.4375rem;--_ui5-v2-16-0-rc-3_vsd_expand_content_height: 26.1875rem;--_ui5-v2-16-0-rc-3_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-16-0-rc-3_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-16-0-rc-3_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-16-0-rc-3_wiz_tab_focus_border_radius: 0;--_ui5-v2-16-0-rc-3_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-3_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-16-0-rc-3_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-16-0-rc-3_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-16-0-rc-3_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-16-0-rc-3_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-16-0-rc-3_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-16-0-rc-3_shellbar_root_height: 2.75rem;--_ui5-v2-16-0-rc-3_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-16-0-rc-3_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-16-0-rc-3_shellbar_logo_outline_color);--_ui5-v2-16-0-rc-3_shellbar_outline_offset: -.0625rem;--_ui5-v2-16-0-rc-3_shellbar_button_box_shadow: none;--_ui5-v2-16-0-rc-3_shellbar_button_box_shadow_active: none;--_ui5-v2-16-0-rc-3_shellbar_button_border: none;--_ui5-v2-16-0-rc-3_shellbar_button_border_radius: .25rem;--_ui5-v2-16-0-rc-3_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_box_shadow: none;--_ui5-v2-16-0-rc-3_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-16-0-rc-3_shellbar_search_field_width: 25rem;--_ui5-v2-16-0-rc-3_shellbar_input_focus_outline_color: inherit;--_ui5-v2-16-0-rc-3_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-16-0-rc-3_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-16-0-rc-3_shellbar_image_button_border_radius: 50%;--_ui5-v2-16-0-rc-3-shellbar-content-margin-start: .5rem;--_ui5-v2-16-0-rc-3-shellbar-overflow-button-margin: .5rem;--_ui5-v2-16-0-rc-3-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-v2-16-0-rc-3-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-v2-16-0-rc-3_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-3_dynamic_page_footer_spacer: 4rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-16-0-rc-3_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-16-0-rc-3_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-16-0-rc-3_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-16-0-rc-3_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-16-0-rc-3_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-16-0-rc-3_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-16-0-rc-3_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-16-0-rc-3_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-16-0-rc-3_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-16-0-rc-3_dynamic_page_title_padding_top: .5rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_min_height: 4rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-16-0-rc-3_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-16-0-rc-3_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-16-0-rc-3_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-16-0-rc-3_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-16-0-rc-3_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-16-0-rc-3_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-16-0-rc-3_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-background);--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-16-0-rc-3_dynamic_page_header-actions-color);--_ui5-v2-16-0-rc-3_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-16-0-rc-3_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_margin: var(--_ui5-v2-16-0-rc-3_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-16-0-rc-3_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-16-0-rc-3_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-16-0-rc-3_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-16-0-rc-3_side_navigation_item_expand_icon_hover_right: auto}\n`"]}

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

@@ -141,7 +141,7 @@
     },
     {
       "name": "ui5-flexible-column-layout",
-      "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused,  the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **layout-change** - Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing.\n\n### **Slots:**\n - **startColumn** - Defines the content in the start column.\n- **midColumn** - Defines the content in the middle column.\n- **endColumn** - Defines the content in the end column.",
+      "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused,  the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **layout-change** - Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing.\n- **layout-configuration-change** - Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.\n\n### **Slots:**\n - **startColumn** - Defines the content in the start column.\n- **midColumn** - Defines the content in the middle column.\n- **endColumn** - Defines the content in the end column.",
       "attributes": [
         {
           "name": "layout",
@@ -170,6 +170,11 @@
           "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
           "values": [{ "name": "FCLAccessibilityAttributes" }]
         },
+        {
+          "name": "layouts-configuration",
+          "description": "Allows to customize the column proportions per screen size and layout.\nIf no custom proportion provided for a specific layout, the default will be used.\n\n**Notes:**\n\n- The proportions should be given in percentages. For example [\"30%\", \"40%\", \"30%\"], [\"70%\", \"30%\", 0], etc.\n- The proportions should add up to 100%.\n- Hidden columns are marked as \"0px\", e.g. [\"0px\", \"70%\", \"30%\"]. Specifying 0 or \"0%\" for hidden columns is also valid.\n- If the proportions do not match the layout (e.g. if provided proportions [\"70%\", \"30%\", \"0px\"] for \"OneColumn\" layout), then the default proportions will be used instead.\n- Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).\n- No custom configuration available for the phone screen size, as the default of 100% column width is always used there.",
+          "values": [{ "name": "LayoutConfiguration" }]
+        },
         {
           "name": "column-layout",
           "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
@@ -517,7 +522,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.\n\n### **Slots:**\n - **image** - **Note:** While the slot allows the option of setting a custom avatar, to comply with the\ndesign guidelines, use the `ui5-avatar` with size - XS.",
+      "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.\n\n### **Slots:**\n - **image** - **Note:** While the slot allows the option of setting a custom avatar, to comply with the\ndesign guidelines, use the `ui5-avatar` with size - XS.\n- **actions** - Defines the actionable elements.\nThis slot allows placing additional interactive elements (such as buttons, icons, or tags)\nnext to the delete button, providing flexible customization for various user actions.\n\n**Note:** While the slot is flexible, for consistency with design guidelines,\nit's recommended to use `ui5-button` with `Transparent` design or `ui5-icon` elements.",
       "attributes": [
         {
           "name": "text",

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.16.0-rc.2",
+  "version": "2.16.0-rc.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -401,7 +401,7 @@
         },
         {
           "name": "ui5-flexible-column-layout",
-          "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused,  the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";`\n---\n\n\n### **Events:**\n - **layout-change** - Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing.\n\n### **Slots:**\n - **startColumn** - Defines the content in the start column.\n- **midColumn** - Defines the content in the middle column.\n- **endColumn** - Defines the content in the end column.",
+          "description": "### Overview\n\nThe `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n\n### Usage\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n### Responsive Behavior\n\nThe `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n**Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n\n### Keyboard Handling\n\n#### Basic Navigation\n\nWhen a column separator is focused,  the following keyboard\nshortcuts allow the user to resize the columns and change the layout:\n\n- [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n- [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n- [Home] - Moves the separator to the start position.\n- [End] - Moves the separator to the end position.\n- This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";`\n---\n\n\n### **Events:**\n - **layout-change** - Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing.\n- **layout-configuration-change** - Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.\n\n### **Slots:**\n - **startColumn** - Defines the content in the start column.\n- **midColumn** - Defines the content in the middle column.\n- **endColumn** - Defines the content in the end column.",
           "doc-url": "",
           "attributes": [
             {
@@ -422,6 +422,11 @@
               "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
               "value": { "type": "FCLAccessibilityAttributes", "default": "{}" }
             },
+            {
+              "name": "layouts-configuration",
+              "description": "Allows to customize the column proportions per screen size and layout.\nIf no custom proportion provided for a specific layout, the default will be used.\n\n**Notes:**\n\n- The proportions should be given in percentages. For example [\"30%\", \"40%\", \"30%\"], [\"70%\", \"30%\", 0], etc.\n- The proportions should add up to 100%.\n- Hidden columns are marked as \"0px\", e.g. [\"0px\", \"70%\", \"30%\"]. Specifying 0 or \"0%\" for hidden columns is also valid.\n- If the proportions do not match the layout (e.g. if provided proportions [\"70%\", \"30%\", \"0px\"] for \"OneColumn\" layout), then the default proportions will be used instead.\n- Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).\n- No custom configuration available for the phone screen size, as the default of 100% column width is always used there.",
+              "value": { "type": "LayoutConfiguration", "default": "{}" }
+            },
             {
               "name": "column-layout",
               "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
@@ -466,6 +471,10 @@
             {
               "name": "layout-change",
               "description": "Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing."
+            },
+            {
+              "name": "layout-configuration-change",
+              "description": "Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators."
             }
           ],
           "js": {
@@ -487,6 +496,11 @@
                 "description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **startColumn**: `startColumn.role` and `startColumn.name`.\n - **midColumn**: `midColumn.role` and `midColumn.name`.\n - **endColumn**: `endColumn.role` and `endColumn.name`.\n - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
                 "value": { "type": "FCLAccessibilityAttributes" }
               },
+              {
+                "name": "layouts-configuration",
+                "description": "Allows to customize the column proportions per screen size and layout.\nIf no custom proportion provided for a specific layout, the default will be used.\n\n**Notes:**\n\n- The proportions should be given in percentages. For example [\"30%\", \"40%\", \"30%\"], [\"70%\", \"30%\", 0], etc.\n- The proportions should add up to 100%.\n- Hidden columns are marked as \"0px\", e.g. [\"0px\", \"70%\", \"30%\"]. Specifying 0 or \"0%\" for hidden columns is also valid.\n- If the proportions do not match the layout (e.g. if provided proportions [\"70%\", \"30%\", \"0px\"] for \"OneColumn\" layout), then the default proportions will be used instead.\n- Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).\n- No custom configuration available for the phone screen size, as the default of 100% column width is always used there.",
+                "value": { "type": "LayoutConfiguration" }
+              },
               {
                 "name": "column-layout",
                 "description": "Returns the current column layout, based on both the `layout` property and the screen size.\n\n**For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
@@ -517,6 +531,10 @@
               {
                 "name": "layout-change",
                 "description": "Fired when the layout changes via user interaction by dragging the separators\nor by changing the component size due to resizing."
+              },
+              {
+                "name": "layout-configuration-change",
+                "description": "Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators."
               }
             ]
           }
@@ -1370,7 +1388,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.\n\n### **Slots:**\n - **image** - **Note:** While the slot allows the option of setting a custom avatar, to comply with the\ndesign guidelines, use the `ui5-avatar` with size - XS.",
+          "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.\n\n### **Slots:**\n - **image** - **Note:** While the slot allows the option of setting a custom avatar, to comply with the\ndesign guidelines, use the `ui5-avatar` with size - XS.\n- **actions** - Defines the actionable elements.\nThis slot allows placing additional interactive elements (such as buttons, icons, or tags)\nnext to the delete button, providing flexible customization for various user actions.\n\n**Note:** While the slot is flexible, for consistency with design guidelines,\nit's recommended to use `ui5-button` with `Transparent` design or `ui5-icon` elements.",
           "doc-url": "",
           "attributes": [
             {
@@ -1408,6 +1426,10 @@
             {
               "name": "image",
               "description": "**Note:** While the slot allows the option of setting a custom avatar, to comply with the\ndesign guidelines, use the `ui5-avatar` with size - XS."
+            },
+            {
+              "name": "actions",
+              "description": "Defines the actionable elements.\nThis slot allows placing additional interactive elements (such as buttons, icons, or tags)\nnext to the delete button, providing flexible customization for various user actions.\n\n**Note:** While the slot is flexible, for consistency with design guidelines,\nit's recommended to use `ui5-button` with `Transparent` design or `ui5-icon` elements."
             }
           ],
           "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "2.16.0-rc.2",
+  "version": "2.16.0-rc.3",
   "description": "UI5 Web Components: webcomponents.fiori",
   "ui5": {
     "webComponentsPackage": true
@@ -52,16 +52,16 @@
     "directory": "packages/fiori"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.16.0-rc.2",
-    "@ui5/webcomponents-base": "2.16.0-rc.2",
-    "@ui5/webcomponents-icons": "2.16.0-rc.2",
-    "@ui5/webcomponents-theming": "2.16.0-rc.2",
+    "@ui5/webcomponents": "2.16.0-rc.3",
+    "@ui5/webcomponents-base": "2.16.0-rc.3",
+    "@ui5/webcomponents-icons": "2.16.0-rc.3",
+    "@ui5/webcomponents-theming": "2.16.0-rc.3",
     "@zxing/library": "^0.21.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.16.0-rc.2",
+    "@ui5/webcomponents-tools": "2.16.0-rc.3",
     "chokidar-cli": "^3.0.0",
     "cypress": "^15.3.0",
     "eslint": "^7.22.0",
@@ -69,5 +69,5 @@
     "vite": "5.4.21",
     "yarn": "^1.22.22"
   },
-  "gitHead": "f61ddd10e76c10e8bccaf7cb49266834878893ea"
+  "gitHead": "73762a2be34acc196e0f251c0b54f3559d02c1aa"
 }

package/src/SearchItemTemplate.tsx

@@ -44,14 +44,22 @@ export default function SearchFieldTemplate(this: SearchItem) {
 						<span part="subtitle" class="ui5-search-item-description">{this.description}</span>
 					</div>
 
-					{this.deletable &&
-						<Button class="ui5-search-item-selected-delete"
-							design={ButtonDesign.Transparent}
-							icon={decline}
-							onClick={this._onDeleteButtonClick}
-							tooltip={this._deleteButtonTooltip}
-							onKeyDown={this._onDeleteButtonKeyDown}></Button>
-					}
+					<div class="ui5-search-item-actions-container">
+						{this.hasActions &&
+							<div class="ui5-search-item-actions">
+								<slot name="actions"></slot>
+							</div>
+						}
+
+						{this.deletable &&
+							<Button class="ui5-search-item-selected-delete"
+								design={ButtonDesign.Transparent}
+								icon={decline}
+								onClick={this._onDeleteButtonClick}
+								tooltip={this._deleteButtonTooltip}
+								onKeyDown={this._onDeleteButtonKeyDown}></Button>
+						}
+					</div>
 				</div>
 			</div>
 		</li >

package/src/UserSettingsDialogTemplate.tsx

@@ -62,7 +62,19 @@ export default function UserSettingsDialogTemplate(this: UserSettingsDialog) {
 function renderList(this: UserSettingsDialog, items: Array<UserSettingsItem> = [], classes: string) {
 	return <List accessibleRole="Menu" onItemClick={this._handleItemClick} class={classes} separators="None">
 		{items.map(item => (
-			<ListItemStandard id={`setting-${item._id}`} icon={item._icon} tooltip={item._tooltip} ref={this.captureRef.bind(item)} selected={item.selected} disabled={item.disabled} accessibleName={item.ariaLabelledByText} type={this._showSettingWithNavigation ? "Navigation" : "Active"}>{item.text}</ListItemStandard>
+			<ListItemStandard
+				class={!item._icon && item._siblingsWithIcon ? "ui5-user-settings-item-no-icon" : ""}
+				id={`setting-${item._id}`}
+				icon={!item._icon && item._siblingsWithIcon ? undefined : item._icon}
+				tooltip={item._tooltip}
+				ref={this.captureRef.bind(item)}
+				selected={item.selected}
+				disabled={item.disabled}
+				accessibleName={item.ariaLabelledByText}
+				type={this._showSettingWithNavigation ? "Navigation" : "Active"}
+			>
+				{item.text}
+			</ListItemStandard>
 		))}
 	</List>;
 }

package/src/themes/SearchItem.css

@@ -24,15 +24,35 @@
 	flex: 1;
 }
 
+.ui5-search-item-actions-container {
+	display: flex;
+	align-items: center;
+	gap: 0.125rem;
+}
+
 :host([desktop]) .ui5-search-item-selected-delete {
 	display: none;
 }
 
+:host([desktop]) .ui5-search-item-actions {
+	display: none;
+}
+
 :host(:hover),
 :host(:focus-within) {
 	.ui5-search-item-selected-delete {
 		display: inline-block;
 	}
+	
+	.ui5-search-item-actions {
+		display: flex;
+	}
+}
+
+.ui5-search-item-actions {
+	display: flex;
+	align-items: center;
+	gap: 0.25rem;
 }
 
 .ui5-search-item-text {
@@ -85,4 +105,4 @@
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
-}
+}

package/src/themes/UserSettingsDialog.css

@@ -65,6 +65,10 @@
 	border-radius: 0;
 }
 
+.ui5-user-settings-item-no-icon::part(title) {
+	padding-left: 1.875rem; /* width of icon */
+}
+
 @media screen and (width >= 37.5rem) and (width < 64rem) {
 	.ui5-user-settings-dialog:not([on-phone]) {
 		max-width: min(40rem, 80%);