@ui5/webcomponents-fiori 2.10.0-rc.2 → 2.10.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 (265) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/cypress/specs/FCL.cy.tsx +9 -0
  3. package/cypress/specs/Search.cy.tsx +0 -1
  4. package/cypress/specs/SearchField.cy.tsx +19 -0
  5. package/cypress/specs/ShellBarSearch.cy.tsx +65 -0
  6. package/cypress/specs/ShellBarSearch.mobile.cy.tsx +98 -0
  7. package/cypress/specs/SideNavigation.cy.tsx +29 -0
  8. package/dist/.tsbuildinfo +1 -1
  9. package/dist/FlexibleColumnLayout.d.ts +4 -2
  10. package/dist/FlexibleColumnLayout.js +25 -11
  11. package/dist/FlexibleColumnLayout.js.map +1 -1
  12. package/dist/Search.d.ts +3 -3
  13. package/dist/Search.js +9 -7
  14. package/dist/Search.js.map +1 -1
  15. package/dist/SearchField.d.ts +5 -4
  16. package/dist/SearchField.js +6 -5
  17. package/dist/SearchField.js.map +1 -1
  18. package/dist/SearchFieldTemplate.d.ts +7 -1
  19. package/dist/SearchFieldTemplate.js +3 -3
  20. package/dist/SearchFieldTemplate.js.map +1 -1
  21. package/dist/SearchItem.d.ts +1 -1
  22. package/dist/SearchItem.js +1 -1
  23. package/dist/SearchItem.js.map +1 -1
  24. package/dist/SearchPopoverTemplate.d.ts +2 -1
  25. package/dist/SearchPopoverTemplate.js +3 -3
  26. package/dist/SearchPopoverTemplate.js.map +1 -1
  27. package/dist/ShellBar.d.ts +6 -5
  28. package/dist/ShellBar.js.map +1 -1
  29. package/dist/ShellBarItem.d.ts +3 -2
  30. package/dist/ShellBarItem.js.map +1 -1
  31. package/dist/ShellBarSearch.d.ts +19 -0
  32. package/dist/ShellBarSearch.js +72 -0
  33. package/dist/ShellBarSearch.js.map +1 -0
  34. package/dist/ShellBarSearchPopoverTemplate.d.ts +2 -0
  35. package/dist/ShellBarSearchPopoverTemplate.js +12 -0
  36. package/dist/ShellBarSearchPopoverTemplate.js.map +1 -0
  37. package/dist/ShellBarSearchTemplate.d.ts +2 -0
  38. package/dist/ShellBarSearchTemplate.js +7 -0
  39. package/dist/ShellBarSearchTemplate.js.map +1 -0
  40. package/dist/SideNavigationGroup.d.ts +0 -1
  41. package/dist/SideNavigationGroup.js +1 -4
  42. package/dist/SideNavigationGroup.js.map +1 -1
  43. package/dist/SideNavigationGroupTemplate.js +1 -1
  44. package/dist/SideNavigationGroupTemplate.js.map +1 -1
  45. package/dist/UploadCollectionItem.d.ts +3 -1
  46. package/dist/UploadCollectionItem.js.map +1 -1
  47. package/dist/Wizard.d.ts +3 -1
  48. package/dist/Wizard.js.map +1 -1
  49. package/dist/bundle.esm.js +1 -0
  50. package/dist/bundle.esm.js.map +1 -1
  51. package/dist/css/themes/DynamicPage.css +1 -1
  52. package/dist/css/themes/DynamicPageHeader.css +1 -1
  53. package/dist/css/themes/DynamicPageHeaderActions.css +1 -1
  54. package/dist/css/themes/DynamicPageTitle.css +1 -1
  55. package/dist/css/themes/FlexibleColumnLayout.css +1 -1
  56. package/dist/css/themes/MediaGallery.css +1 -1
  57. package/dist/css/themes/MediaGalleryItem.css +1 -1
  58. package/dist/css/themes/NavigationMenu.css +1 -1
  59. package/dist/css/themes/NavigationMenuItem.css +1 -1
  60. package/dist/css/themes/NotificationListGroupItem.css +1 -1
  61. package/dist/css/themes/NotificationListItem.css +1 -1
  62. package/dist/css/themes/NotificationListItemBase.css +1 -1
  63. package/dist/css/themes/NotificationStateIcon.css +1 -1
  64. package/dist/css/themes/Page.css +1 -1
  65. package/dist/css/themes/ProductSwitchItem.css +1 -1
  66. package/dist/css/themes/Search.css +1 -1
  67. package/dist/css/themes/SearchField.css +1 -1
  68. package/dist/css/themes/ShellBar.css +1 -1
  69. package/dist/css/themes/ShellBarPopover.css +1 -1
  70. package/dist/css/themes/SideNavigation.css +1 -1
  71. package/dist/css/themes/SideNavigationGroup.css +1 -1
  72. package/dist/css/themes/SideNavigationItem.css +1 -1
  73. package/dist/css/themes/SideNavigationItemBase.css +1 -1
  74. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  75. package/dist/css/themes/Timeline.css +1 -1
  76. package/dist/css/themes/TimelineGroupItem.css +1 -1
  77. package/dist/css/themes/TimelineItem.css +1 -1
  78. package/dist/css/themes/UploadCollection.css +1 -1
  79. package/dist/css/themes/UploadCollectionItem.css +1 -1
  80. package/dist/css/themes/UserMenu.css +1 -1
  81. package/dist/css/themes/UserSettingsItem.css +1 -1
  82. package/dist/css/themes/ViewSettingsDialog.css +1 -1
  83. package/dist/css/themes/Wizard.css +1 -1
  84. package/dist/css/themes/WizardTab.css +1 -1
  85. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  86. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  87. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  88. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  89. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  90. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  91. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
  92. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  93. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  94. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
  95. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  96. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
  97. package/dist/custom-elements-internal.json +453 -36
  98. package/dist/custom-elements.json +371 -36
  99. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  100. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  101. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  102. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  103. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  104. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  105. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  106. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  107. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  108. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  109. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  110. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  111. package/dist/generated/i18n/i18n-defaults.d.ts +4 -2
  112. package/dist/generated/i18n/i18n-defaults.js +4 -2
  113. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  114. package/dist/generated/themes/DynamicPage.css.d.ts +1 -1
  115. package/dist/generated/themes/DynamicPage.css.js +1 -1
  116. package/dist/generated/themes/DynamicPage.css.js.map +1 -1
  117. package/dist/generated/themes/DynamicPageHeader.css.d.ts +1 -1
  118. package/dist/generated/themes/DynamicPageHeader.css.js +1 -1
  119. package/dist/generated/themes/DynamicPageHeader.css.js.map +1 -1
  120. package/dist/generated/themes/DynamicPageHeaderActions.css.d.ts +1 -1
  121. package/dist/generated/themes/DynamicPageHeaderActions.css.js +1 -1
  122. package/dist/generated/themes/DynamicPageHeaderActions.css.js.map +1 -1
  123. package/dist/generated/themes/DynamicPageTitle.css.d.ts +1 -1
  124. package/dist/generated/themes/DynamicPageTitle.css.js +1 -1
  125. package/dist/generated/themes/DynamicPageTitle.css.js.map +1 -1
  126. package/dist/generated/themes/FlexibleColumnLayout.css.d.ts +1 -1
  127. package/dist/generated/themes/FlexibleColumnLayout.css.js +1 -1
  128. package/dist/generated/themes/FlexibleColumnLayout.css.js.map +1 -1
  129. package/dist/generated/themes/MediaGallery.css.d.ts +1 -1
  130. package/dist/generated/themes/MediaGallery.css.js +1 -1
  131. package/dist/generated/themes/MediaGallery.css.js.map +1 -1
  132. package/dist/generated/themes/MediaGalleryItem.css.d.ts +1 -1
  133. package/dist/generated/themes/MediaGalleryItem.css.js +1 -1
  134. package/dist/generated/themes/MediaGalleryItem.css.js.map +1 -1
  135. package/dist/generated/themes/NavigationMenu.css.d.ts +1 -1
  136. package/dist/generated/themes/NavigationMenu.css.js +1 -1
  137. package/dist/generated/themes/NavigationMenu.css.js.map +1 -1
  138. package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
  139. package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
  140. package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
  141. package/dist/generated/themes/NotificationListGroupItem.css.d.ts +1 -1
  142. package/dist/generated/themes/NotificationListGroupItem.css.js +1 -1
  143. package/dist/generated/themes/NotificationListGroupItem.css.js.map +1 -1
  144. package/dist/generated/themes/NotificationListItem.css.d.ts +1 -1
  145. package/dist/generated/themes/NotificationListItem.css.js +1 -1
  146. package/dist/generated/themes/NotificationListItem.css.js.map +1 -1
  147. package/dist/generated/themes/NotificationListItemBase.css.d.ts +1 -1
  148. package/dist/generated/themes/NotificationListItemBase.css.js +1 -1
  149. package/dist/generated/themes/NotificationListItemBase.css.js.map +1 -1
  150. package/dist/generated/themes/NotificationStateIcon.css.d.ts +1 -1
  151. package/dist/generated/themes/NotificationStateIcon.css.js +1 -1
  152. package/dist/generated/themes/NotificationStateIcon.css.js.map +1 -1
  153. package/dist/generated/themes/Page.css.d.ts +1 -1
  154. package/dist/generated/themes/Page.css.js +1 -1
  155. package/dist/generated/themes/Page.css.js.map +1 -1
  156. package/dist/generated/themes/ProductSwitchItem.css.d.ts +1 -1
  157. package/dist/generated/themes/ProductSwitchItem.css.js +1 -1
  158. package/dist/generated/themes/ProductSwitchItem.css.js.map +1 -1
  159. package/dist/generated/themes/Search.css.d.ts +1 -1
  160. package/dist/generated/themes/Search.css.js +1 -1
  161. package/dist/generated/themes/Search.css.js.map +1 -1
  162. package/dist/generated/themes/SearchField.css.d.ts +1 -1
  163. package/dist/generated/themes/SearchField.css.js +1 -1
  164. package/dist/generated/themes/SearchField.css.js.map +1 -1
  165. package/dist/generated/themes/ShellBar.css.d.ts +1 -1
  166. package/dist/generated/themes/ShellBar.css.js +1 -1
  167. package/dist/generated/themes/ShellBar.css.js.map +1 -1
  168. package/dist/generated/themes/ShellBarPopover.css.d.ts +1 -1
  169. package/dist/generated/themes/ShellBarPopover.css.js +1 -1
  170. package/dist/generated/themes/ShellBarPopover.css.js.map +1 -1
  171. package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
  172. package/dist/generated/themes/SideNavigation.css.js +1 -1
  173. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  174. package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
  175. package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
  176. package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
  177. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  178. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  179. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  180. package/dist/generated/themes/SideNavigationItemBase.css.d.ts +1 -1
  181. package/dist/generated/themes/SideNavigationItemBase.css.js +1 -1
  182. package/dist/generated/themes/SideNavigationItemBase.css.js.map +1 -1
  183. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  184. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  185. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  186. package/dist/generated/themes/Timeline.css.d.ts +1 -1
  187. package/dist/generated/themes/Timeline.css.js +1 -1
  188. package/dist/generated/themes/Timeline.css.js.map +1 -1
  189. package/dist/generated/themes/TimelineGroupItem.css.d.ts +1 -1
  190. package/dist/generated/themes/TimelineGroupItem.css.js +1 -1
  191. package/dist/generated/themes/TimelineGroupItem.css.js.map +1 -1
  192. package/dist/generated/themes/TimelineItem.css.d.ts +1 -1
  193. package/dist/generated/themes/TimelineItem.css.js +1 -1
  194. package/dist/generated/themes/TimelineItem.css.js.map +1 -1
  195. package/dist/generated/themes/UploadCollection.css.d.ts +1 -1
  196. package/dist/generated/themes/UploadCollection.css.js +1 -1
  197. package/dist/generated/themes/UploadCollection.css.js.map +1 -1
  198. package/dist/generated/themes/UploadCollectionItem.css.d.ts +1 -1
  199. package/dist/generated/themes/UploadCollectionItem.css.js +1 -1
  200. package/dist/generated/themes/UploadCollectionItem.css.js.map +1 -1
  201. package/dist/generated/themes/UserMenu.css.d.ts +1 -1
  202. package/dist/generated/themes/UserMenu.css.js +1 -1
  203. package/dist/generated/themes/UserMenu.css.js.map +1 -1
  204. package/dist/generated/themes/UserSettingsItem.css.d.ts +1 -1
  205. package/dist/generated/themes/UserSettingsItem.css.js +1 -1
  206. package/dist/generated/themes/UserSettingsItem.css.js.map +1 -1
  207. package/dist/generated/themes/ViewSettingsDialog.css.d.ts +1 -1
  208. package/dist/generated/themes/ViewSettingsDialog.css.js +1 -1
  209. package/dist/generated/themes/ViewSettingsDialog.css.js.map +1 -1
  210. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  211. package/dist/generated/themes/Wizard.css.js +1 -1
  212. package/dist/generated/themes/Wizard.css.js.map +1 -1
  213. package/dist/generated/themes/WizardTab.css.d.ts +1 -1
  214. package/dist/generated/themes/WizardTab.css.js +1 -1
  215. package/dist/generated/themes/WizardTab.css.js.map +1 -1
  216. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  217. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  218. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  219. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  220. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  221. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  222. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  223. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  224. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  225. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  226. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  227. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  228. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  229. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  230. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  231. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  232. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  233. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  234. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  235. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
  236. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  237. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  238. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  239. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  240. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  241. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  242. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  243. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  244. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
  245. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  246. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  247. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  248. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  249. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  250. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
  251. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  252. package/dist/vscode.html-custom-data.json +52 -10
  253. package/dist/web-types.json +166 -19
  254. package/package.json +7 -7
  255. package/src/SearchFieldTemplate.tsx +11 -3
  256. package/src/SearchPopoverTemplate.tsx +4 -3
  257. package/src/ShellBarSearchPopoverTemplate.tsx +24 -0
  258. package/src/ShellBarSearchTemplate.tsx +12 -0
  259. package/src/SideNavigationGroupTemplate.tsx +0 -1
  260. package/src/i18n/messagebundle.properties +9 -3
  261. package/src/themes/DynamicPage.css +1 -1
  262. package/src/themes/FlexibleColumnLayout.css +4 -0
  263. package/src/themes/SearchField.css +11 -3
  264. package/src/themes/ShellBar.css +2 -0
  265. package/src/themes/SideNavigationItem.css +4 -0
@@ -29,6 +29,10 @@
29
29
  transition: width 560ms cubic-bezier(0.1, 0, 0.05, 1), visibility 560ms ease-in;
30
30
  }
31
31
 
32
+ .ui5-fcl-column:not(.ui5-fcl-column-collapse-animation) {
33
+ min-width: 15.5rem; /* as noted in our documentation */
34
+ }
35
+
32
36
  .ui5-fcl-column--hidden {
33
37
  display: none;
34
38
  }
@@ -1,11 +1,13 @@
1
1
  /* container */
2
- :host {
2
+ :host,
3
+ .ui5-shellbar-search-field-wrapper {
3
4
  height: 2.25rem;
4
5
  display: flex;
5
6
  align-items: center;
6
7
  }
7
8
 
8
- :host(:not([collapsed])) {
9
+ :host(:not([collapsed])),
10
+ .ui5-shellbar-search-field-wrapper {
9
11
  min-width: 18rem;
10
12
  max-width: 36rem;
11
13
  margin: 0;
@@ -23,8 +25,14 @@
23
25
  position: relative;
24
26
  }
25
27
 
28
+ .ui5-shellbar-search-field-wrapper {
29
+ flex: 1;
30
+ min-width: auto;
31
+ }
32
+
26
33
  :host(:not([collapsed]):hover),
27
- :host(:not([collapsed]):focus-within) {
34
+ :host(:not([collapsed]):focus-within),
35
+ .ui5-shellbar-search-field-wrapper:focus-within {
28
36
  box-shadow: var(--sapField_Hover_Shadow);
29
37
  background: var(--_ui5-search-wrapper-hover-background);
30
38
  background-color: var(--_ui5-search-wrapper-hover-background-color);
@@ -111,6 +111,8 @@ slot[name="profile"] {
111
111
  min-width: 0;
112
112
  min-height: 2rem;
113
113
  pointer-events: none;
114
+ font-size: var(--_ui5_avatar_fontsize_XS);
115
+ font-weight: normal;
114
116
  }
115
117
 
116
118
  .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner {
@@ -22,4 +22,8 @@
22
22
 
23
23
  .ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow {
24
24
  margin-top: auto;
25
+ }
26
+
27
+ .ui5-sn-item-level1 .ui5-sn-item-text {
28
+ font-weight: bold;
25
29
  }