npm - @sapudex/web-components - Versions diffs - 2.62.0 → 2.63.1 - Mend

@sapudex/web-components 2.62.0 → 2.63.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (375) hide show

package/dist/assets/{parameters-bundle.css-C5V2Zp_F.js → parameters-bundle.css-Dfz9lgd6.js} RENAMED Viewed

@@ -15,10 +15,12 @@ const _=`:host {
     --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
     --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
     --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
-    --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);
-    --_ui5-notification_group_header-border-bottom-width: 0;
     --_ui5-notification_group_header-margin: 0px;
     --_ui5-notification_group_header-margin-expanded: .5rem;
+    --_ui5-notification_item-description-margin-top: .75rem;
+    --_ui5-notification_item-footer-margin-top: .75rem;
+    --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);
+    --_ui5-notification_group_header-border-bottom-width: 0;
     --_ui5-notification_group_header-padding: .5rem;
     --_ui5-notification_item-state-icon-padding: .25rem;
     --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
@@ -30,10 +32,8 @@ const _=`:host {
     --_ui5-notification_item-root-padding-inline: 1rem;
     --_ui5-notification_item-content-padding: .75rem 0;
     --_ui5-notification_item-title-margin-bottom: 0;
-    --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem)  var(--_ui5-cozy-size, 4.875rem);
-    --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem)  var(--_ui5-cozy-size, 2.375rem);
-    --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, .75rem);
-    --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, .75rem);
+    --_ui5-notification_item-title-padding-end-two-buttons: 4.875rem;
+    --_ui5-notification_item-title-padding-end-one-button: 2.375rem;
     --_ui5-notification_item-focus-offset: .1875rem;
     --_ui5-notification_item-outline-offset: -.375rem;
     --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);
@@ -44,66 +44,66 @@ const _=`:host {
     --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
     --_ui5_product_switch_item_outline_offset: -.25rem;
     --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
-    --_ui5_side_navigation_width: 16rem;
-    --_ui5_side_navigation_collapsed_width: 4rem;
     --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
     --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
     --_ui5_side_navigation_navigation_separator_radius: unset;
-    --_ui5_side_navigation_navigation_separator_height: .0625rem;
     --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
+    --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
+    --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
+    --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
+    --_ui5_side_navigation_item_height: 2.75rem;
+    --_ui5_side_navigation_item_margin: .875rem;
+    --_ui5_side_navigation_item_expand_arrow_padding: .6875rem;
+    --_ui5_side_navigation_item_border_radius: 0;
+    --_ui5_side_navigation_item_transition: none;
+    --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
+    --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
+    --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
+    --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
+    --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
+    --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
+    --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
+    --_ui5_side_navigation_item_expand_icon_right: -.5rem;
+    --_ui5_side_navigation_item_expand_icon_hover_left: auto;
+    --_ui5_side_navigation_item_expand_icon_hover_right: 0;
+    --_ui5_side_navigation_width: 16rem;
+    --_ui5_side_navigation_collapsed_width: 4rem;
+    --_ui5_side_navigation_navigation_separator_height: .0625rem;
     --_ui5_side_navigation_border_right: 0;
     --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
     --_ui5_side_navigation_triangle_display: none;
-    --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
     --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);
     --_ui5_side_navigation_expand_icon_width: 2.25rem;
-    --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
-    --_ui5_side_navigation_hover_border_width: .0625rem;
-    --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
-    --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
-    --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
-    --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
-    --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.75rem);
-    --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, .875rem);
-    --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem)  var(--_ui5-cozy-size, .6875rem);
-    --_ui5_side_navigation_item_border_radius: 0;
     --_ui5_side_navigation_item_bottom_margin: .25rem;
     --_ui5_side_navigation_item_padding_start_in_popup: 1rem;
     --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;
-    --_ui5_side_navigation_item_transition: none;
     --_ui5_side_navigation_item_padding_left: 1rem;
     --_ui5_side_navigation_item_focus_border_offset: 0;
-    --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
+    --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
+    --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
+    --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
+    --_ui5_side_navigation_last_item_border_style: solid transparent;
+    --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
+    --_ui5_side_navigation_hover_border_width: .0625rem;
+    --_ui5_side_navigation_selected_border_width: .0625rem;
     --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);
     --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);
-    --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
-    --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
     --_ui5_side_navigation_selected_and_focused_border_style_color: none;
-    --_ui5_side_navigation_selected_border_width: .0625rem;
-    --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
     --_ui5_side_navigation_group_icon_width: 2.5rem;
     --_ui5_side_navigation_icon_padding_inline_end: .5rem;
-    --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
-    --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
     --_ui5_side_navigation_group_padding: 1rem;
     --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;
     --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;
     --_ui5_side_navigation_popup_padding: .5rem;
     --_ui5_side_navigation_popup_title_line_height: 1.5rem;
     --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;
+    --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
     --_ui5_side_navigation_item_expand_icon_visibility: block;
     --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
     --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
     --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
     --_ui5_side_navigation_action_item_collapsed_padding: 1rem;
     --_ui5_side_navigation_item_collapsed_padding: 3rem;
-    --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
-    --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
-    --_ui5_side_navigation_item_expand_icon_right: -.5rem;
-    --_ui5_side_navigation_item_expand_icon_hover_left: auto;
-    --_ui5_side_navigation_item_expand_icon_hover_right: 0;
-    --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
-    --_ui5_side_navigation_last_item_border_style: solid transparent;
     --_ui5_TimelineItem_arrow_size: 1.625rem;
     --_ui5_TimelineItem_bubble_border_width: .0625rem;
     --_ui5_TimelineItem_bubble_border_style: dotted;
@@ -113,120 +113,120 @@ const _=`:host {
     --_ui5_TimelineItem_bubble_border_right: -.125rem;
     --_ui5_TimelineItem_bubble_border_bottom: -.125rem;
     --_ui5_TimelineItem_bubble_border_left: -.625rem;
-    --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
-    --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
     --_ui5_TimelineItem_bubble_focus_border_radius: 0;
     --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
     --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
     --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
     --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
     --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
-    --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem);
-    --_ui5_tl_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
-    --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1.625rem);
-    --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem)  var(--_ui5-cozy-size, -1.5rem);
-    --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem)  var(--_ui5-cozy-size, -1.625rem);
-    --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem)  var(--_ui5-cozy-size, -1.875rem);
-    --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem)  var(--_ui5-cozy-size, -1.9375rem);
-    --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) )  var(--_ui5-cozy-size, calc(-100% - 1rem) );
-    --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) )  var(--_ui5-cozy-size, calc(100% + 1rem) );
-    --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) )  var(--_ui5-cozy-size, 100%);
-    --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .25rem) );
-    --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem)  var(--_ui5-cozy-size, 1.9375rem);
-    --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .5rem) );
-    --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .5rem) );
-    --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height))  var(--_ui5-cozy-size, calc(100% + .25rem) );
-    --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) )  var(--_ui5-cozy-size, calc(100% + .375rem) );
-    --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) )  var(--_ui5-cozy-size, 100%);
-    --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);
-    --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);
-    --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
+    --_ui5_tl_bubble_padding: 1rem;
+    --_ui5_tl_padding: 1rem 1rem 1rem .5rem;
+    --_ui5_tl_li_margin_bottom: 1.625rem;
+    --_ui5_timeline_tli_indicator_before_bottom: -1.5rem;
+    --_ui5_timeline_tli_indicator_before_right: -1.625rem;
+    --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
+    --_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
+    --_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;
+    --_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;
+    --_ui5_timeline_tli_indicator_before_height: 100%;
+    --_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;
+    --_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;
+    --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;
+    --_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;
+    --_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;
+    --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;
+    --_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;
+    --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
+    --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
     --ui5_upload_collection_thumbnail_size: 3rem;
     --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
-    --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
     --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
+    --ui5_upload_collection_drag_overlay_border_radius: 0;
+    --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);
+    --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);
+    --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
     --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);
     --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);
-    --ui5_upload_collection_drag_overlay_border_radius: 0;
+    --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
     --ui5_upload_collection_drag_overlay_opacity: .5;
-    --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem)  var(--_ui5-cozy-size, 2.75rem);
-    --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.75rem);
+    --_ui5_vsd_header_container: 2.75rem;
+    --_ui5_vsd_sub_header_container_height: 2.75rem;
     --_ui5_vsd_content_li_padding: .375rem;
     --_ui5_vsd_content_height: 23.4375rem;
-    --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem)  var(--_ui5-cozy-size, 26.1875rem);
+    --_ui5_vsd_expand_content_height: 26.1875rem;
     --_ui5_wiz_content_item_wrapper_padding: 1rem;
     --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+    --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
+    --_ui5_wiz_tab_focus_border_radius: 0;
     --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
-    --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
-    --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
     --_ui5_wiz_tab_selection_line: var(--sapTextColor);
+    --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
     --_ui5_wiz_tab_icon_color: var(--sapTextColor);
     --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
-    --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
+    --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
     --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
-    --_ui5_wiz_tab_focus_border_radius: 0;
-    --_ui5_shellbar_root_height: 3.25rem;
     --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
     --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
-    --_ui5_shellbar_outline_offset: -.1875rem;
     --_ui5_shellbar_button_box_shadow: none;
     --_ui5_shellbar_button_box_shadow_active: none;
-    --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
-    --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
-    --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
     --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
     --_ui5_shellbar_search_field_background: var(--sapShellColor);
     --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
     --_ui5_shellbar_search_field_box_shadow: none;
     --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
-    --_ui5_shellbar_search_field_outline_focused: none;
     --_ui5_shellbar_search_field_width: 25rem;
     --_ui5_shellbar_input_focus_outline_color: inherit;
     --_ui5_shellbar_overflow_container_middle_height: 2.5rem;
-    --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
     --_ui5_shellbar_image_button_border_radius: 50%;
     --_ui5-shellbar-content-margin-start: .5rem;
     --_ui5-shellbar-overflow-button-margin: .5rem;
     --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
     --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
+    --_ui5_shellbar_root_height: 3.25rem;
+    --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
+    --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
+    --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
     --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
+    --_ui5_shellbar_outline_offset: -.1875rem;
+    --_ui5_shellbar_search_field_outline_focused: none;
     --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
     --_ui5_shellbar_search_field_box_shadow_hover: none;
+    --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
+    --_ui5-search-wrapper-hover-background-color: none;
+    --_ui5-search-wrapper-active-background-color: none;
+    --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
+    --_ui5-search-filter_button_background_color: inherit;
+    --_ui5_search_icon_size_default: 2.25rem;
+    --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
+    --_ui5-search-field-text-color: var(--sapField_TextColor);
+    --_ui5-search-scope-spacing: 0 .25rem;
     --_ui5_search_icon_border_radius: .375rem;
     --_ui5_search_input_border_radius: none;
     --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
-    --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
     --_ui5-search-wrapper-background: none;
     --_ui5_search_separator_background: none;
     --_ui5-search-wrapper-hover-background: none;
-    --_ui5-search-wrapper-hover-background-color: none;
-    --_ui5-search-wrapper-active-background-color: none;
-    --_ui5-search-elements-hover-background: none;
-    --_ui5-search-elements-active-background: none;
     --_ui5_search_input_scope_margin: 0;
     --_ui5-search_input_scope_hover_shadow: none;
     --_ui5-search_input_scope_active_shadow: none;
     --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
+    --_ui5-search-elements-hover-background: none;
+    --_ui5-search-elements-active-background: none;
     --_ui5_search_wrapper_outline: none;
     --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
     --_ui5_search_filter_button_border_radius: .375rem;
-    --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
     --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
-    --_ui5-search-filter_button_background_color: inherit;
     --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);
     --_ui5_search_icon_size: 2.25rem;
-    --_ui5_search_icon_size_default: 2.25rem;
     --_ui5_search_icon_padding: .5625rem;
     --_ui5_search_icon_hover_padding: .5625rem;
     --_ui5_search_input_start_margin: .25rem;
     --_ui5_search_input_end_padding: .25rem;
     --_ui5-search-input-start-padding: .625rem;
     --_ui5-search-select-height: 2.25rem;
-    --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
+    --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
     --_ui5-search-loading-overlay-transparency: .3;
-    --_ui5-search-field-text-color: var(--sapField_TextColor);
-    --_ui5-search-scope-spacing: 0 .25rem;
-    --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem)  var(--_ui5-cozy-size, 1rem);
+    --_ui5_search_item_vertical_padding: 1rem;
     --_ui5_search_byline_vertical_padding: .5rem;
     --_ui5_search_popover_max_height: 39rem;
     --_ui5_dynamic_page_footer_spacer: 4rem;
@@ -246,16 +246,15 @@ const _=`:host {
     --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
     --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
     --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
-    --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
     --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
     --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
+    --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
     --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
     --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
     --_ui5_dynamic_page_title_padding_top: .5rem;
     --_ui5_dynamic_page_title_padding_bottom: .5rem;
     --_ui5_dynamic_page_title_min_height: 4rem;
     --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
-    --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
     --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
     --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
     --_ui5_dynamic_page_title_heading_padding_top: .3125rem;
@@ -266,13 +265,50 @@ const _=`:host {
     --sapContent_TextShadow: none;
     --_ui5_dynamic_page_title_border: .0625rem solid transparent;
     --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);
+    --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
     --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
-    --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem)  var(--_ui5-cozy-size, 21.53125rem);
-    --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
-    --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
-    --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
-    --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
-    --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none)  var(--_ui5-cozy-size, inline-block);
-    --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block)  var(--_ui5-cozy-size, none);
-    --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize))  var(--_ui5-cozy-size, var(--sapFontSize))
+    --_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem;
+    --_ui5_user_settings_avatar_cozy_display: inline-block;
+    --_ui5_user_settings_avatar_compact_display: none;
+    --_ui5_user_settings_item_title_font_size: var(--sapFontSize)
+}
+@container style(--ui5_content_density: compact) {
+    :host {
+        --_ui5-notification_item-description-margin-top: .5rem;
+        --_ui5-notification_item-footer-margin-top: .5rem;
+        --_ui5-notification_item-title-padding-end-two-buttons: 3.875rem;
+        --_ui5-notification_item-title-padding-end-one-button: 1.875rem;
+        --_ui5_side_navigation_item_height: 2rem;
+        --_ui5_side_navigation_item_expand_arrow_padding: .3125rem;
+        --_ui5_side_navigation_item_margin: .5rem;
+        --_ui5_tl_bubble_padding: .5rem;
+        --_ui5_tl_padding: .5rem;
+        --_ui5_tl_li_margin_bottom: .5rem;
+        --_ui5_timeline_tli_indicator_before_bottom: -.75rem;
+        --_ui5_timeline_tli_indicator_before_right: -.5rem;
+        --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;
+        --_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;
+        --_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;
+        --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
+        --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
+        --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
+        --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
+        --_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;
+        --_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;
+        --_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;
+        --_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;
+        --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;
+        --_ui5_vsd_header_container: 2.5rem;
+        --_ui5_vsd_sub_header_container_height: 2rem;
+        --_ui5_vsd_expand_content_height: 25.4375rem;
+        --_ui5_search_item_vertical_padding: .5rem;
+        --_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;
+        --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);
+        --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;
+        --_ui5_timeline_tlgi_compact_root_gap: .5rem;
+        --_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
+        --_ui5_user_settings_avatar_cozy_display: none;
+        --_ui5_user_settings_avatar_compact_display: inline-block;
+        --_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize)
+    }
 }`;export{_ as default};