@ui5/webcomponents-fiori 2.5.0-rc.1 → 2.5.0-rc.3

package/src/i18n/messagebundle.properties

@@ -430,3 +430,26 @@ SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
 
 #XTXT: Accessible name for the Group Header
 SIDE_NAVIGATION_GROUP_HEADER_DESC=Group Header
+
+#XTXT: User menu other accounts button
+USER_MENU_OTHER_ACCOUNT_BUTTON_TXT=Other accounts
+
+#XTXT:  User menu manage account button
+USER_MENU_CLOSE_BUTTON_TXT=Close
+
+#XTXT:  User menu manage account button
+USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT=Manage account
+
+#XTXT:  User menu sign out button
+USER_MENU_SIGN_OUT_BUTTON_TXT=Sign Out
+
+#XACT: ARIA User menu edit avatar
+USER_MENU_EDIT_AVATAR_TXT=Edit avatar
+
+#XACT: ARIA add account
+USER_MENU_ADD_ACCOUNT_TXT=Add account
+
+#XACT: ARIA information for the user menu popover
+USER_MENU_POPOVER_ACCESSIBLE_NAME=User menu for
+
+

package/src/themes/UserMenu.css

@@ -0,0 +1,107 @@
+.ui5-pm-rp {
+    width: 20rem;
+}
+
+.ui5-pm-rp::part(content),
+.ui5-pm-rp::part(footer) {
+    padding-inline: 0.5rem;
+}
+
+.ui5-pm-rp::part(header) {
+    box-shadow: none;
+    padding: 0;
+}
+
+.ui5-pm-header {
+    width: 100%;
+    padding-block-start: 1rem;
+    padding-inline: 0.5rem;
+    display: flex;
+    flex-direction: column;
+}
+
+.ui5-pm-rp::part(content) {
+    padding-top: 0;
+    padding-bottom: 0.5rem;
+}
+
+.ui5-pm-rp::part(footer) {
+    padding-block: 0.5rem;
+}
+
+.ui5-pm-selected-account {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    margin-bottom: 1rem;
+}
+
+.ui5-pm--selected-account-avatar{
+	margin-block: 0.5rem;
+}
+
+.ui5-pm-selected-account-title{
+	margin-block: 0.25rem;
+	font-family: var(--sapFontBoldFamily);
+	font-size: var(--sapFontLargeSize);
+	color: var(--sapTextColor)
+}
+
+.ui5-pm-selected-account-subtitleText{
+	margin-block: 0.25rem;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	color: var(--sapContent_LabelColor)
+}
+
+.ui5-pm-selected-account-description{
+	margin-bottom: 1rem;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	color: var(--sapContent_LabelColor)
+}
+
+.ui5-pm-decline-btn {
+	align-self: flex-end;
+	font-family: var(--sapFontSemiboldFamily);
+}
+
+.ui5-pm-manage-account-btn {
+	margin-top: 0.5rem;
+	font-family: var(--sapFontSemiboldFamily);
+}
+
+
+.ui5-pm-sign-out-btn {
+	font-family: var(--sapFontSemiboldFamily);
+}
+
+.ui5-pm-other-accounts {
+    margin-bottom: 1rem;
+}
+
+.ui5-pm-other-accounts::part(content) {
+    padding: 0;
+}
+
+.ui5-pm-other-accounts-content {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    align-items: center;
+    gap: 1rem;
+    padding-block: 1rem;
+}
+
+.ui5-user-menu-account-header {
+    display: flex;
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ui5-pm-footer {
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
+    align-items: center;
+}

package/src/themes/UserMenuItem.css

@@ -0,0 +1,11 @@
+:host {
+    margin-block: 0.5rem;
+}
+
+:host(:last-of-type) {
+    margin-bottom: 0;
+}
+
+:host(:first-of-type) {
+    margin-top: 0;
+}