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

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 (156) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/NavigationMenuItem.d.ts +3 -0
  4. package/dist/NavigationMenuItem.js +11 -2
  5. package/dist/NavigationMenuItem.js.map +1 -1
  6. package/dist/NavigationMenuItemTemplate.js +4 -3
  7. package/dist/NavigationMenuItemTemplate.js.map +1 -1
  8. package/dist/SideNavigation.js +11 -0
  9. package/dist/SideNavigation.js.map +1 -1
  10. package/dist/SideNavigationItem.d.ts +2 -0
  11. package/dist/SideNavigationItem.js +8 -1
  12. package/dist/SideNavigationItem.js.map +1 -1
  13. package/dist/SideNavigationItemTemplate.js +4 -3
  14. package/dist/SideNavigationItemTemplate.js.map +1 -1
  15. package/dist/SideNavigationSelectableItemBase.d.ts +5 -0
  16. package/dist/SideNavigationSelectableItemBase.js +26 -0
  17. package/dist/SideNavigationSelectableItemBase.js.map +1 -1
  18. package/dist/SideNavigationSubItem.d.ts +5 -0
  19. package/dist/SideNavigationSubItem.js +17 -2
  20. package/dist/SideNavigationSubItem.js.map +1 -1
  21. package/dist/SideNavigationSubItemTemplate.js +5 -4
  22. package/dist/SideNavigationSubItemTemplate.js.map +1 -1
  23. package/dist/ViewSettingsDialog.js +15 -3
  24. package/dist/ViewSettingsDialog.js.map +1 -1
  25. package/dist/css/themes/NavigationMenuItem.css +1 -1
  26. package/dist/css/themes/SideNavigation.css +1 -1
  27. package/dist/css/themes/SideNavigationGroup.css +1 -1
  28. package/dist/css/themes/SideNavigationItem.css +1 -1
  29. package/dist/css/themes/SideNavigationItemBase.css +1 -1
  30. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  31. package/dist/css/themes/UserSettingsNotificationsViewItem.css +1 -1
  32. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +2 -1
  33. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
  34. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
  35. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -1
  36. package/dist/css/themes/sap_horizon/parameters-bundle.css +2 -1
  37. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +84 -121
  38. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +275 -1
  39. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +202 -1
  40. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +208 -1
  41. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +94 -131
  42. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +276 -1
  43. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +208 -1
  44. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +276 -1
  45. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +210 -1
  46. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  47. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  48. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  49. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  50. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  51. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  52. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  53. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  54. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  55. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  56. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  57. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  58. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  59. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  60. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  61. package/dist/generated/i18n/i18n-defaults.js +2 -1
  62. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  63. package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
  64. package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
  65. package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
  66. package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
  67. package/dist/generated/themes/SideNavigation.css.js +1 -1
  68. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  69. package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
  70. package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
  71. package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
  72. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  73. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  74. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  75. package/dist/generated/themes/SideNavigationItemBase.css.d.ts +1 -1
  76. package/dist/generated/themes/SideNavigationItemBase.css.js +1 -1
  77. package/dist/generated/themes/SideNavigationItemBase.css.js.map +1 -1
  78. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  79. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  80. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  81. package/dist/generated/themes/UserSettingsNotificationsViewItem.css.d.ts +1 -1
  82. package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js +1 -1
  83. package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js.map +1 -1
  84. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  85. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -1
  86. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  87. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  88. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -1
  89. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  90. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  91. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -1
  92. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  93. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  94. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -1
  95. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  96. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  97. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -1
  98. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  99. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  100. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +84 -121
  101. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  102. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  103. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +275 -1
  104. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  105. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  106. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +202 -1
  107. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  108. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  109. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +208 -1
  110. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  111. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  112. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +94 -131
  113. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  114. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  115. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +276 -1
  116. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  117. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  118. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +208 -1
  119. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  120. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  121. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +276 -1
  122. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  123. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  124. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +210 -1
  125. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  126. package/dist/web-types.json +1 -1
  127. package/package.json +7 -7
  128. package/src/NavigationMenuItemTemplate.tsx +13 -6
  129. package/src/SideNavigationItemTemplate.tsx +11 -6
  130. package/src/SideNavigationSubItemTemplate.tsx +11 -6
  131. package/src/i18n/messagebundle.properties +3 -0
  132. package/src/themes/NavigationMenuItem.css +19 -2
  133. package/src/themes/SideNavigationGroup.css +8 -1
  134. package/src/themes/SideNavigationItem.css +5 -2
  135. package/src/themes/SideNavigationItemBase.css +35 -15
  136. package/src/themes/UserSettingsNotificationsViewItem.css +3 -3
  137. package/src/themes/base/NotificationListItem-parameters.css +1 -1
  138. package/src/themes/base/Search-parameters.css +1 -1
  139. package/src/themes/base/SideNavigation-parameters.css +1 -3
  140. package/src/themes/base/TimelineGroupItem-parameters.css +1 -1
  141. package/src/themes/base/TimelineItem-parameters.css +1 -1
  142. package/src/themes/base/UserSettingsAppearanceViewItem-parameters.css +1 -1
  143. package/src/themes/base/ViewSettingsDialog-parameters.css +1 -1
  144. package/src/themes/sap_fiori_3/TimelineGroupItem-parameters.css +1 -1
  145. package/src/themes/sap_fiori_3/TimelineItem-parameters.css +1 -1
  146. package/src/themes/sap_fiori_3_dark/TimelineItem-parameters.css +1 -1
  147. package/src/themes/sap_fiori_3_hcb/TimelineItem-parameters.css +1 -1
  148. package/src/themes/sap_fiori_3_hcw/TimelineItem-parameters.css +1 -1
  149. package/src/themes/sap_horizon/SideNavigation-parameters.css +1 -1
  150. package/src/themes/sap_horizon_dark/SideNavigation-parameters.css +1 -1
  151. package/src/themes/sap_horizon_dark_exp/SideNavigation-parameters.css +1 -1
  152. package/src/themes/sap_horizon_exp/SideNavigation-parameters.css +1 -1
  153. package/src/themes/sap_horizon_hcb/SideNavigation-parameters.css +1 -1
  154. package/src/themes/sap_horizon_hcb_exp/SideNavigation-parameters.css +1 -1
  155. package/src/themes/sap_horizon_hcw/SideNavigation-parameters.css +1 -1
  156. package/src/themes/sap_horizon_hcw_exp/SideNavigation-parameters.css +1 -1
@@ -1,3 +1,212 @@
1
- export default `:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapBackgroundColor);--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: var(--sapBackgroundColor);--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.25rem;--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5_shellbar_search_field_box_shadow_hover: none;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_side_navigation_width: 16rem;--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5_side_navigation_icon_padding_inline_end: .4375rem;--_ui5_side_navigation_item_height: 2.5rem;--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: 1rem;--_ui5_tl_padding: 1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom: 1.625rem;--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;--_ui5_timeline_tli_indicator_before_right: -1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;--_ui5_timeline_tli_indicator_before_height: 100%;--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5_vsd_header_container: 2.75rem;--_ui5_vsd_sub_header_container_height: 2.75rem;--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: 26.1875rem;--_ui5_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line: var(--sapTextColor);--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_icon_color: var(--sapTextColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem}@container style(--ui5_content_density: compact){:host{--_ui5_side_navigation_item_height: 2rem;--_ui5_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5_side_navigation_item_margin: .5rem;--_ui5_side_navigation_item_height: 2rem;--_ui5_tl_bubble_padding: .5rem;--_ui5_tl_padding: .5rem;--_ui5_tl_li_margin_bottom: .5rem;--_ui5_timeline_tli_indicator_before_bottom: -.75rem;--_ui5_timeline_tli_indicator_before_right: -.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;--_ui5_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;--_ui5_timeline_tlgi_compact_root_gap: .5rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem}}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}
1
+ export default `:host{
2
+ --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
+ --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
+ --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
+ --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
6
+ --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
7
+ --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
8
+ --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
9
+ --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);
10
+ --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);
11
+ --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
12
+ --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
13
+ --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
14
+ --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);
15
+ --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
16
+ --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
17
+ --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
18
+ --_ui5_page_list_bg: var(--sapGroup_ContentBackground);
19
+ --_ui5_page_transparent_bg: var(--sapBackgroundColor);
20
+ --_ui5_product_switch_item_width: 11.25rem;
21
+ --_ui5_product_switch_item_height: 7rem;
22
+ --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
23
+ --_ui5_product_switch_item_outline_offset: -.25rem;
24
+ --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
25
+ --_ui5_shellbar_root_height: 2.75rem;
26
+ --_ui5_shellbar_button_border: none;
27
+ --_ui5_shellbar_button_border_radius: .25rem;
28
+ --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
29
+ --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
30
+ --_ui5_shellbar_outline_offset: -.0625rem;
31
+ --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);
32
+ --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
33
+ --_ui5_shellbar_search_field_box_shadow_hover: none;
34
+ --_ui5_shellbar_menu_button_title_font_size: .75rem;
35
+ --_ui5_side_navigation_width: 16rem;
36
+ --_ui5_side_navigation_collapsed_width: 3rem;
37
+ --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
38
+ --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
39
+ --_ui5_side_navigation_navigation_separator_radius: unset;
40
+ --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));
41
+ --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
42
+ --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);
43
+ --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
44
+ --_ui5_side_navigation_triangle_display: block;
45
+ --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
46
+ --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);
47
+ --_ui5_side_navigation_expand_icon_width: 2rem;
48
+ --_ui5_side_navigation_hover_border_style_color: none;
49
+ --_ui5_side_navigation_hover_border_width: 0;
50
+ --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
51
+ --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
52
+ --_ui5_side_navigation_item_border_style_color: none;
53
+ --_ui5_side_navigation_item_border_width: 0;
54
+ --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
55
+ --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
56
+ --_ui5_side_navigation_item_border_radius: 0;
57
+ --_ui5_side_navigation_item_bottom_margin: 0;
58
+ --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);
59
+ --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;
60
+ --_ui5_side_navigation_item_transition: none;
61
+ --_ui5_side_navigation_item_padding_left: .5rem;
62
+ --_ui5_side_navigation_item_focus_border_offset: 1px;
63
+ --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
64
+ --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);
65
+ --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);
66
+ --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
67
+ --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
68
+ --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
69
+ --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;
70
+ --_ui5_side_navigation_group_expanded_border_width: 0;
71
+ --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);
72
+ --_ui5_side_navigation_icon_padding_inline_end: .4375rem;
73
+ --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
74
+ --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
75
+ --_ui5_side_navigation_group_padding: .5rem;
76
+ --_ui5_side_navigation_padding-flexible: 0;
77
+ --_ui5_side_navigation_padding-fixed: 0;
78
+ --_ui5_side_navigation_popup_padding: 0;
79
+ --_ui5_side_navigation_popup_title_line_height: normal;
80
+ --_ui5_side_navigation_first_fixed_item_margin_top: 0;
81
+ --_ui5_side_navigation_item_expand_icon_visibility: none;
82
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;
83
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: none;
84
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
85
+ --_ui5_side_navigation_action_item_collapsed_padding: 0;
86
+ --_ui5_side_navigation_item_collapsed_padding: 0;
87
+ --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
88
+ --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
89
+ --_ui5_side_navigation_item_expand_icon_right: -.5rem;
90
+ --_ui5_side_navigation_item_expand_icon_hover_left: auto;
91
+ --_ui5_side_navigation_item_expand_icon_hover_right: 0;
92
+ --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);
93
+ --_ui5_TimelineItem_arrow_size: 1.625rem;
94
+ --_ui5_TimelineItem_bubble_border_width: .0625rem;
95
+ --_ui5_TimelineItem_bubble_border_style: dotted;
96
+ --_ui5_TimelineItem_bubble_border_radius: .25rem;
97
+ --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);
98
+ --_ui5_TimelineItem_bubble_border_top: -.125rem;
99
+ --_ui5_TimelineItem_bubble_border_right: -.125rem;
100
+ --_ui5_TimelineItem_bubble_border_bottom: -.125rem;
101
+ --_ui5_TimelineItem_bubble_border_left: -.625rem;
102
+ --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
103
+ --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
104
+ --_ui5_TimelineItem_bubble_focus_border_radius: 0;
105
+ --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
106
+ --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
107
+ --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
108
+ --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
109
+ --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
110
+ --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
111
+ --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
112
+ --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
113
+ --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
114
+ --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
115
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
116
+ --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
117
+ --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
118
+ --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
119
+ --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
120
+ --_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) );
121
+ --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
122
+ --_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) );
123
+ --_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) );
124
+ --_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) );
125
+ --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
126
+ --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
127
+ --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);
128
+ --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);
129
+ --ui5_upload_collection_drop_overlay_background: transparent;
130
+ --ui5_upload_collection_thumbnail_size: 3rem;
131
+ --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
132
+ --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
133
+ --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
134
+ --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);
135
+ --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);
136
+ --ui5_upload_collection_drag_overlay_border_radius: 0;
137
+ --ui5_upload_collection_drag_overlay_opacity: .8;
138
+ --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
139
+ --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
140
+ --_ui5_vsd_content_li_padding: .375rem;
141
+ --_ui5_vsd_content_height: 23.4375rem;
142
+ --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
143
+ --_ui5_wiz_content_item_wrapper_padding: 1rem;
144
+ --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
145
+ --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
146
+ --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
147
+ --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
148
+ --_ui5_wiz_tab_selection_line: var(--sapTextColor);
149
+ --_ui5_wiz_tab_icon_color: var(--sapTextColor);
150
+ --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
151
+ --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
152
+ --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
153
+ --_ui5_wiz_tab_focus_border_radius: 0;
154
+ --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
155
+ --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
156
+ --_ui5_shellbar_button_box_shadow: none;
157
+ --_ui5_shellbar_button_box_shadow_active: none;
158
+ --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
159
+ --_ui5_shellbar_search_field_background: var(--sapShellColor);
160
+ --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
161
+ --_ui5_shellbar_search_field_box_shadow: none;
162
+ --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
163
+ --_ui5_shellbar_search_field_width: 25rem;
164
+ --_ui5_shellbar_input_focus_outline_color: inherit;
165
+ --_ui5_shellbar_overflow_container_middle_height: 2.5rem;
166
+ --_ui5_shellbar_image_button_border_radius: 50%;
167
+ --_ui5-shellbar-content-margin-start: .5rem;
168
+ --_ui5-shellbar-overflow-button-margin: .5rem;
169
+ --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
170
+ --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
171
+ --_ui5_dynamic_page_footer_spacer: 4rem;
172
+ --_ui5_dynamic_page_title_padding_S: .5rem 1rem;
173
+ --_ui5_dynamic_page_title_padding_M: .5rem 2rem;
174
+ --_ui5_dynamic_page_title_padding_L: .5rem 2rem;
175
+ --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;
176
+ --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;
177
+ --_ui5_dynamic_page_header_padding_M: 1rem 2rem;
178
+ --_ui5_dynamic_page_header_padding_L: 1rem 2rem;
179
+ --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;
180
+ --_ui5_dynamic_page_content_padding_S: 1rem 0 0;
181
+ --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;
182
+ --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;
183
+ --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;
184
+ --ui5_dynamic_page_background: var(--sapBackgroundColor);
185
+ --_ui5_dynamic_page_title_padding_top: .5rem;
186
+ --_ui5_dynamic_page_title_padding_bottom: .5rem;
187
+ --_ui5_dynamic_page_title_min_height: 4rem;
188
+ --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
189
+ --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;
190
+ --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
191
+ --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
192
+ --_ui5_dynamic_page_title_heading_padding_top: .3125rem;
193
+ --_ui5_dynamic_page_title_subheading_margin_top: .25rem;
194
+ --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);
195
+ --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;
196
+ --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;
197
+ --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
198
+ --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
199
+ --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
200
+ --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
201
+ --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
202
+ --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
203
+ --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
204
+ --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
205
+ --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
206
+ --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);
207
+ --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
208
+ --_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));
209
+ --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
210
+ --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}
2
211
  `;
3
212
  //# sourceMappingURL=parameters-bundle.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapBackgroundColor);--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: var(--sapBackgroundColor);--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.25rem;--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5_shellbar_search_field_box_shadow_hover: none;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_side_navigation_width: 16rem;--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5_side_navigation_icon_padding_inline_end: .4375rem;--_ui5_side_navigation_item_height: 2.5rem;--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: 1rem;--_ui5_tl_padding: 1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom: 1.625rem;--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;--_ui5_timeline_tli_indicator_before_right: -1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;--_ui5_timeline_tli_indicator_before_height: 100%;--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5_vsd_header_container: 2.75rem;--_ui5_vsd_sub_header_container_height: 2.75rem;--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: 26.1875rem;--_ui5_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line: var(--sapTextColor);--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_icon_color: var(--sapTextColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem}@container style(--ui5_content_density: compact){:host{--_ui5_side_navigation_item_height: 2rem;--_ui5_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5_side_navigation_item_margin: .5rem;--_ui5_side_navigation_item_height: 2rem;--_ui5_tl_bubble_padding: .5rem;--_ui5_tl_padding: .5rem;--_ui5_tl_li_margin_bottom: .5rem;--_ui5_timeline_tli_indicator_before_bottom: -.75rem;--_ui5_timeline_tli_indicator_before_right: -.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;--_ui5_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;--_ui5_timeline_tlgi_compact_root_gap: .5rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem}}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}\n`"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNd,CAAA","sourcesContent":["export default `:host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 2.75rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: .25rem;\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_outline_offset: -.0625rem;\n --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_shellbar_menu_button_title_font_size: .75rem;\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);\n --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n`"]}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ui5/webcomponents-fiori",
4
- "version": "2.28.1",
4
+ "version": "2.29.0-rc.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-fiori",
3
- "version": "2.28.1",
3
+ "version": "2.29.0-rc.0",
4
4
  "description": "UI5 Web Components: webcomponents.fiori",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -56,20 +56,20 @@
56
56
  "directory": "packages/fiori"
57
57
  },
58
58
  "dependencies": {
59
- "@ui5/webcomponents": "2.28.1",
60
- "@ui5/webcomponents-base": "2.28.1",
61
- "@ui5/webcomponents-icons": "2.28.1",
62
- "@ui5/webcomponents-theming": "2.28.1",
59
+ "@ui5/webcomponents": "2.29.0-rc.0",
60
+ "@ui5/webcomponents-base": "2.29.0-rc.0",
61
+ "@ui5/webcomponents-icons": "2.29.0-rc.0",
62
+ "@ui5/webcomponents-theming": "2.29.0-rc.0",
63
63
  "@zxing/library": "^0.21.3"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@custom-elements-manifest/analyzer": "^0.10.10",
67
67
  "@ui5/cypress-internal": "0.1.0",
68
- "@ui5/webcomponents-tools": "2.28.1",
68
+ "@ui5/webcomponents-tools": "2.29.0-rc.0",
69
69
  "cypress": "15.18.1",
70
70
  "lit": "^2.0.0",
71
71
  "vite": "5.4.21",
72
72
  "yarn": "^1.22.22"
73
73
  },
74
- "gitHead": "a1c8be3fdb2b6ece9f6f0a3c0e03a90cfe3878f3"
74
+ "gitHead": "ace8be9008be626e7be5bca0e23ace75c045a188"
75
75
  }
@@ -30,7 +30,19 @@ export default function NavigationMenuItemTemplate(this: NavigationMenuItem, hoo
30
30
  }
31
31
 
32
32
  function listItemContent(this: NavigationMenuItem) {
33
- return <>{this.text}</>;
33
+ return (
34
+ <div class="ui5-navmenu-item-text-tag-container">
35
+ <span class="ui5-navmenu-item-text">{this.text}</span>
36
+ {this.hasTag &&
37
+ <span id={this._tagContainerId} class="ui5-navmenu-item-tag-container" aria-hidden="true">
38
+ <slot name="tag"></slot>
39
+ </span>
40
+ }
41
+ {this.hasTag &&
42
+ <span id={this._tagTextId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
43
+ }
44
+ </div>
45
+ );
34
46
  }
35
47
 
36
48
  function iconBegin(this: NavigationMenuItem) {
@@ -48,11 +60,6 @@ function iconBegin(this: NavigationMenuItem) {
48
60
 
49
61
  function iconEnd(this: NavigationMenuItem) {
50
62
  return (<>
51
- {this.hasTag &&
52
- <span id={this._tagContainerId} class="ui5-navmenu-item-tag-container">
53
- <slot name="tag"></slot>
54
- </span>
55
- }
56
63
  {this.hasSubmenu &&
57
64
  <Icon
58
65
  part="icon"
@@ -52,12 +52,14 @@ function ItemTemplate(this: SideNavigationItem) {
52
52
  :
53
53
  this.icon && <Icon class="ui5-sn-item-icon" name={this.icon}/>
54
54
  }
55
- <div class="ui5-sn-item-text" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>
56
- {this.hasTag &&
57
- <div id={this._tagId} class="ui5-sn-item-tag-slot">
58
- <slot name="tag"></slot>
59
- </div>
60
- }
55
+ <div class="ui5-sn-item-text-tag-container">
56
+ <div class="ui5-sn-item-text" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>
57
+ {this.hasTag &&
58
+ <div class="ui5-sn-item-tag-slot" aria-hidden="true">
59
+ <slot name="tag"></slot>
60
+ </div>
61
+ }
62
+ </div>
61
63
  {this.sideNavCollapsed ?
62
64
  !!this.items.length &&
63
65
  <Icon class="ui5-sn-item-toggle-icon"
@@ -90,6 +92,9 @@ function ItemTemplate(this: SideNavigationItem) {
90
92
  {this._selectableItemDescriptionText &&
91
93
  <span id={this._selectableItemDescriptionId} class="ui5-hidden-text">{this._selectableItemDescriptionText}</span>
92
94
  }
95
+ {this.hasTag &&
96
+ <span id={this._tagId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
97
+ }
93
98
  </>
94
99
  );
95
100
  }
@@ -29,18 +29,23 @@ export default function SideNavigationSubItemTemplate(this: SideNavigationSubIte
29
29
  {this.icon &&
30
30
  <Icon class="ui5-sn-item-icon" name={this.icon}/>
31
31
  }
32
- <div class="ui5-sn-item-text" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>
33
- {this.hasTag &&
34
- <div id={this._tagId} class="ui5-sn-item-tag-slot">
35
- <slot name="tag"></slot>
36
- </div>
37
- }
32
+ <div class="ui5-sn-item-text-tag-container">
33
+ <div class="ui5-sn-item-text" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>
34
+ {this.hasTag &&
35
+ <div class="ui5-sn-item-tag-slot" aria-hidden="true">
36
+ <slot name="tag"></slot>
37
+ </div>
38
+ }
39
+ </div>
38
40
  {this.isExternalLink &&
39
41
  <Icon class="ui5-sn-item-external-link-icon"
40
42
  name={arrowRight}
41
43
  />
42
44
  }
43
45
  </EffectiveTag>
46
+ {this.hasTag &&
47
+ <span id={this._tagId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
48
+ }
44
49
  </li>
45
50
  );
46
51
  }
@@ -515,6 +515,9 @@ SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER=Find in Navigation
515
515
  #XACT: Default ARIA label for the side navigation search field
516
516
  SIDE_NAVIGATION_SEARCH_FIELD_LABEL=Side navigation filter
517
517
 
518
+ #XACT: Accessible description of a side navigation item's indication tag, where {0} is the tag text
519
+ SIDE_NAVIGATION_LIST_ITEM_TAG_TEXT=Tag {0}
520
+
518
521
  #XACT: Default ARIA description for the side navigation search field
519
522
  SIDE_NAVIGATION_SEARCH_DESCRIPTION=Results update as you type. Press Enter for the number of results
520
523
 
@@ -1,3 +1,5 @@
1
+ @import "./InvisibleTextStyles.css";
2
+
1
3
  :host::part(native-li)::after {
2
4
  border-radius: 0.375rem;
3
5
  inset: 0;
@@ -92,10 +94,25 @@
92
94
  margin-block-end: var(--_ui5_side_navigation_item_bottom_margin);
93
95
  }
94
96
 
97
+ .ui5-navmenu-item-text-tag-container {
98
+ flex: 1;
99
+ min-width: 0;
100
+ display: flex;
101
+ align-items: center;
102
+ flex-wrap: wrap;
103
+ column-gap: 0.5rem;
104
+ row-gap: 0.25rem;
105
+ }
106
+
107
+ .ui5-navmenu-item-text {
108
+ min-width: 0;
109
+ overflow: hidden;
110
+ text-overflow: ellipsis;
111
+ }
112
+
95
113
  .ui5-navmenu-item-tag-container {
96
114
  display: inline-flex;
97
115
  align-items: center;
98
- margin-inline-start: 0.5rem;
99
- height: 1.375rem;
116
+ margin-inline-start: 0;
100
117
  min-width: 1.375rem;
101
118
  }
@@ -7,11 +7,18 @@
7
7
 
8
8
  .ui5-sn-item.ui5-sn-item-group {
9
9
  min-height: 2rem;
10
- padding-inline-start: var(--_ui5_side_navigation_group_padding);;
10
+ padding-inline-start: var(--_ui5_side_navigation_group_padding);
11
11
  font-family: var(--sapFontFamily);
12
12
  font-size: var(--sapFontSize);
13
13
  }
14
14
 
15
+ /* group has no text-tag container: the text fills the row (pushing the toggle icon to the end)
16
+ and carries the vertical margin that gives the group its height. */
17
+ .ui5-sn-item.ui5-sn-item-group .ui5-sn-item-text {
18
+ flex: 1;
19
+ margin-block: var(--_ui5_side_navigation_item_margin);
20
+ }
21
+
15
22
  .ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,
16
23
  .ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon {
17
24
  display: block;
@@ -1,5 +1,4 @@
1
1
  @import "./SideNavigationItemBase.css";
2
- @import "./InvisibleTextStyles.css";
3
2
 
4
3
  :host {
5
4
  color: var(--sapList_TextColor);
@@ -17,10 +16,14 @@
17
16
  }
18
17
 
19
18
  :host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text {
20
- margin: 0 0.375rem 0 0;
19
+ margin: 0;
21
20
  line-height: var(--_ui5_side_navigation_popup_title_line_height);
22
21
  }
23
22
 
23
+ :host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text-tag-container {
24
+ padding-inline-end: 0.5rem;
25
+ }
26
+
24
27
  .ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow {
25
28
  margin-top: auto;
26
29
  }