@ui5/webcomponents-fiori 2.24.0 → 2.25.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 (86) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/MediaGalleryTemplate.js +1 -1
  4. package/dist/MediaGalleryTemplate.js.map +1 -1
  5. package/dist/ShellBar.js +7 -1
  6. package/dist/ShellBar.js.map +1 -1
  7. package/dist/ShellBarSearch.d.ts +1 -0
  8. package/dist/ShellBarSearch.js +6 -0
  9. package/dist/ShellBarSearch.js.map +1 -1
  10. package/dist/UserMenu.d.ts +1 -1
  11. package/dist/UserMenu.js +1 -1
  12. package/dist/UserMenu.js.map +1 -1
  13. package/dist/UserSettingsAccountView.js +2 -2
  14. package/dist/UserSettingsAccountView.js.map +1 -1
  15. package/dist/UserSettingsAppearanceViewItemTemplate.js +1 -1
  16. package/dist/UserSettingsAppearanceViewItemTemplate.js.map +1 -1
  17. package/dist/UserSettingsAppearanceViewTemplate.js +2 -2
  18. package/dist/UserSettingsAppearanceViewTemplate.js.map +1 -1
  19. package/dist/UserSettingsDialog.d.ts +18 -0
  20. package/dist/UserSettingsDialog.js +49 -3
  21. package/dist/UserSettingsDialog.js.map +1 -1
  22. package/dist/UserSettingsDialogTemplate.js +3 -3
  23. package/dist/UserSettingsDialogTemplate.js.map +1 -1
  24. package/dist/UserSettingsItemTemplate.js +1 -1
  25. package/dist/UserSettingsItemTemplate.js.map +1 -1
  26. package/dist/css/themes/UserSettingsAccountView.css +1 -1
  27. package/dist/css/themes/UserSettingsAppearanceViewItem.css +1 -1
  28. package/dist/css/themes/UserSettingsDialog.css +1 -1
  29. package/dist/css/themes/UserSettingsItem.css +1 -1
  30. package/dist/css/themes/UserSettingsView.css +1 -1
  31. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  32. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +2 -2
  33. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +2 -2
  34. package/dist/custom-elements-internal.json +45 -4
  35. package/dist/custom-elements.json +36 -3
  36. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  37. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  39. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  40. package/dist/generated/i18n/i18n-defaults.d.ts +3 -1
  41. package/dist/generated/i18n/i18n-defaults.js +6 -4
  42. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  43. package/dist/generated/themes/UserSettingsAccountView.css.d.ts +1 -1
  44. package/dist/generated/themes/UserSettingsAccountView.css.js +1 -1
  45. package/dist/generated/themes/UserSettingsAccountView.css.js.map +1 -1
  46. package/dist/generated/themes/UserSettingsAppearanceViewItem.css.d.ts +1 -1
  47. package/dist/generated/themes/UserSettingsAppearanceViewItem.css.js +1 -1
  48. package/dist/generated/themes/UserSettingsAppearanceViewItem.css.js.map +1 -1
  49. package/dist/generated/themes/UserSettingsDialog.css.d.ts +1 -1
  50. package/dist/generated/themes/UserSettingsDialog.css.js +1 -1
  51. package/dist/generated/themes/UserSettingsDialog.css.js.map +1 -1
  52. package/dist/generated/themes/UserSettingsItem.css.d.ts +1 -1
  53. package/dist/generated/themes/UserSettingsItem.css.js +1 -1
  54. package/dist/generated/themes/UserSettingsItem.css.js.map +1 -1
  55. package/dist/generated/themes/UserSettingsView.css.d.ts +1 -1
  56. package/dist/generated/themes/UserSettingsView.css.js +1 -1
  57. package/dist/generated/themes/UserSettingsView.css.js.map +1 -1
  58. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  59. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  60. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  61. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  62. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +2 -2
  63. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  64. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  65. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +2 -2
  66. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  67. package/dist/shellbar/ShellBarSearch.d.ts +3 -1
  68. package/dist/shellbar/ShellBarSearch.js +3 -2
  69. package/dist/shellbar/ShellBarSearch.js.map +1 -1
  70. package/dist/vscode.html-custom-data.json +6 -1
  71. package/dist/web-types.json +34 -8
  72. package/package-scripts.cjs +1 -0
  73. package/package.json +10 -8
  74. package/src/MediaGalleryTemplate.tsx +6 -2
  75. package/src/UserSettingsAppearanceViewItemTemplate.tsx +1 -3
  76. package/src/UserSettingsAppearanceViewTemplate.tsx +2 -2
  77. package/src/UserSettingsDialogTemplate.tsx +9 -2
  78. package/src/UserSettingsItemTemplate.tsx +1 -1
  79. package/src/i18n/messagebundle.properties +9 -3
  80. package/src/i18n/messagebundle_en.properties +3 -3
  81. package/src/themes/UserSettingsAccountView.css +2 -0
  82. package/src/themes/UserSettingsAppearanceViewItem.css +3 -10
  83. package/src/themes/UserSettingsDialog.css +5 -0
  84. package/src/themes/UserSettingsItem.css +3 -2
  85. package/src/themes/UserSettingsView.css +4 -17
  86. package/src/themes/sap_horizon/HeroBanner-parameters.css +2 -2
package/src/themes/UserSettingsAccountView.css CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: column;
5
+ margin-top: 2.5rem;
5
6
  }
6
7
 
7
8
  .ui5-user-settings-account-avatar {
@@ -16,6 +17,7 @@
16
17
  .ui5-user-settings-account-title {
17
18
  text-align: center;
18
19
  margin-top: 0.25rem;
20
+ margin-bottom: 0.25rem;
19
21
  font-family: var(--sapFontFamily);
20
22
  font-size: var(--sapFontLargeSize);
21
23
  color: var(--sapTextColor);
package/src/themes/UserSettingsAppearanceViewItem.css CHANGED
@@ -13,22 +13,15 @@
13
13
  flex: 1;
14
14
  }
15
15
 
16
- .avatar-cozy {
17
- display: var(--_ui5_user_settings_avatar_cozy_display);
18
- }
19
-
20
- .avatar-compact {
21
- display: var(--_ui5_user_settings_avatar_compact_display);
22
- }
23
-
24
16
  .item-texts {
25
17
  display: flex;
26
18
  flex-direction: column;
27
19
  }
28
20
 
29
21
  .item-title {
30
- font-weight: 600;
31
- font-size: var(--_ui5_list_item_title_size);
22
+ font-family: var(--sapFontFamily);
23
+ font-size: var(--sapFontLargeSize);
24
+ font-weight: normal;
32
25
  color: var(--sapList_TextColor);
33
26
  margin: 0.5rem;
34
27
  }
package/src/themes/UserSettingsDialog.css CHANGED
@@ -32,6 +32,7 @@
32
32
  flex-direction: column;
33
33
  gap: 0.5rem;
34
34
  padding: 1rem;
35
+ border-bottom: 0.0625rem solid var(--sapList_BorderColor);
35
36
  }
36
37
 
37
38
  .ui5-user-settings-side-search {
@@ -39,6 +40,10 @@
39
40
  }
40
41
 
41
42
  .ui5-user-settings-side-items,
43
+ .ui5-user-settings-side-fixedItems {
44
+ border-top: 0;
45
+ }
46
+
42
47
  .ui5-user-settings-side-fixedItems {
43
48
  border-top: 0.0625rem solid var(--sapList_BorderColor);
44
49
  }
package/src/themes/UserSettingsItem.css CHANGED
@@ -12,9 +12,10 @@
12
12
  display: flex;
13
13
  gap: 0.5rem;
14
14
  align-items: center;
15
- padding: 1rem 1rem 0.5rem;
15
+ padding: 1rem;
16
16
  font-size: var(--sapFontHeader5Size);
17
17
  font-family: var(--sapFontBoldFamily);
18
+ border-bottom: 0.0625rem solid var(--sapList_BorderColor);
18
19
  }
19
20
 
20
21
  .ui5-user-settings-item-loading-container {
@@ -72,6 +73,6 @@
72
73
 
73
74
  @container (width > 37.5rem) {
74
75
  .ui5-user-settings-item-header {
75
- padding-inline: 2rem;
76
+ padding-inline: 1rem;
76
77
  }
77
78
  }
package/src/themes/UserSettingsView.css CHANGED
@@ -6,23 +6,10 @@
6
6
  padding: 1rem;
7
7
  }
8
8
 
9
- @container (width > 37.5rem) {
10
- .ui5-user-settings-view {
11
- padding-inline: 2rem;
12
- }
9
+ .user-settings-appearance-view-top-header {
10
+ margin-top: 0.5rem;
13
11
  }
14
12
 
15
- .user-settings-appearance-view-list-header {
16
- overflow: hidden;
17
- white-space: nowrap;
18
- text-overflow: ellipsis;
19
- box-sizing: border-box;
20
- font-size: var(--sapFontHeader4Size);
21
- font-family: var(--sapFontFamily);
22
- color: var(--sapGroup_TitleTextColor);
23
- height: 3rem;
24
- line-height: 3rem;
25
- padding: 0 1rem;
26
- background-color: var(--sapGroup_TitleBackground);
27
- border-bottom: 1px solid var(--sapGroup_TitleBorderColor);
13
+ .user-settings-appearance-view-top-header::part(title) {
14
+ font-size: var(--sapFontHeader5Size);
28
15
  }
package/src/themes/sap_horizon/HeroBanner-parameters.css CHANGED
@@ -1,4 +1,4 @@
1
1
  :host {
2
- --_ui5_banner_background: var(--sapShell_Banner_Background, var(--sapHighlightColor));
3
- --_ui5_banner_text_color: var(--sapShell_Banner_TextColor, var(--sapContent_ContrastTextColor));
2
+ --_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));
3
+ --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));
4
4
  }