@sapudex/web-components 0.173.0 → 0.176.0

package/src/themes/Search.css

@@ -83,7 +83,9 @@
 }
 
 :host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover::after,
-:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after {
+:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after,
+:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top::after,
+:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after{
   content: '';
   position: absolute;
   z-index: -1;
@@ -97,11 +99,22 @@
   overflow-y: hidden;
 }
 
+:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top::after,
+:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after,
+.udex-search__prefix--show-popover-top::after {
+  transform: translateY(-21px);
+}
+
 :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after {
   inset-inline-start: auto;
   width: 50px;
 }
 
+:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after {
+  inset-inline-start: auto;
+  width: 50px;
+}
+
 :host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),
 :host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,
 :host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),
@@ -316,7 +329,8 @@ input[type="search"]::-webkit-search-results-decoration {
   z-index: 1;
 }
 
-.udex-search__prefix--show-popover::after {
+.udex-search__prefix--show-popover::after,
+.udex-search__prefix--show-popover-top::after {
   content: "";
   position: absolute;
   z-index: -1;
@@ -392,7 +406,17 @@ input[type="search"]::-webkit-search-results-decoration {
   clip-path: inset(0px -10px -10px -10px);
 }
 
-.udex-search__prefix-popover::part(content) {
+.udex-search__prefix-popover-top {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+  border: 1px solid var(--udexCoreBorderDefault);
+  border-block-end: 0;
+  box-shadow: none;
+  background-color: var(--udexColorNeutralWhite, #fff);
+  clip-path: inset(0px -10px -10px -10px);
+}
+
+.udex-search__prefix-popover::part(content), .udex-search__prefix-popover-top::part(content)  {
   padding: 0;
 }
 

package/src/themes/SearchSuggestions.css

@@ -1,5 +1,6 @@
 :host {
     --udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
+    --udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,0.3);
     --udex-popover-background-color: var(--udexColorNeutralWhite, #fff);
     --udex-popover-border-color: var(--udexColorGrey6, #5B738B);
     --udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));
@@ -44,6 +45,21 @@
     border-top: 0;
 }
 
+.udex-search-suggestions__root-top--home {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom: 0;
+    box-shadow: none;
+}
+
+.udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child {
+    margin-bottom: -5px;
+}
+
+.udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child {
+    margin-top: 0;
+}
+
 .udex-search-suggestions__root--home .udex-search-suggestions__block:first-child {
     margin-top: -5px;
 }

package/src/themes/TabNavigation.css

@@ -2,6 +2,8 @@
   --udex-header-background-color: transparent;
 
   --udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);
+  --udex-button-tab-text-transform-first-letter: uppercase;
+  --udex-button-tab-text-transform: none;
   --udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));
   --udex-button-tab-text-color-hover: var(--sapHoverColor, var(--udexColorBlue7));
   --udex-button-tab-text-color-active: var(--sapShell_Navigation_Selected_TextColor, var(--udexColorBlue7));
@@ -197,10 +199,18 @@
   line-height: var(--udex-button-tab-line-height);
   text-decoration: none;
   text-align: center;
-  text-transform: capitalize;
+  text-transform: var(--udex-button-tab-text-transform);
   white-space: normal;
 }
 
+.udex-tab-navigation__button-text {
+  margin: 0;
+}
+
+.udex-tab-navigation__button-text::first-letter {
+  text-transform: var(--udex-button-tab-text-transform-first-letter);
+}
+
 .udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon {
   justify-content: start;
 }
@@ -365,11 +375,6 @@
   display: none;
 }
 
-.udex-tab-navigation__button-text {
-  display: flex;
-  align-items: center;
-}
-
 .udex-tab-navigation__badge {
   margin-inline-start: var(--udexSpacer4);
   display: inline-flex;

package/dist/assets/parameters-bundle.css-07457fce.js

@@ -1,2 +0,0 @@
-const _={packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-17_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-17_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-17_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-17_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-17_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-17_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-17_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_checkbox_inner_border_radius: 4px;--_ui5-v1-24-17_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-17_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-17_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-17_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-17_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_checkbox_label_offset: .563rem;--_ui5-v1-24-17_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-17_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-17_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-17_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-17_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_link_focus_background_color: transparent;--_ui5-v1-24-17_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-17_link_focus_text_decoration: underline;--_ui5-v1-24-17_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-17_link_focused_hover_text_decoration: underline;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-17_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-17_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-17_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-17_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-17_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-17_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-17_daypicker_daynames_container_height: 42px;--_ui5-v1-24-17_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-17_daypicker_item_weeekend_filter: none;--_ui5-v1-24-17_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-17_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-17_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-17_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-17_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-17_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-17_button_base_height: 3rem;--_ui5-v1-24-17_button_base_padding: 3rem;--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_radio_button_min_width: 42px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-17_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_day_picker_item_width: 42px;--_ui5-v1-24-17_day_picker_item_height: 42px;--_ui5-v1-24-17_calendar_width: 371px;--_ui5-v1-24-17_calendar_height: auto;--_ui5-v1-24-17_calendar_header_height: 42px;--_ui5-v1-24-17_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-17_month_picker_item_height: 36px;--_ui5-v1-24-17_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_year_picker_item_height: 36px;--_ui5-v1-24-17_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
-`},r={_};export{_,r as default};