@ui5/webcomponents-fiori 2.28.0-rc.0 → 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 (180) hide show
  1. package/CHANGELOG.md +34 -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/Search.d.ts +0 -1
  9. package/dist/Search.js +1 -9
  10. package/dist/Search.js.map +1 -1
  11. package/dist/ShellBar.js +2 -4
  12. package/dist/ShellBar.js.map +1 -1
  13. package/dist/SideNavigation.js +11 -0
  14. package/dist/SideNavigation.js.map +1 -1
  15. package/dist/SideNavigationItem.d.ts +2 -0
  16. package/dist/SideNavigationItem.js +8 -1
  17. package/dist/SideNavigationItem.js.map +1 -1
  18. package/dist/SideNavigationItemTemplate.js +4 -3
  19. package/dist/SideNavigationItemTemplate.js.map +1 -1
  20. package/dist/SideNavigationSearchFieldTemplate.js +1 -1
  21. package/dist/SideNavigationSearchFieldTemplate.js.map +1 -1
  22. package/dist/SideNavigationSelectableItemBase.d.ts +5 -0
  23. package/dist/SideNavigationSelectableItemBase.js +26 -0
  24. package/dist/SideNavigationSelectableItemBase.js.map +1 -1
  25. package/dist/SideNavigationSubItem.d.ts +5 -0
  26. package/dist/SideNavigationSubItem.js +17 -2
  27. package/dist/SideNavigationSubItem.js.map +1 -1
  28. package/dist/SideNavigationSubItemTemplate.js +5 -4
  29. package/dist/SideNavigationSubItemTemplate.js.map +1 -1
  30. package/dist/ViewSettingsDialog.js +15 -3
  31. package/dist/ViewSettingsDialog.js.map +1 -1
  32. package/dist/css/themes/NavigationMenuItem.css +1 -1
  33. package/dist/css/themes/ShellBarLegacy.css +1 -1
  34. package/dist/css/themes/SideNavigation.css +1 -1
  35. package/dist/css/themes/SideNavigationGroup.css +1 -1
  36. package/dist/css/themes/SideNavigationItem.css +1 -1
  37. package/dist/css/themes/SideNavigationItemBase.css +1 -1
  38. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  39. package/dist/css/themes/UserSettingsNotificationsViewItem.css +1 -1
  40. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +2 -1
  41. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
  42. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
  43. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -1
  44. package/dist/css/themes/sap_horizon/parameters-bundle.css +2 -1
  45. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +84 -121
  46. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +275 -1
  47. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +202 -1
  48. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +208 -1
  49. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +94 -131
  50. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +276 -1
  51. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +208 -1
  52. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +276 -1
  53. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +210 -1
  54. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  55. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  56. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  57. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  58. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  59. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  60. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  61. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  62. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  63. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  64. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  65. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  66. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  67. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  68. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  69. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  70. package/dist/generated/i18n/i18n-defaults.js +2 -1
  71. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  72. package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
  73. package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
  74. package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
  75. package/dist/generated/themes/ShellBarLegacy.css.d.ts +1 -1
  76. package/dist/generated/themes/ShellBarLegacy.css.js +1 -1
  77. package/dist/generated/themes/ShellBarLegacy.css.js.map +1 -1
  78. package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
  79. package/dist/generated/themes/SideNavigation.css.js +1 -1
  80. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  81. package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
  82. package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
  83. package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
  84. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  85. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  86. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  87. package/dist/generated/themes/SideNavigationItemBase.css.d.ts +1 -1
  88. package/dist/generated/themes/SideNavigationItemBase.css.js +1 -1
  89. package/dist/generated/themes/SideNavigationItemBase.css.js.map +1 -1
  90. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  91. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  92. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  93. package/dist/generated/themes/UserSettingsNotificationsViewItem.css.d.ts +1 -1
  94. package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js +1 -1
  95. package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js.map +1 -1
  96. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  97. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -1
  98. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  99. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  100. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -1
  101. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  102. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  103. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -1
  104. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  105. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  106. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -1
  107. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  108. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  109. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -1
  110. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  111. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  112. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +84 -121
  113. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  114. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  115. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +275 -1
  116. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  117. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  118. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +202 -1
  119. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  120. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  121. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +208 -1
  122. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  123. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  124. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +94 -131
  125. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  126. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  127. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +276 -1
  128. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  129. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  130. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +208 -1
  131. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  132. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  133. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +276 -1
  134. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  135. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  136. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +210 -1
  137. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  138. package/dist/shellbar/ShellBarAccessibility.d.ts +1 -0
  139. package/dist/shellbar/ShellBarAccessibility.js +4 -0
  140. package/dist/shellbar/ShellBarAccessibility.js.map +1 -1
  141. package/dist/shellbar/ShellBarSearch.d.ts +3 -1
  142. package/dist/shellbar/ShellBarSearch.js +6 -1
  143. package/dist/shellbar/ShellBarSearch.js.map +1 -1
  144. package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js +5 -1
  145. package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js.map +1 -1
  146. package/dist/web-types.json +1 -1
  147. package/package.json +7 -7
  148. package/src/NavigationMenuItemTemplate.tsx +13 -6
  149. package/src/SideNavigationItemTemplate.tsx +11 -6
  150. package/src/SideNavigationSearchFieldTemplate.tsx +0 -1
  151. package/src/SideNavigationSubItemTemplate.tsx +11 -6
  152. package/src/i18n/messagebundle.properties +3 -0
  153. package/src/i18n/messagebundle_en_US_saprigi.properties +10 -0
  154. package/src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx +6 -2
  155. package/src/themes/NavigationMenuItem.css +19 -2
  156. package/src/themes/ShellBarLegacy.css +2 -2
  157. package/src/themes/SideNavigationGroup.css +8 -1
  158. package/src/themes/SideNavigationItem.css +5 -2
  159. package/src/themes/SideNavigationItemBase.css +35 -15
  160. package/src/themes/UserSettingsNotificationsViewItem.css +3 -3
  161. package/src/themes/base/NotificationListItem-parameters.css +1 -1
  162. package/src/themes/base/Search-parameters.css +1 -1
  163. package/src/themes/base/SideNavigation-parameters.css +1 -3
  164. package/src/themes/base/TimelineGroupItem-parameters.css +1 -1
  165. package/src/themes/base/TimelineItem-parameters.css +1 -1
  166. package/src/themes/base/UserSettingsAppearanceViewItem-parameters.css +1 -1
  167. package/src/themes/base/ViewSettingsDialog-parameters.css +1 -1
  168. package/src/themes/sap_fiori_3/TimelineGroupItem-parameters.css +1 -1
  169. package/src/themes/sap_fiori_3/TimelineItem-parameters.css +1 -1
  170. package/src/themes/sap_fiori_3_dark/TimelineItem-parameters.css +1 -1
  171. package/src/themes/sap_fiori_3_hcb/TimelineItem-parameters.css +1 -1
  172. package/src/themes/sap_fiori_3_hcw/TimelineItem-parameters.css +1 -1
  173. package/src/themes/sap_horizon/SideNavigation-parameters.css +1 -1
  174. package/src/themes/sap_horizon_dark/SideNavigation-parameters.css +1 -1
  175. package/src/themes/sap_horizon_dark_exp/SideNavigation-parameters.css +1 -1
  176. package/src/themes/sap_horizon_exp/SideNavigation-parameters.css +1 -1
  177. package/src/themes/sap_horizon_hcb/SideNavigation-parameters.css +1 -1
  178. package/src/themes/sap_horizon_hcb_exp/SideNavigation-parameters.css +1 -1
  179. package/src/themes/sap_horizon_hcw/SideNavigation-parameters.css +1 -1
  180. package/src/themes/sap_horizon_hcw_exp/SideNavigation-parameters.css +1 -1
@@ -1 +1,208 @@
1
- :host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_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: transparent;--_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_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);--_ui5_shellbar_root_height: 3.25rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.1875rem;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);--_ui5_shellbar_logo_border_radius: .5rem;--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);--_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);--_ui5_shellbar_search_field_border: none;--_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);--_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);--_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);--_ui5_shellbar_overflow_container_middle_height: 3rem;--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);--_ui5_shellbar_input_border_radius: 1.125rem;--_ui5_shellbar_input_focus_border_radius: 1.125rem;--_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);--_ui5_TimelineItem_arrow_size: 1.625rem;--_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_border_width: .125rem;--_ui5_TimelineItem_bubble_border_style: solid;--_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);--_ui5_TimelineItem_bubble_border_top: -.25rem;--_ui5_TimelineItem_bubble_border_right: -.25rem;--_ui5_TimelineItem_bubble_border_bottom: -.25rem;--_ui5_TimelineItem_bubble_border_left: -.75rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;--_ui5_TimelineItem_bubble_focus_border_radius: .875rem;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;--_ui5_TimelineItem_bubble_content_padding: .5rem;--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;--_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_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_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_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_border_width: 0;--_ui5_side_navigation_item_border_radius: .375rem;--_ui5_side_navigation_item_height: 2.5rem;--_ui5_side_navigation_item_transition: background-color .3s ease-in-out;--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--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_small_size_buttons_margin_block_start: .5rem;--_ui5_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapTextColor);--_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);--_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_wiz_tab_focus_border_radius: 8px;--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);--_ui5-notification_item-border-radius: .75rem;--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_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: 14.8125rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.9375rem;--_ui5_user_settings_avatar_cozy_display: inline-block;--_ui5_user_settings_avatar_compact_display: none;--_ui5_user_settings_item_title_font_size: var(--sapFontSize)}@container style(--ui5_content_density: compact){:host{--_ui5_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_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_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_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_user_settings_avatar_cozy_display: none;--_ui5_user_settings_avatar_compact_display: inline-block;--_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize)}}@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
+ :host{
2
+ --_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));
3
+ --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));
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(--sapShell_Background);
8
+ --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
9
+ --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
10
+ --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
11
+ --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);
12
+ --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);
13
+ --_ui5_media_gallery_overflow_btn_border: none;
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: transparent;
20
+ --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
21
+ --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
22
+ --_ui5_vsd_content_li_padding: .375rem;
23
+ --_ui5_vsd_content_height: 23.4375rem;
24
+ --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
25
+ --_ui5_product_switch_item_width: 11.25rem;
26
+ --_ui5_product_switch_item_height: 7rem;
27
+ --_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);
28
+ --_ui5_product_switch_item_outline_offset: -.1875rem;
29
+ --_ui5_shellbar_root_height: 3.25rem;
30
+ --_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);
31
+ --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
32
+ --_ui5_shellbar_outline_offset: -.1875rem;
33
+ --_ui5_shellbar_button_border: none;
34
+ --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
35
+ --_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);
36
+ --_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);
37
+ --_ui5_shellbar_logo_border_radius: .5rem;
38
+ --_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
39
+ --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);
40
+ --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
41
+ --_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);
42
+ --_ui5_shellbar_search_field_border: none;
43
+ --_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);
44
+ --_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);
45
+ --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);
46
+ --_ui5_shellbar_overflow_container_middle_height: 3rem;
47
+ --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
48
+ --_ui5_shellbar_input_border_radius: 1.125rem;
49
+ --_ui5_shellbar_input_focus_border_radius: 1.125rem;
50
+ --_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);
51
+ --_ui5_TimelineItem_arrow_size: 1.625rem;
52
+ --_ui5_TimelineItem_bubble_border_width: .125rem;
53
+ --_ui5_TimelineItem_bubble_border_style: solid;
54
+ --_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);
55
+ --_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);
56
+ --_ui5_TimelineItem_bubble_border_top: -.25rem;
57
+ --_ui5_TimelineItem_bubble_border_right: -.25rem;
58
+ --_ui5_TimelineItem_bubble_border_bottom: -.25rem;
59
+ --_ui5_TimelineItem_bubble_border_left: -.75rem;
60
+ --_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;
61
+ --_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;
62
+ --_ui5_TimelineItem_bubble_focus_border_radius: .875rem;
63
+ --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;
64
+ --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;
65
+ --_ui5_TimelineItem_bubble_content_padding: .5rem;
66
+ --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;
67
+ --_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;
68
+ --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
69
+ --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
70
+ --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
71
+ --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
72
+ --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
73
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
74
+ --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
75
+ --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
76
+ --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
77
+ --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
78
+ --_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) );
79
+ --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
80
+ --_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) );
81
+ --_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) );
82
+ --_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) );
83
+ --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
84
+ --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
85
+ --_ui5_side_navigation_width: 16rem;
86
+ --_ui5_side_navigation_collapsed_width: 3rem;
87
+ --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
88
+ --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
89
+ --_ui5_side_navigation_navigation_separator_radius: unset;
90
+ --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));
91
+ --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
92
+ --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);
93
+ --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
94
+ --_ui5_side_navigation_triangle_display: block;
95
+ --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
96
+ --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);
97
+ --_ui5_side_navigation_expand_icon_width: 2rem;
98
+ --_ui5_side_navigation_hover_border_style_color: none;
99
+ --_ui5_side_navigation_hover_border_width: 0;
100
+ --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
101
+ --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
102
+ --_ui5_side_navigation_item_border_style_color: none;
103
+ --_ui5_side_navigation_item_border_width: 0;
104
+ --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
105
+ --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
106
+ --_ui5_side_navigation_item_border_radius: .375rem;
107
+ --_ui5_side_navigation_item_bottom_margin: 0;
108
+ --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);
109
+ --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;
110
+ --_ui5_side_navigation_item_transition: background-color .3s ease-in-out;
111
+ --_ui5_side_navigation_item_padding_left: .5rem;
112
+ --_ui5_side_navigation_item_focus_border_offset: 1px;
113
+ --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
114
+ --_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);
115
+ --_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);
116
+ --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
117
+ --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
118
+ --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
119
+ --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;
120
+ --_ui5_side_navigation_group_expanded_border_width: 0;
121
+ --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);
122
+ --_ui5_side_navigation_icon_padding_inline_end: .4375rem;
123
+ --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
124
+ --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
125
+ --_ui5_side_navigation_group_padding: .5rem;
126
+ --_ui5_side_navigation_padding-flexible: 0;
127
+ --_ui5_side_navigation_padding-fixed: 0;
128
+ --_ui5_side_navigation_popup_padding: 0;
129
+ --_ui5_side_navigation_popup_title_line_height: normal;
130
+ --_ui5_side_navigation_first_fixed_item_margin_top: 0;
131
+ --_ui5_side_navigation_item_expand_icon_visibility: none;
132
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;
133
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: none;
134
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
135
+ --_ui5_side_navigation_action_item_collapsed_padding: 0;
136
+ --_ui5_side_navigation_item_collapsed_padding: 0;
137
+ --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
138
+ --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
139
+ --_ui5_side_navigation_item_expand_icon_right: -.5rem;
140
+ --_ui5_side_navigation_item_expand_icon_hover_left: auto;
141
+ --_ui5_side_navigation_item_expand_icon_hover_right: 0;
142
+ --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);
143
+ --ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);
144
+ --ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);
145
+ --ui5_upload_collection_drop_overlay_background: transparent;
146
+ --ui5_upload_collection_thumbnail_size: 3rem;
147
+ --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
148
+ --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
149
+ --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
150
+ --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);
151
+ --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);
152
+ --ui5_upload_collection_drag_overlay_border_radius: 0;
153
+ --ui5_upload_collection_drag_overlay_opacity: .8;
154
+ --_ui5_wiz_content_item_wrapper_padding: 1rem;
155
+ --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
156
+ --_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
157
+ --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);
158
+ --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
159
+ --_ui5_wiz_tab_selection_line: var(--sapSelectedColor);
160
+ --_ui5_wiz_tab_icon_color: var(--sapSelectedColor);
161
+ --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
162
+ --_ui5_wiz_tab_title_color: var(--sapTextColor);
163
+ --_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);
164
+ --_ui5_wiz_tab_focus_border_radius: 8px;
165
+ --_ui5-notification_item-border-radius: .75rem;
166
+ --_ui5_dynamic_page_footer_spacer: 4rem;
167
+ --_ui5_dynamic_page_title_padding_S: .5rem 1rem;
168
+ --_ui5_dynamic_page_title_padding_M: .5rem 2rem;
169
+ --_ui5_dynamic_page_title_padding_L: .5rem 2rem;
170
+ --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;
171
+ --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;
172
+ --_ui5_dynamic_page_header_padding_M: 1rem 2rem;
173
+ --_ui5_dynamic_page_header_padding_L: 1rem 2rem;
174
+ --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;
175
+ --_ui5_dynamic_page_content_padding_S: 1rem 0 0;
176
+ --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;
177
+ --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;
178
+ --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;
179
+ --ui5_dynamic_page_background: var(--sapBackgroundColor);
180
+ --_ui5_dynamic_page_title_padding_top: .5rem;
181
+ --_ui5_dynamic_page_title_padding_bottom: .5rem;
182
+ --_ui5_dynamic_page_title_min_height: 4rem;
183
+ --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
184
+ --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;
185
+ --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
186
+ --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
187
+ --_ui5_dynamic_page_title_heading_padding_top: .3125rem;
188
+ --_ui5_dynamic_page_title_subheading_margin_top: .25rem;
189
+ --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);
190
+ --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;
191
+ --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;
192
+ --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
193
+ --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
194
+ --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
195
+ --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
196
+ --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
197
+ --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
198
+ --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
199
+ --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
200
+ --_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;
201
+ --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 19.375rem) var(--_ui5-cozy-size, 19.9375rem);
202
+ --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
203
+ --_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));
204
+ --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
205
+ --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
206
+ --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);
207
+ --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);
208
+ --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}
@@ -15,12 +15,10 @@
15
15
  --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
16
16
  --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
17
17
  --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
18
- --_ui5-notification_group_header-margin: 0px;
19
- --_ui5-notification_group_header-margin-expanded: .5rem;
20
- --_ui5-notification_item-description-margin-top: .75rem;
21
- --_ui5-notification_item-footer-margin-top: .75rem;
22
18
  --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);
23
19
  --_ui5-notification_group_header-border-bottom-width: 0;
20
+ --_ui5-notification_group_header-margin: 0px;
21
+ --_ui5-notification_group_header-margin-expanded: .5rem;
24
22
  --_ui5-notification_group_header-padding: .5rem;
25
23
  --_ui5-notification_item-state-icon-padding: .25rem;
26
24
  --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
@@ -32,8 +30,10 @@
32
30
  --_ui5-notification_item-root-padding-inline: 1rem;
33
31
  --_ui5-notification_item-content-padding: .75rem 0;
34
32
  --_ui5-notification_item-title-margin-bottom: 0;
35
- --_ui5-notification_item-title-padding-end-two-buttons: 4.875rem;
36
- --_ui5-notification_item-title-padding-end-one-button: 2.375rem;
33
+ --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);
34
+ --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);
35
+ --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
36
+ --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
37
37
  --_ui5-notification_item-focus-offset: .1875rem;
38
38
  --_ui5-notification_item-outline-offset: -.375rem;
39
39
  --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);
@@ -44,66 +44,65 @@
44
44
  --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
45
45
  --_ui5_product_switch_item_outline_offset: -.25rem;
46
46
  --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
47
+ --_ui5_side_navigation_width: 16rem;
48
+ --_ui5_side_navigation_collapsed_width: 4rem;
47
49
  --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
48
50
  --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
49
51
  --_ui5_side_navigation_navigation_separator_radius: unset;
50
- --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
51
- --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
52
- --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
53
- --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
54
- --_ui5_side_navigation_item_height: 2.75rem;
55
- --_ui5_side_navigation_item_margin: .875rem;
56
- --_ui5_side_navigation_item_expand_arrow_padding: .6875rem;
57
- --_ui5_side_navigation_item_border_radius: 0;
58
- --_ui5_side_navigation_item_transition: none;
59
- --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
60
- --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
61
- --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
62
- --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
63
- --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
64
- --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
65
- --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
66
- --_ui5_side_navigation_item_expand_icon_right: -.5rem;
67
- --_ui5_side_navigation_item_expand_icon_hover_left: auto;
68
- --_ui5_side_navigation_item_expand_icon_hover_right: 0;
69
- --_ui5_side_navigation_width: 16rem;
70
- --_ui5_side_navigation_collapsed_width: 4rem;
71
52
  --_ui5_side_navigation_navigation_separator_height: .0625rem;
53
+ --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
72
54
  --_ui5_side_navigation_border_right: 0;
73
55
  --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
74
56
  --_ui5_side_navigation_triangle_display: none;
57
+ --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
75
58
  --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);
76
59
  --_ui5_side_navigation_expand_icon_width: 2.25rem;
60
+ --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
61
+ --_ui5_side_navigation_hover_border_width: .0625rem;
62
+ --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
63
+ --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
64
+ --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
65
+ --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
66
+ --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
67
+ --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
68
+ --_ui5_side_navigation_item_border_radius: 0;
77
69
  --_ui5_side_navigation_item_bottom_margin: .25rem;
78
70
  --_ui5_side_navigation_item_padding_start_in_popup: 1rem;
79
71
  --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;
72
+ --_ui5_side_navigation_item_transition: none;
80
73
  --_ui5_side_navigation_item_padding_left: 1rem;
81
74
  --_ui5_side_navigation_item_focus_border_offset: 0;
82
- --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
83
- --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
84
- --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
85
- --_ui5_side_navigation_last_item_border_style: solid transparent;
86
- --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
87
- --_ui5_side_navigation_hover_border_width: .0625rem;
88
- --_ui5_side_navigation_selected_border_width: .0625rem;
75
+ --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
89
76
  --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);
90
77
  --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);
78
+ --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
79
+ --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
91
80
  --_ui5_side_navigation_selected_and_focused_border_style_color: none;
81
+ --_ui5_side_navigation_selected_border_width: .0625rem;
82
+ --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
92
83
  --_ui5_side_navigation_group_icon_width: 2.5rem;
93
84
  --_ui5_side_navigation_icon_padding_inline_end: .5rem;
85
+ --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
86
+ --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
94
87
  --_ui5_side_navigation_group_padding: 1rem;
95
88
  --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;
96
89
  --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;
97
90
  --_ui5_side_navigation_popup_padding: .5rem;
98
91
  --_ui5_side_navigation_popup_title_line_height: 1.5rem;
99
92
  --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;
100
- --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
101
93
  --_ui5_side_navigation_item_expand_icon_visibility: block;
102
94
  --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
103
95
  --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
104
96
  --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
105
97
  --_ui5_side_navigation_action_item_collapsed_padding: 1rem;
106
98
  --_ui5_side_navigation_item_collapsed_padding: 3rem;
99
+ --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
100
+ --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
101
+ --_ui5_side_navigation_item_expand_icon_right: -.5rem;
102
+ --_ui5_side_navigation_item_expand_icon_hover_left: auto;
103
+ --_ui5_side_navigation_item_expand_icon_hover_right: 0;
104
+ --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
105
+ --_ui5_side_navigation_last_item_border_style: solid transparent;
107
106
  --_ui5_TimelineItem_arrow_size: 1.625rem;
108
107
  --_ui5_TimelineItem_bubble_border_width: .0625rem;
109
108
  --_ui5_TimelineItem_bubble_border_style: dotted;
@@ -113,120 +112,120 @@
113
112
  --_ui5_TimelineItem_bubble_border_right: -.125rem;
114
113
  --_ui5_TimelineItem_bubble_border_bottom: -.125rem;
115
114
  --_ui5_TimelineItem_bubble_border_left: -.625rem;
115
+ --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
116
+ --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
116
117
  --_ui5_TimelineItem_bubble_focus_border_radius: 0;
117
118
  --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
118
119
  --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
119
120
  --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
120
121
  --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
121
122
  --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
122
- --_ui5_tl_bubble_padding: 1rem;
123
- --_ui5_tl_padding: 1rem 1rem 1rem .5rem;
124
- --_ui5_tl_li_margin_bottom: 1.625rem;
125
- --_ui5_timeline_tli_indicator_before_bottom: -1.5rem;
126
- --_ui5_timeline_tli_indicator_before_right: -1.625rem;
127
- --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
128
- --_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
129
- --_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;
130
- --_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;
131
- --_ui5_timeline_tli_indicator_before_height: 100%;
132
- --_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;
133
- --_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;
134
- --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;
135
- --_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;
136
- --_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;
137
- --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;
138
- --_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;
139
- --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
140
- --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
141
- --ui5_upload_collection_thumbnail_size: 3rem;
142
- --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
143
- --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
144
- --ui5_upload_collection_drag_overlay_border_radius: 0;
123
+ --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
124
+ --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
125
+ --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
126
+ --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
127
+ --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
128
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
129
+ --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
130
+ --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
131
+ --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
132
+ --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
133
+ --_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) );
134
+ --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
135
+ --_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) );
136
+ --_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) );
137
+ --_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) );
138
+ --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
139
+ --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
145
140
  --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);
146
141
  --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);
142
+ --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
143
+ --ui5_upload_collection_thumbnail_size: 3rem;
144
+ --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
147
145
  --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
146
+ --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
148
147
  --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);
149
148
  --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);
150
- --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
149
+ --ui5_upload_collection_drag_overlay_border_radius: 0;
151
150
  --ui5_upload_collection_drag_overlay_opacity: .5;
152
- --_ui5_vsd_header_container: 2.75rem;
153
- --_ui5_vsd_sub_header_container_height: 2.75rem;
151
+ --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
152
+ --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
154
153
  --_ui5_vsd_content_li_padding: .375rem;
155
154
  --_ui5_vsd_content_height: 23.4375rem;
156
- --_ui5_vsd_expand_content_height: 26.1875rem;
155
+ --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
157
156
  --_ui5_wiz_content_item_wrapper_padding: 1rem;
158
157
  --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
159
- --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
160
- --_ui5_wiz_tab_focus_border_radius: 0;
161
158
  --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
162
- --_ui5_wiz_tab_selection_line: var(--sapTextColor);
159
+ --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
163
160
  --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
161
+ --_ui5_wiz_tab_selection_line: var(--sapTextColor);
164
162
  --_ui5_wiz_tab_icon_color: var(--sapTextColor);
165
163
  --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
166
- --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
164
+ --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
167
165
  --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
166
+ --_ui5_wiz_tab_focus_border_radius: 0;
167
+ --_ui5_shellbar_root_height: 3.25rem;
168
168
  --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
169
169
  --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
170
+ --_ui5_shellbar_outline_offset: -.1875rem;
170
171
  --_ui5_shellbar_button_box_shadow: none;
171
172
  --_ui5_shellbar_button_box_shadow_active: none;
173
+ --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
174
+ --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
175
+ --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
172
176
  --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
173
177
  --_ui5_shellbar_search_field_background: var(--sapShellColor);
174
178
  --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
175
179
  --_ui5_shellbar_search_field_box_shadow: none;
176
180
  --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
181
+ --_ui5_shellbar_search_field_outline_focused: none;
177
182
  --_ui5_shellbar_search_field_width: 25rem;
178
183
  --_ui5_shellbar_input_focus_outline_color: inherit;
179
184
  --_ui5_shellbar_overflow_container_middle_height: 2.5rem;
185
+ --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
180
186
  --_ui5_shellbar_image_button_border_radius: 50%;
181
187
  --_ui5-shellbar-content-margin-start: .5rem;
182
188
  --_ui5-shellbar-overflow-button-margin: .5rem;
183
189
  --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
184
190
  --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
185
- --_ui5_shellbar_root_height: 3.25rem;
186
- --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
187
- --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
188
- --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
189
191
  --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
190
- --_ui5_shellbar_outline_offset: -.1875rem;
191
- --_ui5_shellbar_search_field_outline_focused: none;
192
192
  --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
193
193
  --_ui5_shellbar_search_field_box_shadow_hover: none;
194
- --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
195
- --_ui5-search-wrapper-hover-background-color: none;
196
- --_ui5-search-wrapper-active-background-color: none;
197
- --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
198
- --_ui5-search-filter_button_background_color: inherit;
199
- --_ui5_search_icon_size_default: 2.25rem;
200
- --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
201
- --_ui5-search-field-text-color: var(--sapField_TextColor);
202
- --_ui5-search-scope-spacing: 0 .25rem;
203
194
  --_ui5_search_icon_border_radius: .375rem;
204
195
  --_ui5_search_input_border_radius: none;
205
196
  --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
197
+ --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
206
198
  --_ui5-search-wrapper-background: none;
207
199
  --_ui5_search_separator_background: none;
208
200
  --_ui5-search-wrapper-hover-background: none;
201
+ --_ui5-search-wrapper-hover-background-color: none;
202
+ --_ui5-search-wrapper-active-background-color: none;
203
+ --_ui5-search-elements-hover-background: none;
204
+ --_ui5-search-elements-active-background: none;
209
205
  --_ui5_search_input_scope_margin: 0;
210
206
  --_ui5-search_input_scope_hover_shadow: none;
211
207
  --_ui5-search_input_scope_active_shadow: none;
212
208
  --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
213
- --_ui5-search-elements-hover-background: none;
214
- --_ui5-search-elements-active-background: none;
215
209
  --_ui5_search_wrapper_outline: none;
216
210
  --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
217
211
  --_ui5_search_filter_button_border_radius: .375rem;
212
+ --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
218
213
  --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
214
+ --_ui5-search-filter_button_background_color: inherit;
219
215
  --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);
220
216
  --_ui5_search_icon_size: 2.25rem;
217
+ --_ui5_search_icon_size_default: 2.25rem;
221
218
  --_ui5_search_icon_padding: .5625rem;
222
219
  --_ui5_search_icon_hover_padding: .5625rem;
223
220
  --_ui5_search_input_start_margin: .25rem;
224
221
  --_ui5_search_input_end_padding: .25rem;
225
222
  --_ui5-search-input-start-padding: .625rem;
226
223
  --_ui5-search-select-height: 2.25rem;
227
- --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
224
+ --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
228
225
  --_ui5-search-loading-overlay-transparency: .3;
229
- --_ui5_search_item_vertical_padding: 1rem;
226
+ --_ui5-search-field-text-color: var(--sapField_TextColor);
227
+ --_ui5-search-scope-spacing: 0 .25rem;
228
+ --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
230
229
  --_ui5_search_byline_vertical_padding: .5rem;
231
230
  --_ui5_search_popover_max_height: 39rem;
232
231
  --_ui5_dynamic_page_footer_spacer: 4rem;
@@ -246,15 +245,16 @@
246
245
  --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
247
246
  --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
248
247
  --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
248
+ --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
249
249
  --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
250
250
  --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
251
- --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
252
251
  --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
253
252
  --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
254
253
  --_ui5_dynamic_page_title_padding_top: .5rem;
255
254
  --_ui5_dynamic_page_title_padding_bottom: .5rem;
256
255
  --_ui5_dynamic_page_title_min_height: 4rem;
257
256
  --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
257
+ --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
258
258
  --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
259
259
  --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
260
260
  --_ui5_dynamic_page_title_heading_padding_top: .3125rem;
@@ -265,50 +265,13 @@
265
265
  --sapContent_TextShadow: none;
266
266
  --_ui5_dynamic_page_title_border: .0625rem solid transparent;
267
267
  --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);
268
- --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
269
268
  --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
270
- --_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem;
271
- --_ui5_user_settings_avatar_cozy_display: inline-block;
272
- --_ui5_user_settings_avatar_compact_display: none;
273
- --_ui5_user_settings_item_title_font_size: var(--sapFontSize)
274
- }
275
- @container style(--ui5_content_density: compact) {
276
- :host {
277
- --_ui5-notification_item-description-margin-top: .5rem;
278
- --_ui5-notification_item-footer-margin-top: .5rem;
279
- --_ui5-notification_item-title-padding-end-two-buttons: 3.875rem;
280
- --_ui5-notification_item-title-padding-end-one-button: 1.875rem;
281
- --_ui5_side_navigation_item_height: 2rem;
282
- --_ui5_side_navigation_item_expand_arrow_padding: .3125rem;
283
- --_ui5_side_navigation_item_margin: .5rem;
284
- --_ui5_tl_bubble_padding: .5rem;
285
- --_ui5_tl_padding: .5rem;
286
- --_ui5_tl_li_margin_bottom: .5rem;
287
- --_ui5_timeline_tli_indicator_before_bottom: -.75rem;
288
- --_ui5_timeline_tli_indicator_before_right: -.5rem;
289
- --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;
290
- --_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;
291
- --_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;
292
- --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
293
- --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
294
- --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
295
- --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
296
- --_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;
297
- --_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;
298
- --_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;
299
- --_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;
300
- --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;
301
- --_ui5_vsd_header_container: 2.5rem;
302
- --_ui5_vsd_sub_header_container_height: 2rem;
303
- --_ui5_vsd_expand_content_height: 25.4375rem;
304
- --_ui5_search_item_vertical_padding: .5rem;
305
- --_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;
306
- --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);
307
- --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;
308
- --_ui5_timeline_tlgi_compact_root_gap: .5rem;
309
- --_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
310
- --_ui5_user_settings_avatar_cozy_display: none;
311
- --_ui5_user_settings_avatar_compact_display: inline-block;
312
- --_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize)
313
- }
269
+ --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);
270
+ --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
271
+ --_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));
272
+ --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
273
+ --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
274
+ --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);
275
+ --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);
276
+ --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))
314
277
  }