ui5-upload-collection as items
+ *
+ * @public
+ */
+interface IUploadCollectionItem extends HTMLElement { }
+
type UploadCollectionSelectionChangeEventDetail = {
selectedItems: Arrayui5-wizard.
- * @csspart step-content - Used to style a ui5-wizard-step container.
+ * @csspart navigator - Used to style the progress navigator of the ui5-wizard.
+ * @csspart step-content - Used to style a ui5-wizard-step container.
*/
@customElement({
tag: "ui5-wizard",
diff --git a/packages/fiori/src/WizardTab.ts b/packages/fiori/src/WizardTab.ts
index fcfb1bf0f95f..a9b98041adfb 100644
--- a/packages/fiori/src/WizardTab.ts
+++ b/packages/fiori/src/WizardTab.ts
@@ -138,7 +138,7 @@ class WizardTab extends UI5Element implements ITabbable {
* @private
*/
@property({ defaultValue: "-1" })
- _tabIndex!: string
+ forcedTabIndex!: string
_wizardTabAccInfo? : WizardTabInfo
@@ -164,7 +164,7 @@ class WizardTab extends UI5Element implements ITabbable {
}
get tabIndex() {
- return Number(this._tabIndex);
+ return Number(this.forcedTabIndex);
}
get hasTexts() {
diff --git a/packages/fiori/src/i18n/messagebundle.properties b/packages/fiori/src/i18n/messagebundle.properties
index 1afb33d6bccc..5d2064e55b27 100644
--- a/packages/fiori/src/i18n/messagebundle.properties
+++ b/packages/fiori/src/i18n/messagebundle.properties
@@ -137,7 +137,7 @@ SHELLBAR_LABEL = Shell Bar
SHELLBAR_LOGO = Logo
#XACT: ARIA announcement for the CoPilot button
-SHELLBAR_COPILOT = CoPilot
+SHELLBAR_COPILOT = Joule
#XACT: ARIA announcement for the notifications button
SHELLBAR_NOTIFICATIONS = {0} Notifications
@@ -337,6 +337,12 @@ IM_TITLE_GROUPTABLE=Try grouping items for a better overview
#XTXT: IllustratedMessage's description for the GroupTable illustration
IM_SUBTITLE_GROUPTABLE=You can choose grouping categories in the group settings.
+#XTIT: IllustratedMessage's title for the NewMail illustration
+IM_TITLE_NEWMAIL=New mail
+
+#XTXT: IllustratedMessage's description for the NewMail illustration
+IM_SUBTITLE_NEWMAIL=You have new mail in your inbox.
+
#XTIT: IllustratedMessage's title for the NoFilterResults illustration
IM_TITLE_NOFILTERRESULTS=No results found
@@ -355,6 +361,12 @@ IM_TITLE_RESIZECOLUMN=Choose your own column width
#XTXT: IllustratedMessage's description for the ResizeColumn illustration
IM_SUBTITLE_RESIZECOLUMN=You can resize columns by dragging the column borders.
+#XTIT: IllustratedMessage's title for the SignOut illustration
+IM_TITLE_SIGNOUT=You''ve been signed out
+
+#XTXT: IllustratedMessage's description for the SignOut illustration
+IM_SUBTITLE_SIGNOUT=You can now close this window.
+
#XTIT: IllustratedMessage's title for the SortColumn illustration
IM_TITLE_SORTCOLUMN=Not seeing the most important items first?
diff --git a/packages/fiori/src/i18n/messagebundle_cs.properties b/packages/fiori/src/i18n/messagebundle_cs.properties
index a7383ee6b838..7c292bc647ed 100644
--- a/packages/fiori/src/i18n/messagebundle_cs.properties
+++ b/packages/fiori/src/i18n/messagebundle_cs.properties
@@ -260,4 +260,4 @@ SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC=Strom navigačního seznamu
SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC=Položka stromu navigačního seznamu
-SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
+SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=Více položek
diff --git a/packages/fiori/src/i18n/messagebundle_en.properties b/packages/fiori/src/i18n/messagebundle_en.properties
index f73fbfbb8a91..4b1c41c78746 100644
--- a/packages/fiori/src/i18n/messagebundle_en.properties
+++ b/packages/fiori/src/i18n/messagebundle_en.properties
@@ -78,7 +78,7 @@ SHELLBAR_LABEL=Shell Bar
SHELLBAR_LOGO=Logo
-SHELLBAR_COPILOT=CoPilot
+SHELLBAR_COPILOT=Joule
SHELLBAR_NOTIFICATIONS={0} Notifications
@@ -212,6 +212,10 @@ IM_TITLE_GROUPTABLE=Try grouping items for a better overview
IM_SUBTITLE_GROUPTABLE=You can choose grouping categories in the group settings.
+IM_TITLE_NEWMAIL=New mail
+
+IM_SUBTITLE_NEWMAIL=You have new mail in your inbox.
+
IM_TITLE_NOFILTERRESULTS=No results found
IM_SUBTITLE_NOFILTERRESULTS=Try adjusting your filter criteria.
@@ -224,6 +228,10 @@ IM_TITLE_RESIZECOLUMN=Choose your own column width
IM_SUBTITLE_RESIZECOLUMN=You can resize columns by dragging the column borders.
+IM_TITLE_SIGNOUT=You've been signed out.
+
+IM_SUBTITLE_SIGNOUT=You can now close this window.
+
IM_TITLE_SORTCOLUMN=Not seeing the most important items first?
IM_SUBTITLE_SORTCOLUMN=Choose the sort criteria in the sort settings.
diff --git a/packages/fiori/src/i18n/messagebundle_en_US_saprigi.properties b/packages/fiori/src/i18n/messagebundle_en_US_saprigi.properties
index 18f61672b281..db04d1c10aa5 100644
--- a/packages/fiori/src/i18n/messagebundle_en_US_saprigi.properties
+++ b/packages/fiori/src/i18n/messagebundle_en_US_saprigi.properties
@@ -78,7 +78,7 @@ SHELLBAR_LABEL=
SHELLBAR_LOGO=Logo
-SHELLBAR_COPILOT=CoPilot
+SHELLBAR_COPILOT=Joule
SHELLBAR_NOTIFICATIONS={0} Notifications
@@ -212,6 +212,10 @@ IM_TITLE_GROUPTABLE=
IM_SUBTITLE_GROUPTABLE=You can choose grouping categories in the group settings.
+IM_TITLE_NEWMAIL=New mail
+
+IM_SUBTITLE_NEWMAIL=You have new mail in your inbox.
+
IM_TITLE_NOFILTERRESULTS=No results found
IM_SUBTITLE_NOFILTERRESULTS=Try adjusting your filter criteria.
@@ -224,6 +228,10 @@ IM_TITLE_RESIZECOLUMN=
IM_SUBTITLE_RESIZECOLUMN=You can resize columns by dragging the column borders.
+IM_TITLE_SIGNOUT=You've been signed out.
+
+IM_SUBTITLE_SIGNOUT=You can now close this window.
+
IM_TITLE_SORTCOLUMN=Not seeing the most important items first?
IM_SUBTITLE_SORTCOLUMN=Choose the sort criteria in the sort settings.
diff --git a/packages/fiori/src/i18n/messagebundle_kk.properties b/packages/fiori/src/i18n/messagebundle_kk.properties
index 39de679c1919..e8cd4325a931 100644
--- a/packages/fiori/src/i18n/messagebundle_kk.properties
+++ b/packages/fiori/src/i18n/messagebundle_kk.properties
@@ -260,4 +260,4 @@ SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC=Навигация тізімінің тар
SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC=Навигация тізімі тармақты құрылымының тармағы
-SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
+SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=Қосымша тармақтар
diff --git a/packages/fiori/src/i18n/messagebundle_lt.properties b/packages/fiori/src/i18n/messagebundle_lt.properties
index 9616286ba16f..983e3d6d49f6 100644
--- a/packages/fiori/src/i18n/messagebundle_lt.properties
+++ b/packages/fiori/src/i18n/messagebundle_lt.properties
@@ -260,4 +260,4 @@ SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC=Naršymo sąrašo medis
SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC=Naršymo sąrašo medžio elementas
-SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
+SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=Daugiau pozicijų
diff --git a/packages/fiori/src/i18n/messagebundle_sv.properties b/packages/fiori/src/i18n/messagebundle_sv.properties
index bd18f3bb0e36..45902c81fbc1 100644
--- a/packages/fiori/src/i18n/messagebundle_sv.properties
+++ b/packages/fiori/src/i18n/messagebundle_sv.properties
@@ -260,4 +260,4 @@ SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC=Träd i navigeringslista
SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC=Trädelement i navigeringslista
-SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
+SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=Fler element
diff --git a/packages/fiori/src/i18n/messagebundle_uk.properties b/packages/fiori/src/i18n/messagebundle_uk.properties
index 5f39957acc4f..2c9a4ec9846a 100644
--- a/packages/fiori/src/i18n/messagebundle_uk.properties
+++ b/packages/fiori/src/i18n/messagebundle_uk.properties
@@ -260,4 +260,4 @@ SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC=Дерево навігаційного сп
SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC=Елемент дерева навігаційного списку
-SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=More Items
+SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME=Більше елементів
diff --git a/packages/fiori/src/illustrations/sapIllus-Dialog-NewMail.svg b/packages/fiori/src/illustrations/sapIllus-Dialog-NewMail.svg
new file mode 100644
index 000000000000..12147c2193ff
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Dialog-NewMail.svg
@@ -0,0 +1,27 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Dialog-SignOut.svg b/packages/fiori/src/illustrations/sapIllus-Dialog-SignOut.svg
new file mode 100644
index 000000000000..cfdf866ea6e9
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Dialog-SignOut.svg
@@ -0,0 +1,24 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Dot-NewMail.svg b/packages/fiori/src/illustrations/sapIllus-Dot-NewMail.svg
new file mode 100644
index 000000000000..227bf1a0ed1e
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Dot-NewMail.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Dot-SignOut.svg b/packages/fiori/src/illustrations/sapIllus-Dot-SignOut.svg
new file mode 100644
index 000000000000..9a53f4b6582c
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Dot-SignOut.svg
@@ -0,0 +1,12 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Scene-NewMail.svg b/packages/fiori/src/illustrations/sapIllus-Scene-NewMail.svg
new file mode 100644
index 000000000000..a05be9476a14
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Scene-NewMail.svg
@@ -0,0 +1,59 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Scene-SignOut.svg b/packages/fiori/src/illustrations/sapIllus-Scene-SignOut.svg
new file mode 100644
index 000000000000..a37531845197
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Scene-SignOut.svg
@@ -0,0 +1,113 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Spot-NewMail.svg b/packages/fiori/src/illustrations/sapIllus-Spot-NewMail.svg
new file mode 100644
index 000000000000..271e09f590ed
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Spot-NewMail.svg
@@ -0,0 +1,27 @@
+
diff --git a/packages/fiori/src/illustrations/sapIllus-Spot-SignOut.svg b/packages/fiori/src/illustrations/sapIllus-Spot-SignOut.svg
new file mode 100644
index 000000000000..4205d035af05
--- /dev/null
+++ b/packages/fiori/src/illustrations/sapIllus-Spot-SignOut.svg
@@ -0,0 +1,23 @@
+
diff --git a/packages/fiori/src/themes/NotificationListGroupItem.css b/packages/fiori/src/themes/NotificationListGroupItem.css
index e0871f168f9a..9f00a9a1354b 100644
--- a/packages/fiori/src/themes/NotificationListGroupItem.css
+++ b/packages/fiori/src/themes/NotificationListGroupItem.css
@@ -5,10 +5,6 @@
--_ui5-notification_item-border-raius: 0px;
}
-:host(:not([collapsed])) .ui5-nli-group-toggle-btn {
- transform: var(--_ui5_li_notification_group_toggle_btn_rotation);
-}
-
:host([collapsed]) .ui5-nli-group-items {
display: none;
}
diff --git a/packages/fiori/src/themes/ShellBar.css b/packages/fiori/src/themes/ShellBar.css
index fb624ce70459..ecf216dcf123 100644
--- a/packages/fiori/src/themes/ShellBar.css
+++ b/packages/fiori/src/themes/ShellBar.css
@@ -10,6 +10,8 @@
--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);
--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);
--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);
+ --_ui5_input_focus_outline_color: var(--_ui5_shellbar_input_focus_outline_color);
+ --_ui5_input_margin_top_bottom: 0;
}
.ui5-shellbar-root {
@@ -72,10 +74,6 @@
color: var(--_ui5_shellbar_button_active_color);
}
-.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow {
- border-top-color: var(--_ui5_shellbar_button_active_color);
-}
-
.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus {
outline: var(--_ui5_shellbar_logo_outline);
outline-offset: var(--_ui5_shellbar_outline_offset);
@@ -97,6 +95,7 @@ slot[name="profile"] {
border: none;
}
+.ui5-shellbar-menu-button-arrow,
.ui5-shellbar-menu-button-title,
.ui5-shellbar-title {
display: inline-block;
@@ -127,16 +126,7 @@ slot[name="profile"] {
}
.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow {
- display: inline-block;
margin-inline-start: 0.375rem;
- width: 10px;
- height: 10px;
- width: 0px;
- height: 0px;
- color: var(--sapShell_InteractiveTextColor);
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-top: 5px solid var(--sapShell_TextColor);
}
.ui5-shellbar-overflow-container {
@@ -152,10 +142,19 @@ slot[name="profile"] {
height: var(--_ui5_shellbar_overflow_container_middle_height);
width: 0;
flex-shrink: 0;
+ width: 7.5rem;
+}
+
+:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-middle {
+ width: 0;
}
-:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle {
- width: 3rem;
+:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-middle {
+ width: 35rem;
+}
+
+:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-left {
+ flex-shrink: 0;
}
:host([breakpoint-size="S"]) .ui5-shellbar-menu-button {
@@ -207,6 +206,19 @@ slot[name="profile"] {
border-radius: var(--_ui5_shellbar_logo_border_radius);
}
+.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover {
+ box-shadow: var(--_ui5_shellbar_button_box_shadow);
+}
+
+.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active {
+ box-shadow: var(--_ui5_shellbar_button_box_shadow_active);
+}
+
+.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,
+.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title {
+ color: var(--sapShell_Active_TextColor);
+}
+
.ui5-shellbar-menu-button .ui5-shellbar-logo:hover {
box-shadow: none;
}
@@ -247,7 +259,7 @@ slot[name="profile"] {
justify-content: flex-start;
margin-inline-end: 0.5rem;
max-width: 75%;
- flex-shrink: 0;
+ flex-shrink: 1;
flex-grow: 0;
}
@@ -255,13 +267,9 @@ slot[name="profile"] {
margin-inline-end: 0.5rem;
}
-:host([show-co-pilot]) .ui5-shellbar-overflow-container-left {
+:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-left {
flex-basis: 50%;
- max-width: calc(50% - 1.5rem);
-}
-
-:host([show-co-pilot]) .ui5-shellbar-title {
- flex-grow: 0;
+ max-width: calc(50% - 18.25rem);
}
.ui5-shellbar-menu-button {
@@ -281,7 +289,9 @@ slot[name="profile"] {
-moz-user-select: none;
user-select: none;
cursor: pointer;
+ background: var(--sapButton_Lite_Background);
border: var(--_ui5_shellbar_button_border);
+ color: var(--sapShell_TextColor);
}
:host(:not([with-logo])) .ui5-shellbar-menu-button {
@@ -298,10 +308,6 @@ slot[name="profile"] {
max-width: 100%;
}
-:host([show-co-pilot]) .ui5-shellbar-overflow-container-right {
- flex-basis: 0%;
-}
-
:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right {
padding-inline-start: 8rem;
}
@@ -342,12 +348,6 @@ slot[name="profile"] {
visibility: hidden;
}
-.ui5-shellbar-coPilot {
- height: 100%;
- background-color: transparent;
- cursor: pointer;
-}
-
:host([breakpoint-size="L"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {
padding-inline-start: 1rem;
}
@@ -428,6 +428,7 @@ slot[name="profile"] {
::slotted([ui5-input]) {
background: var(--_ui5_shellbar_search_field_background);
border: var(--_ui5_shellbar_search_field_border);
+ box-shadow: var(--_ui5_shellbar_search_field_box_shadow);
color: var(--_ui5_shellbar_search_field_color);
height: 2.25rem;
width: 100%;
@@ -447,74 +448,11 @@ slot[name="profile"] {
pointer-events: none;
}
-.ui5-shellbar-copilot-wrapper {
- position: relative;
- outline: none;
- box-sizing: border-box;
- height: 100%;
-}
-
-.ui5-shellbar-copilot-wrapper:hover {
- border-radius: var(--sapButton_BorderCornerRadius);
- background: var(--sapShell_Hover_Background);
-}
-
-.ui5-shellbar-copilot-wrapper:active,
-.ui5-shellbar-copilot-wrapper[active] {
- background: var(--sapShell_Active_Background);
-}
-
-.ui5-shellbar-copilot-wrapper:hover::after,
-.ui5-shellbar-copilot-wrapper:focus::after {
- content: "";
- position: absolute;
- left: var(--_ui5_shellbar_copilot_focus_offset);
- right: var(--_ui5_shellbar_copilot_focus_offset);
- top: var(--_ui5_shellbar_copilot_focus_offset);
- bottom: var(--_ui5_shellbar_copilot_focus_offset);
- outline: none;
- pointer-events: none;
- border-radius: var(--_ui5_shellbar_logo_outline_border_radius);
-}
-
-.ui5-shellbar-copilot-wrapper:hover::after {
- background: transparent;
- box-shadow: var(--sapContent_Interaction_Shadow);
-}
-
-.ui5-shellbar-copilot-wrapper:focus::after {
- border: var(--_ui5_shellbar_logo_outline);
-}
-
.ui5-shellbar-co-pilot-placeholder {
width: 2.75rem;
height: 2.75rem;
}
-.ui5-shellbar-co-pilot-circle {
- fill: var(--sapShellColor);
-}
-
-.ui5-shellbar-co-pilot-color1 {
- stop-color: var(--_ui5_shellbar_copilot_stop_color1);
-}
-
-.ui5-shellbar-co-pilot-color2 {
- stop-color: var(--_ui5_shellbar_copilot_stop_color2);
-}
-
-.ui5-shellbar-co-pilot-opacity7 {
- stop-opacity: 0.7;
-}
-
-.ui5-shellbar-co-pilot-opacity36 {
- stop-opacity: 0.36;
-}
-
-.ui5-shellbar-co-pilot-opacity2 {
- stop-opacity: 0.2;
-}
-
::slotted([ui5-button][slot="startButton"]) {
margin-inline: 0 0.5rem;
justify-content: center;
diff --git a/packages/fiori/src/themes/SideNavigation.css b/packages/fiori/src/themes/SideNavigation.css
index 9e4e255566a2..2f830a3b2583 100644
--- a/packages/fiori/src/themes/SideNavigation.css
+++ b/packages/fiori/src/themes/SideNavigation.css
@@ -70,7 +70,7 @@
}
.ui5-sn-collapsed .ui5-sn-list {
- overflow: hidden auto;
+ overflow: visible;
display: flex;
flex-direction: column;
}
@@ -89,6 +89,8 @@
background-color: var(--sapList_Background);
border-radius: var(--_ui5_side_navigation_item_border_radius);
transition: var(--_ui5_side_navigation_item_transition);
+
+ margin-block-end: var(--_ui5_side_navigation_item_bottom_margin);
}
.ui5-sn-item-hidden {
display: none;
@@ -148,11 +150,13 @@
background: var(--sapList_SelectionBackgroundColor);
}
-.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text {
+.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,
+.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text {
color: var(--sapList_Active_TextColor);
}
-.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon] {
+.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],
+.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon] {
color: var(--sapList_Active_TextColor);
}
@@ -161,8 +165,11 @@
}
.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,
+.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,
.ui5-sn-item:not(.ui5-sn-item-disabled):active,
-.ui5-sn-collapsed .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active {
+.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,
+.ui5-sn-collapsed .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,
+.ui5-sn-collapsed .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active {
background: var(--sapList_Active_Background);
}
@@ -198,10 +205,6 @@
border-radius: var(--_ui5_side_navigation_item_border_radius);
}
-.ui5-sn-root:not(.ui5-sn-collapsed) .ui5-sn-item {
- margin-block-end: var(--_ui5_side_navigation_item_bottom_margin);
-}
-
.ui5-sn-in-popover .ui5-sn-item-group .ui5-sn-list-li:last-child .ui5-sn-item:not(:hover):not(:active)::before {
border: var(--_ui5_side_navigation_last_item_border_style);
}
@@ -226,10 +229,45 @@
justify-content: center;
}
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item-icon {
+ padding: var(--_ui5_side_navigation_item_collapsed_icon_padding);
+}
+
.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item-text {
display: none;
}
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item-toggle-icon {
+ display: none;
+}
+
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus {
+ width: var(--_ui5_side_navigation_item_collapsed_hover_focus_width);
+ box-shadow: var(--_ui5_side_navigation_box_shadow);
+ z-index: 1;
+}
+
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item.ui5-sn-item-selected:hover,
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item.ui5-sn-item-selected:focus {
+ background: var(--sapList_SelectionBackgroundColor);
+}
+
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander) {
+ padding-right: var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right);
+}
+
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text {
+ display: var(--_ui5_side_navigation_item_collapsed_hover_focus_display);
+}
+
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,
+.ui5-sn-collapsed .ui5-sn-list .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon {
+ display: var(--_ui5_side_navigation_item_collapsed_hover_focus_display);
+}
+
.ui5-sn-item[aria-expanded=false] + .ui5-sn-item-group {
display: none;
}
@@ -243,6 +281,7 @@
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
+ white-space: nowrap;
color: var(--sapList_TextColor);
}
@@ -250,6 +289,11 @@
font-weight: var(--_ui5_side_navigation_group_text_weight);
}
+.ui5-sn-item-level1:not(:has(> .ui5-sn-item-icon)),
+.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(> .ui5-sn-item-icon)) {
+ padding-inline-start: var(--_ui5_side_navigation_item_padding_left);
+}
+
.ui5-sn-item-with-expander .ui5-sn-item-icon::after {
display: var(--_ui5_side_navigation_triangle_display);
content: "";
@@ -303,8 +347,4 @@
.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow {
margin-top: auto;
-}
-
-.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow .ui5-sn-item-overflow-icon {
- color: var(--_ui5_side_navigation_icon_color);
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/base/ShellBar-parameters.css b/packages/fiori/src/themes/base/ShellBar-parameters.css
index c7f1385e75f1..b84e3a44f8b1 100644
--- a/packages/fiori/src/themes/base/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/base/ShellBar-parameters.css
@@ -5,6 +5,7 @@
--_ui5_shellbar_outline_offset: -0.0625rem;
--_ui5_shellbar_logo_outline_offset: var(--_ui5_shellbar_outline_offset);
--_ui5_shellbar_button_box_shadow: none;
+ --_ui5_shellbar_button_box_shadow_active: none;
--_ui5_shellbar_button_border: none;
--_ui5_shellbar_button_border_radius: 0.25rem;
--_ui5_shellbar_button_focused_border: 0.0625rem dotted var(--sapContent_FocusColor);
@@ -17,9 +18,11 @@
--_ui5_shellbar_search_field_height: 2.25rem;
--_ui5_shellbar_search_button_border_radius: 0.25rem;
--_ui5_shellbar_search_field_background: var(--sapShellColor);
- --_ui5_shellbar_search_field_border: 1px solid var(--sapShell_InteractiveBorderColor);
+ --_ui5_shellbar_search_field_border: 0.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: 1px dotted var(--sapContent_ContrastFocusColor);
+ --_ui5_shellbar_search_field_outline_focused: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
+ --_ui5_shellbar_input_focus_outline_color: inherit;
--_ui5_shellbar_overflow_container_middle_height: 2.5rem;
--_ui5_shellbar_menu_button_title_font_size: 0.75rem;
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/base/SideNavigation-parameters.css b/packages/fiori/src/themes/base/SideNavigation-parameters.css
index 95fe7f3aa174..623c58f2571c 100644
--- a/packages/fiori/src/themes/base/SideNavigation-parameters.css
+++ b/packages/fiori/src/themes/base/SideNavigation-parameters.css
@@ -34,6 +34,7 @@
--_ui5_side_navigation_item_bottom_margin_compact: 0;
--_ui5_side_navigation_item_transition: none;
--_ui5_side_navigation_item_padding_right: 0.5rem;
+ --_ui5_side_navigation_item_padding_left: 0.5rem;
--_ui5_side_navigation_no_icons_group_padding: 1rem;
--_ui5_side_navigation_no_icons_nested_item_padding: 1rem;
--_ui5_side_navigation_item_focus_border_offset: 1px;
@@ -61,6 +62,11 @@
--_ui5_side_navigation_popup_title_text_size: var(--sapFontSize);
--_ui5_side_navigation_popup_title_line_height: normal;
--_ui5_side_navigation_selection_indicator_display: none;
+
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0;
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: 100%;
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: none;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
}
[data-ui5-compact-size],
diff --git a/packages/fiori/src/themes/sap_horizon/ShellBar-parameters.css b/packages/fiori/src/themes/sap_horizon/ShellBar-parameters.css
index d50e620170ae..4600c81998a2 100644
--- a/packages/fiori/src/themes/sap_horizon/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon/ShellBar-parameters.css
@@ -3,7 +3,7 @@
--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);
--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
--_ui5_shellbar_logo_outline_offset: -0.125rem;
- --_ui5_shellbar_outline_offset: -0.1875rem;
+ --_ui5_shellbar_outline_offset: -0.25rem;
--_ui5_shellbar_button_border: none;
--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
@@ -11,6 +11,7 @@
--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);
--_ui5_shellbar_logo_border_radius: 0.5rem;
--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
+ --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 0.0625rem var(--sapButton_Lite_Active_BorderColor);
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
--_ui5_shellbar_logo_outline_border_radius: var(--sapField_BorderCornerRadius);
--_ui5_shellbar_copilot_stop_color1: #0070F2;
@@ -23,7 +24,9 @@
--_ui5_shellbar_search_field_border: none;
--_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);
--_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);
- --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);
+ --_ui5_shellbar_search_field_box_shadow: var(--sapField_Shadow), inset 0 -.0625rem var(--sapField_BorderColor);
+ --_ui5_shellbar_search_field_box_shadow_hover: var(--sapField_Hover_Shadow), inset 0 -.0625rem var(--sapField_Hover_BorderColor);
+ --_ui5_shellbar_input_focus_outline_color: var(--sapField_Active_BorderColor);
--_ui5_shellbar_overflow_container_middle_height: 3rem;
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
}
diff --git a/packages/fiori/src/themes/sap_horizon/SideNavigation-parameters.css b/packages/fiori/src/themes/sap_horizon/SideNavigation-parameters.css
index a7023453f455..a7c1eb9c13c7 100644
--- a/packages/fiori/src/themes/sap_horizon/SideNavigation-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon/SideNavigation-parameters.css
@@ -50,6 +50,11 @@
--_ui5_side_navigation_popup_title_text_size: 1.25rem;
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
--_ui5_side_navigation_selection_indicator_display: inline-block;
+
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0 0.25rem;
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
}
[data-ui5-compact-size],
@@ -59,4 +64,6 @@
--_ui5_side_navigation_padding: var(--_ui5_side_navigation_padding_compact);
--_ui5_side_navigation_item_bottom_margin: var(--_ui5_side_navigation_item_bottom_margin_compact);
--_ui5_side_navigation_item_height: 2rem;
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0.5rem;
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/sap_horizon_dark/ShellBar-parameters.css b/packages/fiori/src/themes/sap_horizon_dark/ShellBar-parameters.css
index 89ea7fecf7bd..4600c81998a2 100644
--- a/packages/fiori/src/themes/sap_horizon_dark/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_dark/ShellBar-parameters.css
@@ -3,7 +3,7 @@
--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);
--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
--_ui5_shellbar_logo_outline_offset: -0.125rem;
- --_ui5_shellbar_outline_offset: -0.1875rem;
+ --_ui5_shellbar_outline_offset: -0.25rem;
--_ui5_shellbar_button_border: none;
--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
@@ -11,6 +11,7 @@
--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);
--_ui5_shellbar_logo_border_radius: 0.5rem;
--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
+ --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 0.0625rem var(--sapButton_Lite_Active_BorderColor);
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
--_ui5_shellbar_logo_outline_border_radius: var(--sapField_BorderCornerRadius);
--_ui5_shellbar_copilot_stop_color1: #0070F2;
@@ -23,13 +24,15 @@
--_ui5_shellbar_search_field_border: none;
--_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);
--_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);
- --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);
+ --_ui5_shellbar_search_field_box_shadow: var(--sapField_Shadow), inset 0 -.0625rem var(--sapField_BorderColor);
+ --_ui5_shellbar_search_field_box_shadow_hover: var(--sapField_Hover_Shadow), inset 0 -.0625rem var(--sapField_Hover_BorderColor);
+ --_ui5_shellbar_input_focus_outline_color: var(--sapField_Active_BorderColor);
--_ui5_shellbar_overflow_container_middle_height: 3rem;
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
}
:root {
- --_ui5_shellbar_border_radius: 1.125rem;
- --_ui5_shellbar_focus_border_radius: 1.125rem;
- --_ui5_shellbar_background_color: var(--sapShell_InteractiveBackground);
+ --_ui5_shellbar_input_border_radius: 1.125rem;
+ --_ui5_shellbar_input_focus_border_radius: 1.125rem;
+ --_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/sap_horizon_dark/SideNavigation-parameters.css b/packages/fiori/src/themes/sap_horizon_dark/SideNavigation-parameters.css
index ea171f417874..4817d5fb18ea 100644
--- a/packages/fiori/src/themes/sap_horizon_dark/SideNavigation-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_dark/SideNavigation-parameters.css
@@ -50,6 +50,11 @@
--_ui5_side_navigation_popup_title_text_size: 1.25rem;
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
--_ui5_side_navigation_selection_indicator_display: inline-block;
+
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0 0.25rem;
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
}
[data-ui5-compact-size],
@@ -59,4 +64,6 @@
--_ui5_side_navigation_padding: var(--_ui5_side_navigation_padding_compact);
--_ui5_side_navigation_item_bottom_margin: var(--_ui5_side_navigation_item_bottom_margin_compact);
--_ui5_side_navigation_item_height: 2rem;
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0.5rem;
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/sap_horizon_dark_exp/ShellBar-parameters.css b/packages/fiori/src/themes/sap_horizon_dark_exp/ShellBar-parameters.css
index 89ea7fecf7bd..7ba65246d8cc 100644
--- a/packages/fiori/src/themes/sap_horizon_dark_exp/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_dark_exp/ShellBar-parameters.css
@@ -11,6 +11,7 @@
--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);
--_ui5_shellbar_logo_border_radius: 0.5rem;
--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
+ --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 0.0625rem var(--sapButton_Lite_Active_BorderColor);
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
--_ui5_shellbar_logo_outline_border_radius: var(--sapField_BorderCornerRadius);
--_ui5_shellbar_copilot_stop_color1: #0070F2;
diff --git a/packages/fiori/src/themes/sap_horizon_exp/ShellBar-parameters.css b/packages/fiori/src/themes/sap_horizon_exp/ShellBar-parameters.css
index d50e620170ae..2c67097b637e 100644
--- a/packages/fiori/src/themes/sap_horizon_exp/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_exp/ShellBar-parameters.css
@@ -11,6 +11,7 @@
--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);
--_ui5_shellbar_logo_border_radius: 0.5rem;
--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
+ --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 0.0625rem var(--sapButton_Lite_Active_BorderColor);
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
--_ui5_shellbar_logo_outline_border_radius: var(--sapField_BorderCornerRadius);
--_ui5_shellbar_copilot_stop_color1: #0070F2;
diff --git a/packages/fiori/src/themes/sap_horizon_hcb/ShellBar-parameters.css b/packages/fiori/src/themes/sap_horizon_hcb/ShellBar-parameters.css
index b951f25a2932..a8a1a3784235 100644
--- a/packages/fiori/src/themes/sap_horizon_hcb/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_hcb/ShellBar-parameters.css
@@ -9,5 +9,7 @@
--_ui5_shellbar_outline_offset: -0.1875rem;
--_ui5_shellbar_search_field_height: 2.25rem;
--_ui5_shellbar_search_field_outline_focused: none;
+ --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
+ --_ui5_shellbar_search_field_box_shadow_hover: none;
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/sap_horizon_hcb/SideNavigation-parameters.css b/packages/fiori/src/themes/sap_horizon_hcb/SideNavigation-parameters.css
index 97babcad2c8e..ed9fa31e8f9f 100644
--- a/packages/fiori/src/themes/sap_horizon_hcb/SideNavigation-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_hcb/SideNavigation-parameters.css
@@ -45,6 +45,11 @@
--_ui5_side_navigation_popup_title_text_size: 1.25rem;
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
--_ui5_side_navigation_selection_indicator_display: block;
+
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0 0.25rem;
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
}
[data-ui5-compact-size],
@@ -54,4 +59,6 @@
--_ui5_side_navigation_padding: var(--_ui5_side_navigation_padding_compact);
--_ui5_side_navigation_item_bottom_margin: var(--_ui5_side_navigation_item_bottom_margin_compact);
--_ui5_side_navigation_item_height: 2rem;
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0.5rem;
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/sap_horizon_hcw/ShellBar-parameters.css b/packages/fiori/src/themes/sap_horizon_hcw/ShellBar-parameters.css
index b951f25a2932..a8a1a3784235 100644
--- a/packages/fiori/src/themes/sap_horizon_hcw/ShellBar-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_hcw/ShellBar-parameters.css
@@ -9,5 +9,7 @@
--_ui5_shellbar_outline_offset: -0.1875rem;
--_ui5_shellbar_search_field_height: 2.25rem;
--_ui5_shellbar_search_field_outline_focused: none;
+ --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
+ --_ui5_shellbar_search_field_box_shadow_hover: none;
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
}
\ No newline at end of file
diff --git a/packages/fiori/src/themes/sap_horizon_hcw/SideNavigation-parameters.css b/packages/fiori/src/themes/sap_horizon_hcw/SideNavigation-parameters.css
index 97babcad2c8e..ed9fa31e8f9f 100644
--- a/packages/fiori/src/themes/sap_horizon_hcw/SideNavigation-parameters.css
+++ b/packages/fiori/src/themes/sap_horizon_hcw/SideNavigation-parameters.css
@@ -45,6 +45,11 @@
--_ui5_side_navigation_popup_title_text_size: 1.25rem;
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
--_ui5_side_navigation_selection_indicator_display: block;
+
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0 0.25rem;
+ --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
+ --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
}
[data-ui5-compact-size],
@@ -54,4 +59,6 @@
--_ui5_side_navigation_padding: var(--_ui5_side_navigation_padding_compact);
--_ui5_side_navigation_item_bottom_margin: var(--_ui5_side_navigation_item_bottom_margin_compact);
--_ui5_side_navigation_item_height: 2rem;
+ --_ui5_side_navigation_item_collapsed_icon_padding: 0;
+ --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0.5rem;
}
\ No newline at end of file
diff --git a/packages/fiori/src/types/IllustrationMessageType.ts b/packages/fiori/src/types/IllustrationMessageType.ts
index b8ad820c7233..f715350d57fe 100644
--- a/packages/fiori/src/types/IllustrationMessageType.ts
+++ b/packages/fiori/src/types/IllustrationMessageType.ts
@@ -9,6 +9,11 @@ enum IllustrationMessageType {
* @public
*/
BeforeSearch = "BeforeSearch",
+ /**
+ * "New Mail" illustration type.
+ * @public
+ */
+ NewMail = "NewMail",
/**
* "No Activities" illustration type.
* @public
@@ -179,6 +184,11 @@ enum IllustrationMessageType {
* @public
*/
SearchFolder = "SearchFolder",
+ /**
+ * "Sign Out" illustration type.
+ * @public
+ */
+ SignOut = "SignOut",
/**
* "Simple Balloon" illustration type.
* @public
diff --git a/packages/fiori/test/pages/IllustratedMessage.html b/packages/fiori/test/pages/IllustratedMessage.html
index d7db249bab44..ca6a5a7cd7ba 100644
--- a/packages/fiori/test/pages/IllustratedMessage.html
+++ b/packages/fiori/test/pages/IllustratedMessage.html
@@ -29,6 +29,7 @@