@ui5/webcomponents-fiori 2.13.0-rc.2 → 2.13.0-rc.3

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 (246) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/NotificationListItem.d.ts +1 -0
  4. package/dist/NotificationListItem.js +10 -1
  5. package/dist/NotificationListItem.js.map +1 -1
  6. package/dist/ShellBarSearch.d.ts +7 -0
  7. package/dist/ShellBarSearch.js +20 -0
  8. package/dist/ShellBarSearch.js.map +1 -1
  9. package/dist/SideNavigationGroupTemplate.js +1 -1
  10. package/dist/SideNavigationGroupTemplate.js.map +1 -1
  11. package/dist/SideNavigationItem.d.ts +2 -2
  12. package/dist/SideNavigationItem.js +9 -6
  13. package/dist/SideNavigationItem.js.map +1 -1
  14. package/dist/SideNavigationItemBase.d.ts +1 -1
  15. package/dist/SideNavigationItemBase.js +1 -1
  16. package/dist/SideNavigationItemBase.js.map +1 -1
  17. package/dist/SideNavigationItemTemplate.js +14 -23
  18. package/dist/SideNavigationItemTemplate.js.map +1 -1
  19. package/dist/SideNavigationPopoverTemplate.js +2 -1
  20. package/dist/SideNavigationPopoverTemplate.js.map +1 -1
  21. package/dist/SideNavigationSelectableItemBase.d.ts +11 -0
  22. package/dist/SideNavigationSelectableItemBase.js +30 -2
  23. package/dist/SideNavigationSelectableItemBase.js.map +1 -1
  24. package/dist/SideNavigationSubItem.d.ts +0 -8
  25. package/dist/SideNavigationSubItem.js +0 -17
  26. package/dist/SideNavigationSubItem.js.map +1 -1
  27. package/dist/SideNavigationSubItemTemplate.js +4 -8
  28. package/dist/SideNavigationSubItemTemplate.js.map +1 -1
  29. package/dist/Timeline.d.ts +1 -0
  30. package/dist/Timeline.js +3 -0
  31. package/dist/Timeline.js.map +1 -1
  32. package/dist/css/themes/DynamicPage.css +1 -1
  33. package/dist/css/themes/DynamicPageHeader.css +1 -1
  34. package/dist/css/themes/DynamicPageHeaderActions.css +1 -1
  35. package/dist/css/themes/DynamicPageTitle.css +1 -1
  36. package/dist/css/themes/FlexibleColumnLayout.css +1 -1
  37. package/dist/css/themes/MediaGallery.css +1 -1
  38. package/dist/css/themes/MediaGalleryItem.css +1 -1
  39. package/dist/css/themes/NavigationMenu.css +1 -1
  40. package/dist/css/themes/NavigationMenuItem.css +1 -1
  41. package/dist/css/themes/NotificationListGroupItem.css +1 -1
  42. package/dist/css/themes/NotificationListItem.css +1 -1
  43. package/dist/css/themes/NotificationListItemBase.css +1 -1
  44. package/dist/css/themes/NotificationStateIcon.css +1 -1
  45. package/dist/css/themes/Page.css +1 -1
  46. package/dist/css/themes/ProductSwitchItem.css +1 -1
  47. package/dist/css/themes/Search.css +1 -1
  48. package/dist/css/themes/SearchField.css +1 -1
  49. package/dist/css/themes/SearchItem.css +1 -1
  50. package/dist/css/themes/ShellBar.css +1 -1
  51. package/dist/css/themes/ShellBarBranding.css +1 -1
  52. package/dist/css/themes/ShellBarPopover.css +1 -1
  53. package/dist/css/themes/SideNavigation.css +1 -1
  54. package/dist/css/themes/SideNavigationGroup.css +1 -1
  55. package/dist/css/themes/SideNavigationItem.css +1 -1
  56. package/dist/css/themes/SideNavigationItemBase.css +1 -1
  57. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  58. package/dist/css/themes/Timeline.css +1 -1
  59. package/dist/css/themes/TimelineGroupItem.css +1 -1
  60. package/dist/css/themes/TimelineItem.css +1 -1
  61. package/dist/css/themes/UploadCollection.css +1 -1
  62. package/dist/css/themes/UploadCollectionItem.css +1 -1
  63. package/dist/css/themes/UserMenu.css +1 -1
  64. package/dist/css/themes/UserSettingsItem.css +1 -1
  65. package/dist/css/themes/ViewSettingsDialog.css +1 -1
  66. package/dist/css/themes/Wizard.css +1 -1
  67. package/dist/css/themes/WizardTab.css +1 -1
  68. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  69. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  70. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  71. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  72. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  73. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  74. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
  75. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  76. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  77. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
  78. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  79. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
  80. package/dist/custom-elements-internal.json +126 -107
  81. package/dist/custom-elements.json +74 -55
  82. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  83. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  84. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  85. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  86. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  87. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  88. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  89. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  90. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  91. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  92. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  93. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  94. package/dist/generated/themes/DynamicPage.css.d.ts +1 -1
  95. package/dist/generated/themes/DynamicPage.css.js +1 -1
  96. package/dist/generated/themes/DynamicPage.css.js.map +1 -1
  97. package/dist/generated/themes/DynamicPageHeader.css.d.ts +1 -1
  98. package/dist/generated/themes/DynamicPageHeader.css.js +1 -1
  99. package/dist/generated/themes/DynamicPageHeader.css.js.map +1 -1
  100. package/dist/generated/themes/DynamicPageHeaderActions.css.d.ts +1 -1
  101. package/dist/generated/themes/DynamicPageHeaderActions.css.js +1 -1
  102. package/dist/generated/themes/DynamicPageHeaderActions.css.js.map +1 -1
  103. package/dist/generated/themes/DynamicPageTitle.css.d.ts +1 -1
  104. package/dist/generated/themes/DynamicPageTitle.css.js +1 -1
  105. package/dist/generated/themes/DynamicPageTitle.css.js.map +1 -1
  106. package/dist/generated/themes/FlexibleColumnLayout.css.d.ts +1 -1
  107. package/dist/generated/themes/FlexibleColumnLayout.css.js +1 -1
  108. package/dist/generated/themes/FlexibleColumnLayout.css.js.map +1 -1
  109. package/dist/generated/themes/MediaGallery.css.d.ts +1 -1
  110. package/dist/generated/themes/MediaGallery.css.js +1 -1
  111. package/dist/generated/themes/MediaGallery.css.js.map +1 -1
  112. package/dist/generated/themes/MediaGalleryItem.css.d.ts +1 -1
  113. package/dist/generated/themes/MediaGalleryItem.css.js +1 -1
  114. package/dist/generated/themes/MediaGalleryItem.css.js.map +1 -1
  115. package/dist/generated/themes/NavigationMenu.css.d.ts +1 -1
  116. package/dist/generated/themes/NavigationMenu.css.js +1 -1
  117. package/dist/generated/themes/NavigationMenu.css.js.map +1 -1
  118. package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
  119. package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
  120. package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
  121. package/dist/generated/themes/NotificationListGroupItem.css.d.ts +1 -1
  122. package/dist/generated/themes/NotificationListGroupItem.css.js +1 -1
  123. package/dist/generated/themes/NotificationListGroupItem.css.js.map +1 -1
  124. package/dist/generated/themes/NotificationListItem.css.d.ts +1 -1
  125. package/dist/generated/themes/NotificationListItem.css.js +1 -1
  126. package/dist/generated/themes/NotificationListItem.css.js.map +1 -1
  127. package/dist/generated/themes/NotificationListItemBase.css.d.ts +1 -1
  128. package/dist/generated/themes/NotificationListItemBase.css.js +1 -1
  129. package/dist/generated/themes/NotificationListItemBase.css.js.map +1 -1
  130. package/dist/generated/themes/NotificationStateIcon.css.d.ts +1 -1
  131. package/dist/generated/themes/NotificationStateIcon.css.js +1 -1
  132. package/dist/generated/themes/NotificationStateIcon.css.js.map +1 -1
  133. package/dist/generated/themes/Page.css.d.ts +1 -1
  134. package/dist/generated/themes/Page.css.js +1 -1
  135. package/dist/generated/themes/Page.css.js.map +1 -1
  136. package/dist/generated/themes/ProductSwitchItem.css.d.ts +1 -1
  137. package/dist/generated/themes/ProductSwitchItem.css.js +1 -1
  138. package/dist/generated/themes/ProductSwitchItem.css.js.map +1 -1
  139. package/dist/generated/themes/Search.css.d.ts +1 -1
  140. package/dist/generated/themes/Search.css.js +1 -1
  141. package/dist/generated/themes/Search.css.js.map +1 -1
  142. package/dist/generated/themes/SearchField.css.d.ts +1 -1
  143. package/dist/generated/themes/SearchField.css.js +1 -1
  144. package/dist/generated/themes/SearchField.css.js.map +1 -1
  145. package/dist/generated/themes/SearchItem.css.d.ts +1 -1
  146. package/dist/generated/themes/SearchItem.css.js +1 -1
  147. package/dist/generated/themes/SearchItem.css.js.map +1 -1
  148. package/dist/generated/themes/ShellBar.css.d.ts +1 -1
  149. package/dist/generated/themes/ShellBar.css.js +1 -1
  150. package/dist/generated/themes/ShellBar.css.js.map +1 -1
  151. package/dist/generated/themes/ShellBarBranding.css.d.ts +1 -1
  152. package/dist/generated/themes/ShellBarBranding.css.js +1 -1
  153. package/dist/generated/themes/ShellBarBranding.css.js.map +1 -1
  154. package/dist/generated/themes/ShellBarPopover.css.d.ts +1 -1
  155. package/dist/generated/themes/ShellBarPopover.css.js +1 -1
  156. package/dist/generated/themes/ShellBarPopover.css.js.map +1 -1
  157. package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
  158. package/dist/generated/themes/SideNavigation.css.js +1 -1
  159. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  160. package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
  161. package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
  162. package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
  163. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  164. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  165. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  166. package/dist/generated/themes/SideNavigationItemBase.css.d.ts +1 -1
  167. package/dist/generated/themes/SideNavigationItemBase.css.js +1 -1
  168. package/dist/generated/themes/SideNavigationItemBase.css.js.map +1 -1
  169. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  170. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  171. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  172. package/dist/generated/themes/Timeline.css.d.ts +1 -1
  173. package/dist/generated/themes/Timeline.css.js +1 -1
  174. package/dist/generated/themes/Timeline.css.js.map +1 -1
  175. package/dist/generated/themes/TimelineGroupItem.css.d.ts +1 -1
  176. package/dist/generated/themes/TimelineGroupItem.css.js +1 -1
  177. package/dist/generated/themes/TimelineGroupItem.css.js.map +1 -1
  178. package/dist/generated/themes/TimelineItem.css.d.ts +1 -1
  179. package/dist/generated/themes/TimelineItem.css.js +1 -1
  180. package/dist/generated/themes/TimelineItem.css.js.map +1 -1
  181. package/dist/generated/themes/UploadCollection.css.d.ts +1 -1
  182. package/dist/generated/themes/UploadCollection.css.js +1 -1
  183. package/dist/generated/themes/UploadCollection.css.js.map +1 -1
  184. package/dist/generated/themes/UploadCollectionItem.css.d.ts +1 -1
  185. package/dist/generated/themes/UploadCollectionItem.css.js +1 -1
  186. package/dist/generated/themes/UploadCollectionItem.css.js.map +1 -1
  187. package/dist/generated/themes/UserMenu.css.d.ts +1 -1
  188. package/dist/generated/themes/UserMenu.css.js +1 -1
  189. package/dist/generated/themes/UserMenu.css.js.map +1 -1
  190. package/dist/generated/themes/UserSettingsItem.css.d.ts +1 -1
  191. package/dist/generated/themes/UserSettingsItem.css.js +1 -1
  192. package/dist/generated/themes/UserSettingsItem.css.js.map +1 -1
  193. package/dist/generated/themes/ViewSettingsDialog.css.d.ts +1 -1
  194. package/dist/generated/themes/ViewSettingsDialog.css.js +1 -1
  195. package/dist/generated/themes/ViewSettingsDialog.css.js.map +1 -1
  196. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  197. package/dist/generated/themes/Wizard.css.js +1 -1
  198. package/dist/generated/themes/Wizard.css.js.map +1 -1
  199. package/dist/generated/themes/WizardTab.css.d.ts +1 -1
  200. package/dist/generated/themes/WizardTab.css.js +1 -1
  201. package/dist/generated/themes/WizardTab.css.js.map +1 -1
  202. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  203. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  204. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  205. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  206. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  207. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  208. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  209. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  210. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  211. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  212. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  213. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  214. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  215. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  216. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  217. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  218. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  219. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  220. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  221. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
  222. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  223. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  224. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  225. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  226. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  227. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  228. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  229. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  230. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
  231. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  232. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  233. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  234. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  235. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  236. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
  237. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  238. package/dist/vscode.html-custom-data.json +5 -0
  239. package/dist/web-types.json +11 -1
  240. package/package.json +7 -7
  241. package/src/SideNavigationGroupTemplate.tsx +14 -13
  242. package/src/SideNavigationItemTemplate.tsx +53 -135
  243. package/src/SideNavigationPopoverTemplate.tsx +18 -29
  244. package/src/SideNavigationSubItemTemplate.tsx +29 -51
  245. package/src/themes/SearchField.css +6 -1
  246. package/src/themes/base/SearchField-parameters.css +1 -0
@@ -1,3 +1,3 @@
1
- export default `:root{--_ui5-v2-13-0-rc-2_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-2_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-2_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-13-0-rc-2_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-13-0-rc-2_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-13-0-rc-2_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-2_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-0-rc-2_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-13-0-rc-2_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-13-0-rc-2_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-13-0-rc-2_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-2_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-2_product_switch_item_width: 11.25rem;--_ui5-v2-13-0-rc-2_product_switch_item_height: 7rem;--_ui5-v2-13-0-rc-2_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-2_product_switch_item_outline_offset: -.25rem;--_ui5-v2-13-0-rc-2_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-13-0-rc-2_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-13-0-rc-2_side_navigation_collapsed_width: 3rem;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_radius: unset;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-13-0-rc-2_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-2_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-2_side_navigation_triangle_display: block;--_ui5-v2-13-0-rc-2_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-2_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-2_side_navigation_expand_icon_width: 2rem;--_ui5-v2-13-0-rc-2_side_navigation_hover_border_style_color: none;--_ui5-v2-13-0-rc-2_side_navigation_hover_border_width: 0;--_ui5-v2-13-0-rc-2_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-13-0-rc-2_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-2_side_navigation_item_border_style_color: none;--_ui5-v2-13-0-rc-2_side_navigation_item_border_width: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-13-0-rc-2_side_navigation_item_border_radius: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_bottom_margin: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-13-0-rc-2_side_navigation_group_icon_width);--_ui5-v2-13-0-rc-2_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-13-0-rc-2_side_navigation_item_transition: none;--_ui5-v2-13-0-rc-2_side_navigation_item_padding_left: .5rem;--_ui5-v2-13-0-rc-2_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-13-0-rc-2_side_navigation_item_focus_border_radius: var(--_ui5-v2-13-0-rc-2_side_navigation_item_border_radius);--_ui5-v2-13-0-rc-2_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5-v2-13-0-rc-2_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5-v2-13-0-rc-2_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-13-0-rc-2_side_navigation_selected_border_style_color: solid var(--_ui5-v2-13-0-rc-2_side_navigation_selected_item_border_color);--_ui5-v2-13-0-rc-2_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-13-0-rc-2_side_navigation_selected_border_style_color);--_ui5-v2-13-0-rc-2_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-2_side_navigation_group_expanded_border_width: 0;--_ui5-v2-13-0-rc-2_side_navigation_group_icon_width: var(--_ui5-v2-13-0-rc-2_side_navigation_collapsed_width);--_ui5-v2-13-0-rc-2_side_navigation_item_font_family: "72override", var(--sapFontFamily);--_ui5-v2-13-0-rc-2_side_navigation_parent_item_font_family: "72override", var(--sapFontSemiboldDuplexFamily);--_ui5-v2-13-0-rc-2_side_navigation_group_padding: .5rem;--_ui5-v2-13-0-rc-2_side_navigation_padding-flexible: 0;--_ui5-v2-13-0-rc-2_side_navigation_padding-fixed: 0;--_ui5-v2-13-0-rc-2_side_navigation_popup_padding: 0;--_ui5-v2-13-0-rc-2_side_navigation_popup_title_line_height: normal;--_ui5-v2-13-0-rc-2_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-13-0-rc-2_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-2_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-13-0-rc-2_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-13-0-rc-2_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-13-0-rc-2_side_navigation_width: 16rem;--_ui5-v2-13-0-rc-2_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-2_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-13-0-rc-2_side_navigation_item_height: 2.5rem;--_ui5-v2-13-0-rc-2_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_style: dotted;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-13-0-rc-2_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-13-0-rc-2_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_content_padding: var(--_ui5-v2-13-0-rc-2_tl_bubble_padding);--_ui5-v2-13-0-rc-2_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-13-0-rc-2_upload_collection_drop_overlay_background: transparent;--ui5-v2-13-0-rc-2_upload_collection_thumbnail_size: 3rem;--ui5-v2-13-0-rc-2_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-13-0-rc-2_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_opacity: .8;--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-13-0-rc-2_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-13-0-rc-2_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-13-0-rc-2_vsd_header_container: 2.75rem;--_ui5-v2-13-0-rc-2_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-13-0-rc-2_vsd_content_li_padding: .375rem;--_ui5-v2-13-0-rc-2_vsd_content_height: 23.4375rem;--_ui5-v2-13-0-rc-2_vsd_expand_content_height: 26.1875rem;--_ui5-v2-13-0-rc-2_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-13-0-rc-2_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-2_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-13-0-rc-2_wiz_tab_focus_border_radius: 0;--_ui5-v2-13-0-rc-2_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-13-0-rc-2_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-2_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-13-0-rc-2_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-2_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-13-0-rc-2_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-13-0-rc-2_shellbar_root_height: 2.75rem;--_ui5-v2-13-0-rc-2_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-2_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-13-0-rc-2_shellbar_logo_outline_color);--_ui5-v2-13-0-rc-2_shellbar_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-2_shellbar_button_box_shadow: none;--_ui5-v2-13-0-rc-2_shellbar_button_box_shadow_active: none;--_ui5-v2-13-0-rc-2_shellbar_button_border: none;--_ui5-v2-13-0-rc-2_shellbar_button_border_radius: .25rem;--_ui5-v2-13-0-rc-2_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_box_shadow: none;--_ui5-v2-13-0-rc-2_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_width: 25rem;--_ui5-v2-13-0-rc-2_shellbar_input_focus_outline_color: inherit;--_ui5-v2-13-0-rc-2_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-13-0-rc-2_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-13-0-rc-2_shellbar_image_button_border_radius: 50%;--_ui5-v2-13-0-rc-2-shellbar-content-margin-start: .5rem;--_ui5-v2-13-0-rc-2-shellbar-overflow-button-margin: .5rem;--_ui5-v2-13-0-rc-2_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_dynamic_page_footer_spacer: 4rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-13-0-rc-2_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_top: .5rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_min_height: 4rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-13-0-rc-2_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-2_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-2_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-background);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-color);--_ui5-v2-13-0-rc-2_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-13-0-rc-2_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin: var(--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-13-0-rc-2_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-13-0-rc-2_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_right: auto}
1
+ export default `:root{--_ui5-v2-13-0-rc-3_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-3_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-3_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-13-0-rc-3_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-13-0-rc-3_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-13-0-rc-3_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-3_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-0-rc-3_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-13-0-rc-3_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-13-0-rc-3_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-13-0-rc-3_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-3_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-3_product_switch_item_width: 11.25rem;--_ui5-v2-13-0-rc-3_product_switch_item_height: 7rem;--_ui5-v2-13-0-rc-3_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-3_product_switch_item_outline_offset: -.25rem;--_ui5-v2-13-0-rc-3_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-13-0-rc-3_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-13-0-rc-3_side_navigation_collapsed_width: 3rem;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_radius: unset;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-13-0-rc-3_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-3_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-3_side_navigation_triangle_display: block;--_ui5-v2-13-0-rc-3_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-3_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-3_side_navigation_expand_icon_width: 2rem;--_ui5-v2-13-0-rc-3_side_navigation_hover_border_style_color: none;--_ui5-v2-13-0-rc-3_side_navigation_hover_border_width: 0;--_ui5-v2-13-0-rc-3_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-13-0-rc-3_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-3_side_navigation_item_border_style_color: none;--_ui5-v2-13-0-rc-3_side_navigation_item_border_width: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-13-0-rc-3_side_navigation_item_border_radius: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_bottom_margin: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-13-0-rc-3_side_navigation_group_icon_width);--_ui5-v2-13-0-rc-3_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-13-0-rc-3_side_navigation_item_transition: none;--_ui5-v2-13-0-rc-3_side_navigation_item_padding_left: .5rem;--_ui5-v2-13-0-rc-3_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-13-0-rc-3_side_navigation_item_focus_border_radius: var(--_ui5-v2-13-0-rc-3_side_navigation_item_border_radius);--_ui5-v2-13-0-rc-3_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5-v2-13-0-rc-3_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5-v2-13-0-rc-3_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-13-0-rc-3_side_navigation_selected_border_style_color: solid var(--_ui5-v2-13-0-rc-3_side_navigation_selected_item_border_color);--_ui5-v2-13-0-rc-3_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-13-0-rc-3_side_navigation_selected_border_style_color);--_ui5-v2-13-0-rc-3_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-3_side_navigation_group_expanded_border_width: 0;--_ui5-v2-13-0-rc-3_side_navigation_group_icon_width: var(--_ui5-v2-13-0-rc-3_side_navigation_collapsed_width);--_ui5-v2-13-0-rc-3_side_navigation_item_font_family: "72override", var(--sapFontFamily);--_ui5-v2-13-0-rc-3_side_navigation_parent_item_font_family: "72override", var(--sapFontSemiboldDuplexFamily);--_ui5-v2-13-0-rc-3_side_navigation_group_padding: .5rem;--_ui5-v2-13-0-rc-3_side_navigation_padding-flexible: 0;--_ui5-v2-13-0-rc-3_side_navigation_padding-fixed: 0;--_ui5-v2-13-0-rc-3_side_navigation_popup_padding: 0;--_ui5-v2-13-0-rc-3_side_navigation_popup_title_line_height: normal;--_ui5-v2-13-0-rc-3_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-13-0-rc-3_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-3_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-13-0-rc-3_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-13-0-rc-3_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-13-0-rc-3_side_navigation_width: 16rem;--_ui5-v2-13-0-rc-3_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-3_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-13-0-rc-3_side_navigation_item_height: 2.5rem;--_ui5-v2-13-0-rc-3_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_style: dotted;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-13-0-rc-3_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-13-0-rc-3_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_content_padding: var(--_ui5-v2-13-0-rc-3_tl_bubble_padding);--_ui5-v2-13-0-rc-3_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-13-0-rc-3_upload_collection_drop_overlay_background: transparent;--ui5-v2-13-0-rc-3_upload_collection_thumbnail_size: 3rem;--ui5-v2-13-0-rc-3_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-13-0-rc-3_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_opacity: .8;--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-13-0-rc-3_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-13-0-rc-3_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-13-0-rc-3_vsd_header_container: 2.75rem;--_ui5-v2-13-0-rc-3_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-13-0-rc-3_vsd_content_li_padding: .375rem;--_ui5-v2-13-0-rc-3_vsd_content_height: 23.4375rem;--_ui5-v2-13-0-rc-3_vsd_expand_content_height: 26.1875rem;--_ui5-v2-13-0-rc-3_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-13-0-rc-3_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-3_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-13-0-rc-3_wiz_tab_focus_border_radius: 0;--_ui5-v2-13-0-rc-3_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-13-0-rc-3_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-3_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-13-0-rc-3_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-3_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-13-0-rc-3_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-13-0-rc-3_shellbar_root_height: 2.75rem;--_ui5-v2-13-0-rc-3_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-3_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-13-0-rc-3_shellbar_logo_outline_color);--_ui5-v2-13-0-rc-3_shellbar_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-3_shellbar_button_box_shadow: none;--_ui5-v2-13-0-rc-3_shellbar_button_box_shadow_active: none;--_ui5-v2-13-0-rc-3_shellbar_button_border: none;--_ui5-v2-13-0-rc-3_shellbar_button_border_radius: .25rem;--_ui5-v2-13-0-rc-3_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_box_shadow: none;--_ui5-v2-13-0-rc-3_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_width: 25rem;--_ui5-v2-13-0-rc-3_shellbar_input_focus_outline_color: inherit;--_ui5-v2-13-0-rc-3_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-13-0-rc-3_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-13-0-rc-3_shellbar_image_button_border_radius: 50%;--_ui5-v2-13-0-rc-3-shellbar-content-margin-start: .5rem;--_ui5-v2-13-0-rc-3-shellbar-overflow-button-margin: .5rem;--_ui5-v2-13-0-rc-3_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_dynamic_page_footer_spacer: 4rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-13-0-rc-3_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_top: .5rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_min_height: 4rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-13-0-rc-3_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-3_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-3_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-background);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-color);--_ui5-v2-13-0-rc-3_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-13-0-rc-3_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin: var(--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-13-0-rc-3_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-13-0-rc-3_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_right: auto}
2
2
  `;
3
3
  //# 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 `:root{--_ui5-v2-13-0-rc-2_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-2_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-2_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-13-0-rc-2_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-13-0-rc-2_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-13-0-rc-2_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-2_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-0-rc-2_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-13-0-rc-2_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-13-0-rc-2_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-13-0-rc-2_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-2_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-2_product_switch_item_width: 11.25rem;--_ui5-v2-13-0-rc-2_product_switch_item_height: 7rem;--_ui5-v2-13-0-rc-2_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-2_product_switch_item_outline_offset: -.25rem;--_ui5-v2-13-0-rc-2_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-13-0-rc-2_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-13-0-rc-2_side_navigation_collapsed_width: 3rem;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_radius: unset;--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-13-0-rc-2_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-2_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-2_side_navigation_triangle_display: block;--_ui5-v2-13-0-rc-2_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-2_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-2_side_navigation_expand_icon_width: 2rem;--_ui5-v2-13-0-rc-2_side_navigation_hover_border_style_color: none;--_ui5-v2-13-0-rc-2_side_navigation_hover_border_width: 0;--_ui5-v2-13-0-rc-2_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-13-0-rc-2_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-2_side_navigation_item_border_style_color: none;--_ui5-v2-13-0-rc-2_side_navigation_item_border_width: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-13-0-rc-2_side_navigation_item_border_radius: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_bottom_margin: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-13-0-rc-2_side_navigation_group_icon_width);--_ui5-v2-13-0-rc-2_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-13-0-rc-2_side_navigation_item_transition: none;--_ui5-v2-13-0-rc-2_side_navigation_item_padding_left: .5rem;--_ui5-v2-13-0-rc-2_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-13-0-rc-2_side_navigation_item_focus_border_radius: var(--_ui5-v2-13-0-rc-2_side_navigation_item_border_radius);--_ui5-v2-13-0-rc-2_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5-v2-13-0-rc-2_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5-v2-13-0-rc-2_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-13-0-rc-2_side_navigation_selected_border_style_color: solid var(--_ui5-v2-13-0-rc-2_side_navigation_selected_item_border_color);--_ui5-v2-13-0-rc-2_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-13-0-rc-2_side_navigation_selected_border_style_color);--_ui5-v2-13-0-rc-2_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-2_side_navigation_group_expanded_border_width: 0;--_ui5-v2-13-0-rc-2_side_navigation_group_icon_width: var(--_ui5-v2-13-0-rc-2_side_navigation_collapsed_width);--_ui5-v2-13-0-rc-2_side_navigation_item_font_family: \"72override\", var(--sapFontFamily);--_ui5-v2-13-0-rc-2_side_navigation_parent_item_font_family: \"72override\", var(--sapFontSemiboldDuplexFamily);--_ui5-v2-13-0-rc-2_side_navigation_group_padding: .5rem;--_ui5-v2-13-0-rc-2_side_navigation_padding-flexible: 0;--_ui5-v2-13-0-rc-2_side_navigation_padding-fixed: 0;--_ui5-v2-13-0-rc-2_side_navigation_popup_padding: 0;--_ui5-v2-13-0-rc-2_side_navigation_popup_title_line_height: normal;--_ui5-v2-13-0-rc-2_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-13-0-rc-2_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-2_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-13-0-rc-2_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-13-0-rc-2_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-13-0-rc-2_side_navigation_width: 16rem;--_ui5-v2-13-0-rc-2_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-2_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-13-0-rc-2_side_navigation_item_height: 2.5rem;--_ui5-v2-13-0-rc-2_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_style: dotted;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-13-0-rc-2_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-13-0-rc-2_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_content_padding: var(--_ui5-v2-13-0-rc-2_tl_bubble_padding);--_ui5-v2-13-0-rc-2_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-13-0-rc-2_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-13-0-rc-2_upload_collection_drop_overlay_background: transparent;--ui5-v2-13-0-rc-2_upload_collection_thumbnail_size: 3rem;--ui5-v2-13-0-rc-2_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-13-0-rc-2_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_opacity: .8;--ui5-v2-13-0-rc-2_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-13-0-rc-2_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-13-0-rc-2_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-13-0-rc-2_vsd_header_container: 2.75rem;--_ui5-v2-13-0-rc-2_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-13-0-rc-2_vsd_content_li_padding: .375rem;--_ui5-v2-13-0-rc-2_vsd_content_height: 23.4375rem;--_ui5-v2-13-0-rc-2_vsd_expand_content_height: 26.1875rem;--_ui5-v2-13-0-rc-2_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-13-0-rc-2_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-2_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-13-0-rc-2_wiz_tab_focus_border_radius: 0;--_ui5-v2-13-0-rc-2_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-13-0-rc-2_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-2_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-13-0-rc-2_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-2_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-13-0-rc-2_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-13-0-rc-2_shellbar_root_height: 2.75rem;--_ui5-v2-13-0-rc-2_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-2_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-13-0-rc-2_shellbar_logo_outline_color);--_ui5-v2-13-0-rc-2_shellbar_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-2_shellbar_button_box_shadow: none;--_ui5-v2-13-0-rc-2_shellbar_button_box_shadow_active: none;--_ui5-v2-13-0-rc-2_shellbar_button_border: none;--_ui5-v2-13-0-rc-2_shellbar_button_border_radius: .25rem;--_ui5-v2-13-0-rc-2_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_box_shadow: none;--_ui5-v2-13-0-rc-2_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-2_shellbar_search_field_width: 25rem;--_ui5-v2-13-0-rc-2_shellbar_input_focus_outline_color: inherit;--_ui5-v2-13-0-rc-2_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-13-0-rc-2_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-13-0-rc-2_shellbar_image_button_border_radius: 50%;--_ui5-v2-13-0-rc-2-shellbar-content-margin-start: .5rem;--_ui5-v2-13-0-rc-2-shellbar-overflow-button-margin: .5rem;--_ui5-v2-13-0-rc-2_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_dynamic_page_footer_spacer: 4rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-13-0-rc-2_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-13-0-rc-2_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_top: .5rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_min_height: 4rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-2_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-13-0-rc-2_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-13-0-rc-2_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-13-0-rc-2_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-2_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-2_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-background);--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-13-0-rc-2_dynamic_page_header-actions-color);--_ui5-v2-13-0-rc-2_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-13-0-rc-2_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin: var(--_ui5-v2-13-0-rc-2_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-13-0-rc-2_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-13-0-rc-2_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-13-0-rc-2_side_navigation_item_expand_icon_hover_right: auto}\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;CACd,CAAA","sourcesContent":["export default `:root{--_ui5-v2-13-0-rc-3_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-3_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-3_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-13-0-rc-3_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-13-0-rc-3_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-13-0-rc-3_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-3_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-0-rc-3_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-13-0-rc-3_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-13-0-rc-3_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-13-0-rc-3_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-3_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-3_product_switch_item_width: 11.25rem;--_ui5-v2-13-0-rc-3_product_switch_item_height: 7rem;--_ui5-v2-13-0-rc-3_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-3_product_switch_item_outline_offset: -.25rem;--_ui5-v2-13-0-rc-3_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-13-0-rc-3_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-13-0-rc-3_side_navigation_collapsed_width: 3rem;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_radius: unset;--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-13-0-rc-3_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-3_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-13-0-rc-3_side_navigation_triangle_display: block;--_ui5-v2-13-0-rc-3_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-3_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-13-0-rc-3_side_navigation_expand_icon_width: 2rem;--_ui5-v2-13-0-rc-3_side_navigation_hover_border_style_color: none;--_ui5-v2-13-0-rc-3_side_navigation_hover_border_width: 0;--_ui5-v2-13-0-rc-3_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-13-0-rc-3_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-3_side_navigation_item_border_style_color: none;--_ui5-v2-13-0-rc-3_side_navigation_item_border_width: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5-v2-13-0-rc-3_side_navigation_item_border_radius: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_bottom_margin: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_padding_start_in_popup: var(--_ui5-v2-13-0-rc-3_side_navigation_group_icon_width);--_ui5-v2-13-0-rc-3_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5-v2-13-0-rc-3_side_navigation_item_transition: none;--_ui5-v2-13-0-rc-3_side_navigation_item_padding_left: .5rem;--_ui5-v2-13-0-rc-3_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-13-0-rc-3_side_navigation_item_focus_border_radius: var(--_ui5-v2-13-0-rc-3_side_navigation_item_border_radius);--_ui5-v2-13-0-rc-3_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5-v2-13-0-rc-3_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5-v2-13-0-rc-3_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-13-0-rc-3_side_navigation_selected_border_style_color: solid var(--_ui5-v2-13-0-rc-3_side_navigation_selected_item_border_color);--_ui5-v2-13-0-rc-3_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-13-0-rc-3_side_navigation_selected_border_style_color);--_ui5-v2-13-0-rc-3_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-13-0-rc-3_side_navigation_group_expanded_border_width: 0;--_ui5-v2-13-0-rc-3_side_navigation_group_icon_width: var(--_ui5-v2-13-0-rc-3_side_navigation_collapsed_width);--_ui5-v2-13-0-rc-3_side_navigation_item_font_family: \"72override\", var(--sapFontFamily);--_ui5-v2-13-0-rc-3_side_navigation_parent_item_font_family: \"72override\", var(--sapFontSemiboldDuplexFamily);--_ui5-v2-13-0-rc-3_side_navigation_group_padding: .5rem;--_ui5-v2-13-0-rc-3_side_navigation_padding-flexible: 0;--_ui5-v2-13-0-rc-3_side_navigation_padding-fixed: 0;--_ui5-v2-13-0-rc-3_side_navigation_popup_padding: 0;--_ui5-v2-13-0-rc-3_side_navigation_popup_title_line_height: normal;--_ui5-v2-13-0-rc-3_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-13-0-rc-3_side_navigation_action_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_collapsed_padding: 0;--_ui5-v2-13-0-rc-3_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5-v2-13-0-rc-3_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-13-0-rc-3_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5-v2-13-0-rc-3_side_navigation_width: 16rem;--_ui5-v2-13-0-rc-3_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-3_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-13-0-rc-3_side_navigation_item_height: 2.5rem;--_ui5-v2-13-0-rc-3_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_style: dotted;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-13-0-rc-3_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-13-0-rc-3_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_content_padding: var(--_ui5-v2-13-0-rc-3_tl_bubble_padding);--_ui5-v2-13-0-rc-3_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-13-0-rc-3_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-13-0-rc-3_upload_collection_drop_overlay_background: transparent;--ui5-v2-13-0-rc-3_upload_collection_thumbnail_size: 3rem;--ui5-v2-13-0-rc-3_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-13-0-rc-3_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_opacity: .8;--ui5-v2-13-0-rc-3_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-13-0-rc-3_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-13-0-rc-3_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-13-0-rc-3_vsd_header_container: 2.75rem;--_ui5-v2-13-0-rc-3_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-13-0-rc-3_vsd_content_li_padding: .375rem;--_ui5-v2-13-0-rc-3_vsd_content_height: 23.4375rem;--_ui5-v2-13-0-rc-3_vsd_expand_content_height: 26.1875rem;--_ui5-v2-13-0-rc-3_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-13-0-rc-3_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-13-0-rc-3_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-13-0-rc-3_wiz_tab_focus_border_radius: 0;--_ui5-v2-13-0-rc-3_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-13-0-rc-3_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-3_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-13-0-rc-3_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-13-0-rc-3_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-13-0-rc-3_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-13-0-rc-3_shellbar_root_height: 2.75rem;--_ui5-v2-13-0-rc-3_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-3_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-13-0-rc-3_shellbar_logo_outline_color);--_ui5-v2-13-0-rc-3_shellbar_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-3_shellbar_button_box_shadow: none;--_ui5-v2-13-0-rc-3_shellbar_button_box_shadow_active: none;--_ui5-v2-13-0-rc-3_shellbar_button_border: none;--_ui5-v2-13-0-rc-3_shellbar_button_border_radius: .25rem;--_ui5-v2-13-0-rc-3_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_box_shadow: none;--_ui5-v2-13-0-rc-3_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-13-0-rc-3_shellbar_search_field_width: 25rem;--_ui5-v2-13-0-rc-3_shellbar_input_focus_outline_color: inherit;--_ui5-v2-13-0-rc-3_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-13-0-rc-3_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-13-0-rc-3_shellbar_image_button_border_radius: 50%;--_ui5-v2-13-0-rc-3-shellbar-content-margin-start: .5rem;--_ui5-v2-13-0-rc-3-shellbar-overflow-button-margin: .5rem;--_ui5-v2-13-0-rc-3_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_dynamic_page_footer_spacer: 4rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-13-0-rc-3_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-13-0-rc-3_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_top: .5rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_min_height: 4rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-13-0-rc-3_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-13-0-rc-3_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-13-0-rc-3_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-13-0-rc-3_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-13-0-rc-3_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-13-0-rc-3_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-background);--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-13-0-rc-3_dynamic_page_header-actions-color);--_ui5-v2-13-0-rc-3_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-13-0-rc-3_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin: var(--_ui5-v2-13-0-rc-3_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-13-0-rc-3_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5-v2-13-0-rc-3_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-13-0-rc-3_side_navigation_item_expand_icon_hover_right: auto}\n`"]}
@@ -705,6 +705,11 @@
705
705
  "name": "ui5-shellbar-search",
706
706
  "description": "Search field for the ShellBar component.\n\n\n---\n\n\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.\n- **filterButton** - Defines the filter button slot, used to display an additional filtering button.\nThis slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.\n\n**Note:** Scope button and Filter button are mutually exclusive.",
707
707
  "attributes": [
708
+ {
709
+ "name": "auto-open",
710
+ "description": "Indicates whether the suggestions popover should be opened on focus.",
711
+ "values": []
712
+ },
708
713
  {
709
714
  "name": "loading",
710
715
  "description": "Indicates whether a loading indicator should be shown in the popup.",
@@ -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.13.0-rc.2",
4
+ "version": "2.13.0-rc.3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -1883,6 +1883,11 @@
1883
1883
  "description": "Search field for the ShellBar component.\n---\n\n\n### **Events:**\n - **open** - Fired when the popup is opened.\n- **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **default** - Defines the Search suggestion items.\n- **action** - Defines the popup footer action button.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.\n- **filterButton** - Defines the filter button slot, used to display an additional filtering button.\nThis slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.\n\n**Note:** Scope button and Filter button are mutually exclusive.",
1884
1884
  "doc-url": "",
1885
1885
  "attributes": [
1886
+ {
1887
+ "name": "auto-open",
1888
+ "description": "Indicates whether the suggestions popover should be opened on focus.",
1889
+ "value": { "type": "boolean", "default": "false" }
1890
+ },
1886
1891
  {
1887
1892
  "name": "loading",
1888
1893
  "description": "Indicates whether a loading indicator should be shown in the popup.",
@@ -1974,6 +1979,11 @@
1974
1979
  ],
1975
1980
  "js": {
1976
1981
  "properties": [
1982
+ {
1983
+ "name": "auto-open",
1984
+ "description": "Indicates whether the suggestions popover should be opened on focus.",
1985
+ "value": { "type": "boolean" }
1986
+ },
1977
1987
  {
1978
1988
  "name": "loading",
1979
1989
  "description": "Indicates whether a loading indicator should be shown in the popup.",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-fiori",
3
- "version": "2.13.0-rc.2",
3
+ "version": "2.13.0-rc.3",
4
4
  "description": "UI5 Web Components: webcomponents.fiori",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -54,17 +54,17 @@
54
54
  "directory": "packages/fiori"
55
55
  },
56
56
  "dependencies": {
57
- "@ui5/webcomponents": "2.13.0-rc.2",
58
- "@ui5/webcomponents-base": "2.13.0-rc.2",
59
- "@ui5/webcomponents-icons": "2.13.0-rc.2",
60
- "@ui5/webcomponents-theming": "2.13.0-rc.2",
57
+ "@ui5/webcomponents": "2.13.0-rc.3",
58
+ "@ui5/webcomponents-base": "2.13.0-rc.3",
59
+ "@ui5/webcomponents-icons": "2.13.0-rc.3",
60
+ "@ui5/webcomponents-theming": "2.13.0-rc.3",
61
61
  "@zxing/library": "^0.21.3"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@ui5/cypress-internal": "0.0.0",
65
- "@ui5/webcomponents-tools": "2.13.0-rc.2",
65
+ "@ui5/webcomponents-tools": "2.13.0-rc.3",
66
66
  "chromedriver": "^137.0.4",
67
67
  "lit": "^2.0.0"
68
68
  },
69
- "gitHead": "cfdce920e672d42c5433956291c3531ef8c07be3"
69
+ "gitHead": "f8c87eefa1d3cf69cd319ef9c72c01391978c008"
70
70
  }
@@ -22,23 +22,24 @@ function TreeItemTemplate(this: SideNavigationGroup) {
22
22
  role="none"
23
23
  >
24
24
  <div class="ui5-sn-item-separator"></div>
25
- <div class={`ui5-sn-item ui5-sn-item-group ${this._classes}`}
26
- role="treeitem"
27
- data-sap-focus-ref
28
- onKeyDown={this._onkeydown}
29
- onClick={this._onclick}
30
- onFocusIn={this._onfocusin}
31
- tabIndex={this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined}
32
- aria-expanded={this._expanded}
33
- title={this._tooltip}
34
- aria-owns={this._groupId}
25
+ <div id={this._id}
26
+ data-sap-focus-ref
27
+ class={`ui5-sn-item ui5-sn-item-group ${this._classes}`}
28
+ role="treeitem"
29
+ onKeyDown={this._onkeydown}
30
+ onClick={this._onclick}
31
+ onFocusIn={this._onfocusin}
32
+ tabIndex={this.effectiveTabIndex}
33
+ aria-expanded={this._expanded}
34
+ title={this._tooltip}
35
+ aria-owns={this._groupId}
35
36
  >
36
37
  <div class="ui5-sn-item-text">{this.text}</div>
37
38
  {!!this.items.length &&
38
39
  <Icon class="ui5-sn-item-toggle-icon"
39
- name={this.expanded ? navDownArrow : navRightArrow}
40
- accessibleName={this._arrowTooltip}
41
- showTooltip={true}
40
+ name={this.expanded ? navDownArrow : navRightArrow}
41
+ accessibleName={this._arrowTooltip}
42
+ showTooltip={true}
42
43
  />
43
44
  }
44
45
  </div>
@@ -6,154 +6,72 @@ import type SideNavigationItem from "./SideNavigationItem.js";
6
6
 
7
7
  export default function SideNavigationItemTemplate(this: SideNavigationItem) {
8
8
  if (this.sideNavCollapsed) {
9
- return MenuItemTemplate.call(this);
9
+ return ItemTemplate.call(this);
10
10
  }
11
- return TreeItemTemplate.call(this);
11
+
12
+ return (
13
+ <li id={this._id} class="ui5-sn-list-li" role="none">
14
+ {ItemTemplate.call(this)}
15
+ </li>
16
+ );
12
17
  }
13
18
 
14
- function MenuItemTemplate(this: SideNavigationItem) {
15
- return (<>
16
- {this._href ?
17
- <a id={this._id}
18
- class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}
19
- role={this.ariaRole}
20
- data-sap-focus-ref
21
- onKeyDown={this._onkeydown}
22
- onKeyUp={this._onkeyup}
23
- onClick={this._onclick}
24
- onFocusIn={this._onfocusin}
25
- onFocusOut={this._onfocusout}
26
- onMouseEnter={this._onmouseenter}
27
- onMouseLeave={this._onmouseleave}
28
- tabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}
29
- aria-haspopup={this._ariaHasPopup}
30
- aria-checked={this._ariaChecked}
31
- title={this._tooltip}
32
- href={this._href}
33
- target={this._target}
19
+ function ItemTemplate(this: SideNavigationItem) {
20
+ const EffectiveTag = this._effectiveTag;
21
+
22
+ return (
23
+ <>
24
+ <EffectiveTag id={this._id}
25
+ data-sap-focus-ref
26
+ class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}
27
+ role={this.ariaRole}
28
+ onKeyDown={this._onkeydown}
29
+ onKeyUp={this._onkeyup}
30
+ onClick={this._onclick}
31
+ onFocusIn={this._onfocusin}
32
+ tabIndex={this.effectiveTabIndex}
33
+ aria-current={this._ariaCurrent}
34
+ aria-selected={this._ariaSelected}
35
+ title={this._tooltip}
36
+ aria-disabled={this.effectiveDisabled}
37
+ href={this._href}
38
+ target={this._target}
39
+ aria-haspopup={this._ariaHasPopup}
40
+ onFocusOut={this._onfocusout}
41
+ onMouseEnter={this._onmouseenter}
42
+ onMouseLeave={this._onmouseleave}
43
+ aria-checked={this._ariaChecked}
44
+ aria-owns={this._groupId}
45
+ aria-label={this._ariaLabel}
46
+ aria-expanded={this._expanded}
34
47
  >
35
- <Icon class="ui5-sn-item-icon" name={this.icon}/>
48
+ {this.sideNavCollapsed ?
49
+ <Icon class="ui5-sn-item-icon" name={this.icon}/>
50
+ :
51
+ this.icon && <Icon class="ui5-sn-item-icon" name={this.icon}/>
52
+ }
36
53
  <div class="ui5-sn-item-text">{this.text}</div>
37
- {!!this.items.length &&
54
+ {this.sideNavCollapsed ?
55
+ !!this.items.length &&
38
56
  <Icon class="ui5-sn-item-toggle-icon"
39
- name={navRightArrow}
57
+ name={navRightArrow}
40
58
  />
41
- }
42
- {this.isExternalLink &&
43
- <Icon class="ui5-sn-item-external-link-icon"
44
- name={arrowRight}
45
- />
46
- }
47
- </a>
48
- :
49
- <div id={this._id}
50
- class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}
51
- role={this.ariaRole}
52
- data-sap-focus-ref
53
- onKeyDown={this._onkeydown}
54
- onKeyUp={this._onkeyup}
55
- onClick={this._onclick}
56
- onFocusIn={this._onfocusin}
57
- onFocusOut={this._onfocusout}
58
- onMouseEnter={this._onmouseenter}
59
- onMouseLeave={this._onmouseleave}
60
- tabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}
61
- aria-haspopup={this._ariaHasPopup}
62
- aria-checked={this._ariaChecked}
63
- title={this._tooltip}
64
- aria-label={this._ariaLabel}
65
- >
66
- <Icon class="ui5-sn-item-icon" name={this.icon}/>
67
- <div class="ui5-sn-item-text">{this.text}</div>
68
- {!!this.items.length &&
59
+ :
60
+ !!this.items.length &&
69
61
  <Icon class="ui5-sn-item-toggle-icon"
70
- name={navRightArrow}
62
+ name={this.expanded ? navDownArrow : navRightArrow}
63
+ accessibleName={this._arrowTooltip}
64
+ showTooltip={true}
65
+ onClick={this._onToggleClick}
71
66
  />
72
67
  }
73
68
  {this.isExternalLink &&
74
69
  <Icon class="ui5-sn-item-external-link-icon"
75
- name={arrowRight}
70
+ name={arrowRight}
76
71
  />
77
72
  }
78
- </div>
79
- }
80
- </>);
81
- }
82
-
83
- function TreeItemTemplate(this: SideNavigationItem) {
84
- return (
85
- <li id={this._id} class="ui5-sn-list-li" role="none">
86
- {this._href ?
87
- <a class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}
88
- role={this.ariaRole}
89
- data-sap-focus-ref
90
- onKeyDown={this._onkeydown}
91
- onKeyUp={this._onkeyup}
92
- onClick={this._onclick}
93
- onFocusIn={this._onfocusin}
94
- tabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}
95
- aria-expanded={this._expanded}
96
- aria-current={this._ariaCurrent}
97
- aria-selected={this.selected}
98
- title={this._tooltip}
99
- aria-owns={this._groupId}
100
- href={this._href}
101
- target={this._target}
102
- >
103
- {this.icon &&
104
- <Icon class="ui5-sn-item-icon" name={this.icon}/>
105
- }
106
- <div class="ui5-sn-item-text">{this.text}</div>
107
- {this.isExternalLink &&
108
- <Icon class="ui5-sn-item-external-link-icon"
109
- name={arrowRight}
110
- />
111
- }
112
- {!!this.items.length &&
113
- <Icon class="ui5-sn-item-toggle-icon"
114
- name={this.expanded ? navDownArrow : navRightArrow}
115
- accessibleName={this._arrowTooltip}
116
- showTooltip={true}
117
- onClick={this._onToggleClick}
118
- />
119
- }
120
- </a>
121
- :
122
- <div class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}
123
- role={this.ariaRole}
124
- data-sap-focus-ref
125
- onKeyDown={this._onkeydown}
126
- onKeyUp={this._onkeyup}
127
- onClick={this._onclick}
128
- onFocusIn={this._onfocusin}
129
- tabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}
130
- aria-expanded={this._expanded}
131
- aria-current={this._ariaCurrent}
132
- aria-selected={this.selected}
133
- aria-haspopup={this.accessibilityAttributes?.hasPopup}
134
- title={this._tooltip}
135
- aria-owns={this._groupId}
136
- >
137
- {this.icon &&
138
- <Icon class="ui5-sn-item-icon" name={this.icon}/>
139
- }
140
- <div class="ui5-sn-item-text">{this.text}</div>
141
- {this.isExternalLink &&
142
- <Icon class="ui5-sn-item-external-link-icon"
143
- name={arrowRight}
144
- />
145
- }
146
- {!!this.items.length &&
147
- <Icon class="ui5-sn-item-toggle-icon"
148
- name={this.expanded ? navDownArrow : navRightArrow}
149
- accessibleName={this._arrowTooltip}
150
- showTooltip={true}
151
- onClick={this._onToggleClick}
152
- />
153
- }
154
- </div>
155
- }
156
- {!!this.items.length &&
73
+ </EffectiveTag>
74
+ {!this.sideNavCollapsed && !!this.items.length &&
157
75
  <ul id={this._groupId}
158
76
  class="ui5-sn-item-ul"
159
77
  aria-label={this.text}
@@ -162,6 +80,6 @@ function TreeItemTemplate(this: SideNavigationItem) {
162
80
  <slot></slot>
163
81
  </ul>
164
82
  }
165
- </li>
83
+ </>
166
84
  );
167
85
  }
@@ -6,6 +6,23 @@ import SideNavigationItem from "./SideNavigationItem.js";
6
6
  import SideNavigationSubItem from "./SideNavigationSubItem.js";
7
7
 
8
8
  export default function SideNavigationTemplate(this: SideNavigation) {
9
+ const renderMenuItem = (item: SideNavigationItem | SideNavigationSubItem) => (
10
+ <NavigationMenuItem
11
+ accessibilityAttributes={item.accessibilityAttributes}
12
+ text={item.text}
13
+ icon={item.icon}
14
+ design={item.design}
15
+ disabled={item.disabled}
16
+ href={item.href}
17
+ target={item.target}
18
+ title={item.title}
19
+ tooltip={item._tooltip}
20
+ ref={this.captureRef.bind(item)}
21
+ >
22
+ {(item as any).items?.map(renderMenuItem)}
23
+ </NavigationMenuItem>
24
+ );
25
+
9
26
  return (<>
10
27
  <NavigationMenu
11
28
  id={`${this._id}-side-navigation-overflow-menu`}
@@ -14,35 +31,7 @@ export default function SideNavigationTemplate(this: SideNavigation) {
14
31
  onClose={this._onMenuClose}
15
32
  class="ui5-side-navigation-popover ui5-side-navigation-overflow-menu"
16
33
  >
17
- {this._menuPopoverItems.map(item =>
18
- <NavigationMenuItem
19
- accessibilityAttributes={item.accessibilityAttributes}
20
- text={item.text}
21
- icon={item.icon}
22
- design={item.design}
23
- disabled={item.disabled}
24
- href={item.href}
25
- target={item.target}
26
- title={item.title}
27
- tooltip={item._tooltip}
28
- ref={this.captureRef.bind(item)}
29
- >
30
- {item.items.map(subItem =>
31
- <NavigationMenuItem
32
- accessibilityAttributes={subItem.accessibilityAttributes}
33
- text={subItem.text}
34
- icon={subItem.icon}
35
- design={subItem.design}
36
- disabled={subItem.disabled}
37
- ref={this.captureRef.bind(subItem)}
38
- href={subItem.href}
39
- target={subItem.target}
40
- title={subItem.title}
41
- tooltip={subItem._tooltip}
42
- />
43
- )}
44
- </NavigationMenuItem>
45
- )}
34
+ {this._menuPopoverItems.map(renderMenuItem)}
46
35
  </NavigationMenu>
47
36
  <ResponsivePopover
48
37
  verticalAlign="Top"
@@ -3,59 +3,37 @@ import arrowRight from "@ui5/webcomponents-icons/dist/arrow-right.js";
3
3
  import type SideNavigationSubItem from "./SideNavigationSubItem.js";
4
4
 
5
5
  export default function SideNavigationSubItemTemplate(this: SideNavigationSubItem) {
6
+ const EffectiveTag = this._effectiveTag;
7
+
6
8
  return (
7
9
  <li id={this._id} class="ui5-sn-list-li" role="none">
8
- {this._href ?
9
- <a class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}
10
- role="treeitem"
11
- data-sap-focus-ref
12
- onKeyDown={this._onkeydown}
13
- onKeyUp={this._onkeyup}
14
- onClick={this._onclick}
15
- onFocusIn={this._onfocusin}
16
- tabIndex={this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined}
17
- aria-current={this._ariaCurrent}
18
- aria-selected={this.selected}
19
- title={this._tooltip}
20
- aria-disabled={this.effectiveDisabled}
21
- href={this._href}
22
- target={this._target}
23
- >
24
- {this.icon &&
25
- <Icon class="ui5-sn-item-icon" name={this.icon}/>
26
- }
27
- <div class="ui5-sn-item-text">{this.text}</div>
28
- {this.isExternalLink &&
29
- <Icon class="ui5-sn-item-external-link-icon"
30
- name={arrowRight}
31
- />
32
- }
33
- </a>
34
- :
35
- <div class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}
36
- role="treeitem"
37
- data-sap-focus-ref
38
- onKeyDown={this._onkeydown}
39
- onKeyUp={this._onkeyup}
40
- onClick={this._onclick}
41
- onFocusIn={this._onfocusin}
42
- tabIndex={this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined}
43
- aria-current={this._ariaCurrent}
44
- aria-haspopup={this.accessibilityAttributes?.hasPopup}
45
- aria-selected={this.selected}
46
- title={this._tooltip}
47
- >
48
- {this.icon &&
49
- <Icon class="ui5-sn-item-icon" name={this.icon}/>
50
- }
51
- <div class="ui5-sn-item-text">{this.text}</div>
52
- {this.isExternalLink &&
53
- <Icon class="ui5-sn-item-external-link-icon"
54
- name={arrowRight}
55
- />
56
- }
57
- </div>
58
- }
10
+ <EffectiveTag id={this._id}
11
+ data-sap-focus-ref
12
+ class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}
13
+ role={this.ariaRole}
14
+ onKeyDown={this._onkeydown}
15
+ onKeyUp={this._onkeyup}
16
+ onClick={this._onclick}
17
+ onFocusIn={this._onfocusin}
18
+ tabIndex={this.effectiveTabIndex}
19
+ aria-current={this._ariaCurrent}
20
+ aria-selected={this._ariaSelected}
21
+ title={this._tooltip}
22
+ aria-disabled={this.effectiveDisabled}
23
+ href={this._href}
24
+ target={this._target}
25
+ aria-haspopup={this._ariaHasPopup}
26
+ >
27
+ {this.icon &&
28
+ <Icon class="ui5-sn-item-icon" name={this.icon}/>
29
+ }
30
+ <div class="ui5-sn-item-text">{this.text}</div>
31
+ {this.isExternalLink &&
32
+ <Icon class="ui5-sn-item-external-link-icon"
33
+ name={arrowRight}
34
+ />
35
+ }
36
+ </EffectiveTag>
59
37
  </li>
60
38
  );
61
39
  }