@ui5/webcomponents-fiori 2.24.0-rc.0 → 2.24.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 (144) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/BarcodeScannerDialog.d.ts +4 -2
  4. package/dist/BarcodeScannerDialog.js +4 -2
  5. package/dist/BarcodeScannerDialog.js.map +1 -1
  6. package/dist/DynamicPage.js +17 -6
  7. package/dist/DynamicPage.js.map +1 -1
  8. package/dist/IllustratedMessageTemplate.js +1 -1
  9. package/dist/IllustratedMessageTemplate.js.map +1 -1
  10. package/dist/Search.d.ts +1 -0
  11. package/dist/Search.js +1 -0
  12. package/dist/Search.js.map +1 -1
  13. package/dist/SearchPopoverTemplate.js +1 -1
  14. package/dist/SearchPopoverTemplate.js.map +1 -1
  15. package/dist/ShellBar.d.ts +9 -0
  16. package/dist/ShellBar.js +15 -4
  17. package/dist/ShellBar.js.map +1 -1
  18. package/dist/ShellBarItem.d.ts +2 -0
  19. package/dist/ShellBarItem.js +5 -0
  20. package/dist/ShellBarItem.js.map +1 -1
  21. package/dist/ShellBarTemplate.js +1 -1
  22. package/dist/ShellBarTemplate.js.map +1 -1
  23. package/dist/Timeline.d.ts +3 -3
  24. package/dist/Timeline.js +1 -1
  25. package/dist/Timeline.js.map +1 -1
  26. package/dist/UserMenu.d.ts +10 -0
  27. package/dist/UserMenu.js +6 -0
  28. package/dist/UserMenu.js.map +1 -1
  29. package/dist/UserMenuTemplate.js +2 -1
  30. package/dist/UserMenuTemplate.js.map +1 -1
  31. package/dist/css/themes/HeroBanner.css +1 -1
  32. package/dist/css/themes/IllustratedMessage.css +1 -1
  33. package/dist/css/themes/Search.css +1 -1
  34. package/dist/css/themes/UserMenu.css +1 -1
  35. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  36. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  37. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  38. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  39. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  40. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +1 -12
  41. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -12
  42. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +0 -12
  43. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +0 -12
  44. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +1 -12
  45. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -12
  46. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +0 -12
  47. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -12
  48. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +0 -12
  49. package/dist/custom-elements-internal.json +39 -10
  50. package/dist/custom-elements.json +23 -7
  51. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  52. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  53. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  54. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  55. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  56. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  57. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  58. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  59. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  60. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  61. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  62. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  63. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  64. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  65. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  66. package/dist/generated/themes/HeroBanner.css.js +1 -1
  67. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  68. package/dist/generated/themes/IllustratedMessage.css.d.ts +1 -1
  69. package/dist/generated/themes/IllustratedMessage.css.js +1 -1
  70. package/dist/generated/themes/IllustratedMessage.css.js.map +1 -1
  71. package/dist/generated/themes/Search.css.d.ts +1 -1
  72. package/dist/generated/themes/Search.css.js +1 -1
  73. package/dist/generated/themes/Search.css.js.map +1 -1
  74. package/dist/generated/themes/UserMenu.css.d.ts +1 -1
  75. package/dist/generated/themes/UserMenu.css.js +1 -1
  76. package/dist/generated/themes/UserMenu.css.js.map +1 -1
  77. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  78. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  79. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  80. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  81. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  82. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  83. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  84. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  85. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  86. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  87. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  88. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  89. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  90. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  91. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  92. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  93. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +1 -12
  94. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  95. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  96. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -12
  97. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  98. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  99. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +0 -12
  100. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  101. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  102. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +0 -12
  103. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  104. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  105. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +1 -12
  106. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  107. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  108. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -12
  109. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  110. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  111. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +0 -12
  112. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  113. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  114. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -12
  115. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  116. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  117. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +0 -12
  118. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  119. package/dist/vscode.html-custom-data.json +3 -3
  120. package/dist/web-types.json +14 -6
  121. package/package.json +7 -7
  122. package/src/IllustratedMessageTemplate.tsx +1 -1
  123. package/src/SearchPopoverTemplate.tsx +1 -0
  124. package/src/ShellBarTemplate.tsx +1 -1
  125. package/src/UserMenuTemplate.tsx +6 -0
  126. package/src/themes/HeroBanner.css +22 -19
  127. package/src/themes/IllustratedMessage.css +14 -14
  128. package/src/themes/Search.css +1 -0
  129. package/src/themes/UserMenu.css +19 -1
  130. package/src/themes/base/HeroBanner-parameters.css +0 -1
  131. package/src/themes/base/Search-parameters.css +1 -0
  132. package/src/themes/sap_fiori_3/parameters-bundle.css +0 -1
  133. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
  134. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
  135. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
  136. package/src/themes/sap_horizon/parameters-bundle.css +0 -1
  137. package/src/themes/sap_horizon_dark/parameters-bundle.css +0 -1
  138. package/src/themes/sap_horizon_dark_exp/parameters-bundle.css +0 -1
  139. package/src/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  140. package/src/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
  141. package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css +0 -1
  142. package/src/themes/sap_horizon_hcw/parameters-bundle.css +0 -1
  143. package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css +0 -1
  144. package/src/themes/base/IllustratedMessage-parameters.css +0 -13
@@ -2,7 +2,6 @@
2
2
  --_ui5_banner_background: light-dark(var(--sapShell_Banner_Background, var(--sapHighlightColor)), var(--sapShell_HeroBanner_Background));
3
3
  --_ui5_banner_text_color: light-dark(var(--sapShell_Banner_TextColor, var(--sapContent_ContrastTextColor)), var(--sapShell_HeroBanner_TextColor));
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_timeline_scroll_container_offset: var(--_ui5-light-scheme, .5rem) var(--_ui5-dark-scheme, var(--_ui5-f2d95f8));
@@ -13,17 +12,6 @@
13
12
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
14
13
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
15
14
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
16
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
17
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
18
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
19
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
20
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
21
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
22
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
23
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
24
- --sapIllus_NoColor: none;
25
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
26
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
27
15
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
28
16
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
29
17
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -256,6 +244,7 @@
256
244
  --_ui5-search-field-text-color: var(--sapField_TextColor);
257
245
  --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
258
246
  --_ui5_search_byline_vertical_padding: .5rem;
247
+ --_ui5_search_popover_max_height: 39rem;
259
248
  --_ui5_dynamic_page_title_padding_top: .5rem;
260
249
  --_ui5_dynamic_page_title_padding_bottom: .5rem;
261
250
  --_ui5_dynamic_page_title_min_height: 4rem;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapShell_Background);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -125,6 +113,7 @@
125
113
  --_ui5-search-field-text-color: var(--sapField_TextColor);
126
114
  --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
127
115
  --_ui5_search_byline_vertical_padding: .5rem;
116
+ --_ui5_search_popover_max_height: 39rem;
128
117
  --_ui5_TimelineItem_arrow_size: 1.625rem;
129
118
  --_ui5_TimelineItem_bubble_border_width: .125rem;
130
119
  --_ui5_TimelineItem_bubble_border_style: solid;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapShell_Background);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: none;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_Banner_Background, var(--sapHighlightColor));
3
3
  --_ui5_banner_text_color: var(--sapShell_Banner_TextColor, var(--sapContent_ContrastTextColor));
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapShell_Background);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: none;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: light-dark(linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff), linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000));
11
10
  --_ui5_fcl_decoration_bottom: light-dark(linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff), linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000));
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -238,6 +226,7 @@
238
226
  --_ui5-search-field-text-color: var(--sapField_TextColor);
239
227
  --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
240
228
  --_ui5_search_byline_vertical_padding: .5rem;
229
+ --_ui5_search_popover_max_height: 39rem;
241
230
  --_ui5_dynamic_page_footer_spacer: 4rem;
242
231
  --_ui5_dynamic_page_title_padding_S: .5rem 1rem;
243
232
  --_ui5_dynamic_page_title_padding_M: .5rem 2rem;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -252,6 +240,7 @@
252
240
  --_ui5-search-field-text-color: var(--sapField_TextColor);
253
241
  --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
254
242
  --_ui5_search_byline_vertical_padding: .5rem;
243
+ --_ui5_search_popover_max_height: 39rem;
255
244
  --_ui5_dynamic_page_title_padding_top: .5rem;
256
245
  --_ui5_dynamic_page_title_padding_bottom: .5rem;
257
246
  --_ui5_dynamic_page_title_min_height: 4rem;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #000);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #000);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -238,6 +226,7 @@
238
226
  --_ui5-search-field-text-color: var(--sapField_TextColor);
239
227
  --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
240
228
  --_ui5_search_byline_vertical_padding: .5rem;
229
+ --_ui5_search_popover_max_height: 39rem;
241
230
  --_ui5_dynamic_page_footer_spacer: 4rem;
242
231
  --_ui5_dynamic_page_title_padding_S: .5rem 1rem;
243
232
  --_ui5_dynamic_page_title_padding_M: .5rem 2rem;
@@ -2,24 +2,12 @@
2
2
  --_ui5_banner_background: var(--sapShell_HeroBanner_Background);
3
3
  --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
- --_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
6
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
7
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
8
7
  --_ui5_fcl_solid_bg: var(--sapBackgroundColor);
9
8
  --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
10
9
  --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);
11
10
  --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);
12
- --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
13
- --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
14
- --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
15
- --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
16
- --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
17
- --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
18
- --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
19
- --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
20
- --sapIllus_NoColor: none;
21
- --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
22
- --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
23
11
  --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
24
12
  --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
25
13
  --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
@@ -115,11 +115,19 @@
115
115
  }
116
116
  ]
117
117
  },
118
- "description": "Fires when the scan is completed successfuuly.",
118
+ "description": "Fires when the scan is completed successfully.",
119
119
  "_ui5Cancelable": false,
120
120
  "_ui5allowPreventDefault": false,
121
121
  "_ui5Bubbles": true,
122
122
  "_ui5parameters": [
123
+ {
124
+ "type": {
125
+ "text": "string"
126
+ },
127
+ "name": "format",
128
+ "_ui5privacy": "public",
129
+ "description": "the format of the scanned barcode (e.g. \"QR_CODE\", \"EAN_13\", \"CODE_128\")"
130
+ },
123
131
  {
124
132
  "type": {
125
133
  "text": "Object"
@@ -6118,6 +6126,12 @@
6118
6126
  "kind": "class",
6119
6127
  "description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`",
6120
6128
  "name": "Search",
6129
+ "cssParts": [
6130
+ {
6131
+ "description": "Used to style the suggestions popup",
6132
+ "name": "popover"
6133
+ }
6134
+ ],
6121
6135
  "slots": [
6122
6136
  {
6123
6137
  "name": "action",
@@ -8766,6 +8780,12 @@
8766
8780
  "_ui5experimental": true,
8767
8781
  "_ui5since": "2.10.0",
8768
8782
  "_ui5privacy": "public",
8783
+ "cssParts": [
8784
+ {
8785
+ "description": "Used to style the suggestions popup",
8786
+ "name": "popover"
8787
+ }
8788
+ ],
8769
8789
  "slots": [
8770
8790
  {
8771
8791
  "name": "action",
@@ -10602,7 +10622,7 @@
10602
10622
  {
10603
10623
  "name": "header",
10604
10624
  "description": "Defines the content of the Timeline's header area, displayed above the items.\nTypically a `ui5-toolbar` with search, sort, and filter controls.",
10605
- "_ui5since": "2.22.0",
10625
+ "_ui5since": "2.24.0",
10606
10626
  "_ui5type": {
10607
10627
  "text": "Array<HTMLElement>"
10608
10628
  },
@@ -10611,7 +10631,7 @@
10611
10631
  {
10612
10632
  "name": "infoBar",
10613
10633
  "description": "Defines the content of the Timeline's info bar area, displayed below the header\nand above the items. Use for status display (applied filters, sort direction, counts).",
10614
- "_ui5since": "2.22.0",
10634
+ "_ui5since": "2.24.0",
10615
10635
  "_ui5type": {
10616
10636
  "text": "Array<HTMLElement>"
10617
10637
  },
@@ -10696,7 +10716,7 @@
10696
10716
  "default": "false",
10697
10717
  "description": "Defines whether the content of the `header` and `infoBar` slots remains visible when the user scrolls the Timeline.\n\n**Note:** The bars pin to the Timeline's own scrollport. Give the Timeline a\nconstrained height (for example `style=\"height: 32rem\"`) so its items scroll\ninside it. Placing the Timeline inside an externally scrolling ancestor while\nleaving the Timeline itself unsized is not supported in this mode — the bars\nwill scroll away with the ancestor.",
10698
10718
  "privacy": "public",
10699
- "_ui5since": "2.22.0"
10719
+ "_ui5since": "2.24.0"
10700
10720
  }
10701
10721
  ],
10702
10722
  "events": [
@@ -11942,6 +11962,15 @@
11942
11962
  "text": "Array<HTMLElement>"
11943
11963
  },
11944
11964
  "_ui5privacy": "public"
11965
+ },
11966
+ {
11967
+ "name": "infoArea",
11968
+ "description": "Defines the content of the info area inside the User Menu's account block.\n\n**Note:** When empty, the User Menu renders unchanged.",
11969
+ "_ui5since": "2.24.0",
11970
+ "_ui5type": {
11971
+ "text": "Array<HTMLElement>"
11972
+ },
11973
+ "_ui5privacy": "public"
11945
11974
  }
11946
11975
  ],
11947
11976
  "members": [
@@ -15743,6 +15772,12 @@
15743
15772
  }
15744
15773
  ]
15745
15774
  },
15775
+ {
15776
+ "kind": "javascript-module",
15777
+ "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
15778
+ "declarations": [],
15779
+ "exports": []
15780
+ },
15746
15781
  {
15747
15782
  "kind": "javascript-module",
15748
15783
  "path": "dist/types/FCLLayout.js",
@@ -18156,12 +18191,6 @@
18156
18191
  }
18157
18192
  }
18158
18193
  ]
18159
- },
18160
- {
18161
- "kind": "javascript-module",
18162
- "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
18163
- "declarations": [],
18164
- "exports": []
18165
18194
  }
18166
18195
  ]
18167
18196
  }
@@ -84,7 +84,7 @@
84
84
  }
85
85
  ]
86
86
  },
87
- "description": "Fires when the scan is completed successfuuly."
87
+ "description": "Fires when the scan is completed successfully."
88
88
  }
89
89
  ],
90
90
  "attributes": [
@@ -4898,6 +4898,12 @@
4898
4898
  "kind": "class",
4899
4899
  "description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`",
4900
4900
  "name": "Search",
4901
+ "cssParts": [
4902
+ {
4903
+ "description": "Used to style the suggestions popup",
4904
+ "name": "popover"
4905
+ }
4906
+ ],
4901
4907
  "slots": [
4902
4908
  {
4903
4909
  "name": "action",
@@ -6989,6 +6995,12 @@
6989
6995
  },
6990
6996
  "tagName": "ui5-shellbar-search",
6991
6997
  "customElement": true,
6998
+ "cssParts": [
6999
+ {
7000
+ "description": "Used to style the suggestions popup",
7001
+ "name": "popover"
7002
+ }
7003
+ ],
6992
7004
  "slots": [
6993
7005
  {
6994
7006
  "name": "action",
@@ -9578,6 +9590,10 @@
9578
9590
  {
9579
9591
  "name": "footer",
9580
9592
  "description": "Defines custom footer content.\n\n**Note:** When provided, replaces the default \"Sign Out\" button. Use an empty element to hide the footer completely."
9593
+ },
9594
+ {
9595
+ "name": "infoArea",
9596
+ "description": "Defines the content of the info area inside the User Menu's account block.\n\n**Note:** When empty, the User Menu renders unchanged."
9581
9597
  }
9582
9598
  ],
9583
9599
  "members": [
@@ -12583,6 +12599,12 @@
12583
12599
  }
12584
12600
  ]
12585
12601
  },
12602
+ {
12603
+ "kind": "javascript-module",
12604
+ "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
12605
+ "declarations": [],
12606
+ "exports": []
12607
+ },
12586
12608
  {
12587
12609
  "kind": "javascript-module",
12588
12610
  "path": "dist/types/FCLLayout.js",
@@ -12957,12 +12979,6 @@
12957
12979
  }
12958
12980
  }
12959
12981
  ]
12960
- },
12961
- {
12962
- "kind": "javascript-module",
12963
- "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
12964
- "declarations": [],
12965
- "exports": []
12966
12982
  }
12967
12983
  ]
12968
12984
  }
@@ -1 +1 @@
1
- ":host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--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_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 3rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n:dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}\n"
1
+ ":host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_search_popover_max_height: 39rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 3rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n:dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}\n"