@ui5/webcomponents 0.0.0-0a35d6b3d → 0.0.0-0dd36ca4b

package/src/themes/Input.css

@@ -172,29 +172,29 @@
 	padding-right: 0.125rem;
 }
 
-:host([value-state="Error"]) [inner-input]::-webkit-input-placeholder {
+:host([value-state="Negative"]) [inner-input]::-webkit-input-placeholder {
 	color: var(--_ui5-input_error_placeholder_color);
 	font-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);
 }
 
-:host([value-state="Error"]) [inner-input]::-moz-placeholder {
+:host([value-state="Negative"]) [inner-input]::-moz-placeholder {
 	color: var(--_ui5-input_error_placeholder_color);
 	font-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);
 }
 
-:host([value-state="Warning"]) [inner-input]::-webkit-input-placeholder {
+:host([value-state="Critical"]) [inner-input]::-webkit-input-placeholder {
 	font-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);
 }
 
-:host([value-state="Warning"]) [inner-input]::-moz-placeholder {
+:host([value-state="Critical"]) [inner-input]::-moz-placeholder {
 	font-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);
 }
 
-:host([value-state="Success"]) [inner-input]::-webkit-input-placeholder {
+:host([value-state="Positive"]) [inner-input]::-webkit-input-placeholder {
 	color: var(--_ui5_input_placeholder_color);
 }
 
-:host([value-state="Success"]) [inner-input]::-moz-placeholder {
+:host([value-state="Positive"]) [inner-input]::-moz-placeholder {
 	color: var(--_ui5_input_placeholder_color);
 }
 
@@ -246,79 +246,79 @@
 	border-width: var(--_ui5_input_state_border_width);
 }
 
-:host([value-state="Error"]) [inner-input],
-:host([value-state="Warning"]) [inner-input] {
+:host([value-state="Negative"]) [inner-input],
+:host([value-state="Critical"]) [inner-input] {
 	font-style: var(--_ui5_input_error_warning_font_style);
 	text-indent: var(--_ui5_input_error_warning_text_indent);
 }
 
-:host([value-state="Error"]) [inner-input] {
+:host([value-state="Negative"]) [inner-input] {
 	font-weight: var(--_ui5_input_error_font_weight);
 }
 
-:host([value-state="Warning"]) [inner-input] {
+:host([value-state="Critical"]) [inner-input] {
 	font-weight: var(--_ui5_input_warning_font_weight);
 }
 
-:host([value-state="Error"]:not([readonly]):not([disabled])) {
+:host([value-state="Negative"]:not([readonly]):not([disabled])) {
 	background: var(--sapField_InvalidBackgroundStyle);
 	background-color: var(--sapField_InvalidBackground);
 	border-color: var(--_ui5_input_value_state_error_border_color);
 	box-shadow: var(--sapField_InvalidShadow);
 }
 
-:host([value-state="Error"][focused]:not([opened]):not([readonly])) {
+:host([value-state="Negative"][focused]:not([opened]):not([readonly])) {
 	background-color: var(--_ui5_input_focused_value_state_error_background);
 	border-color: var(--_ui5_input_focused_value_state_error_border_color);
 }
 
-:host([value-state="Error"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {
+:host([value-state="Negative"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {
 	border-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);
 }
 
-:host([value-state="Error"]:not([readonly])) .ui5-input-root::before{
+:host([value-state="Negative"]:not([readonly])) .ui5-input-root::before{
 	background-color: var(--_ui5-input-value-state-error-border-botom-color);
 }
 
-:host([value-state="Error"]:not([readonly]):not([focused]):hover),
-:host([value-state="Error"]:not([readonly])[focused][opened]:hover) {
+:host([value-state="Negative"]:not([readonly]):not([focused]):hover),
+:host([value-state="Negative"]:not([readonly])[focused][opened]:hover) {
 	background-color: var(--_ui5_input_value_state_error_hover_background);
 	box-shadow: var(--sapField_Hover_InvalidShadow);
 }
 
-:host([value-state="Error"]:not([readonly]):not([disabled])),
-:host([value-state="Warning"]:not([readonly]):not([disabled])),
+:host([value-state="Negative"]:not([readonly]):not([disabled])),
+:host([value-state="Critical"]:not([readonly]):not([disabled])),
 :host([value-state="Information"]:not([readonly]):not([disabled])) {
 	border-style: var(--_ui5_input_error_warning_border_style);
 }
 
-:host([value-state="Warning"]:not([readonly]):not([disabled])) {
+:host([value-state="Critical"]:not([readonly]):not([disabled])) {
 	background: var(--sapField_WarningBackgroundStyle);
 	background-color: var(--sapField_WarningBackground);
 	border-color: var(--_ui5_input_value_state_warning_border_color);
 	box-shadow: var(--sapField_WarningShadow);
 }
 
-:host([value-state="Warning"][focused]:not([opened]):not([readonly])) {
+:host([value-state="Critical"][focused]:not([opened]):not([readonly])) {
 	background-color: var(--_ui5_input_focused_value_state_warning_background);
 	border-color: var(--_ui5_input_focused_value_state_warning_border_color);
 }
 
-:host([value-state="Warning"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {
+:host([value-state="Critical"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {
 	border-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);
 }
 
-:host([value-state="Warning"]:not([readonly])) .ui5-input-root::before{
+:host([value-state="Critical"]:not([readonly])) .ui5-input-root::before{
 	background-color: var(--_ui5_input_value_state_warning_border_botom_color);
 }
 
-:host([value-state="Warning"]:not([readonly]):not([focused]):hover),
-:host([value-state="Warning"]:not([readonly])[focused][opened]:hover)  {
+:host([value-state="Critical"]:not([readonly]):not([focused]):hover),
+:host([value-state="Critical"]:not([readonly])[focused][opened]:hover)  {
 	background-color: var(--sapField_Hover_Background);
 	box-shadow: var(--sapField_Hover_WarningShadow);
 }
 
-:host([value-state="Success"]:not([readonly]):not([disabled])) {
+:host([value-state="Positive"]:not([readonly]):not([disabled])) {
 	background: var(--sapField_SuccessBackgroundStyle);
 	background-color: var(--sapField_SuccessBackground);
 	border-color: var(--_ui5_input_value_state_success_border_color);
@@ -326,21 +326,21 @@
 	box-shadow: var(--sapField_SuccessShadow);
 }
 
-:host([value-state="Success"][focused]:not([opened]):not([readonly])) {
+:host([value-state="Positive"][focused]:not([opened]):not([readonly])) {
 	background-color: var(--_ui5_input_focused_value_state_success_background);
 	border-color: var(--_ui5_input_focused_value_state_success_border_color);
 }
 
-:host([value-state="Success"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {
+:host([value-state="Positive"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {
 	border-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);
 }
 
-:host([value-state="Success"]:not([readonly])) .ui5-input-root::before{
+:host([value-state="Positive"]:not([readonly])) .ui5-input-root::before{
 	background-color: var(--_ui5_input_value_state_success_border_botom_color);
 }
 
-:host([value-state="Success"]:not([readonly]):not([focused]):hover),
-:host([value-state="Success"]:not([readonly])[focused][opened]:hover) {
+:host([value-state="Positive"]:not([readonly]):not([focused]):hover),
+:host([value-state="Positive"]:not([readonly])[focused][opened]:hover) {
 	background-color: var(--sapField_Hover_Background);
 	box-shadow: var(--sapField_Hover_SuccessShadow);
 }
@@ -389,13 +389,13 @@
 	box-sizing: content-box !important;
 }
 
-:host([value-state="Error"]) [input-icon],
-:host([value-state="Warning"]) [input-icon]{
+:host([value-state="Negative"]) [input-icon],
+:host([value-state="Critical"]) [input-icon]{
 	padding: var(--_ui5_input_error_warning_icon_padding);
 }
 
-:host([value-state="Error"][focused]) [input-icon],
-:host([value-state="Warning"][focused]) [input-icon]{
+:host([value-state="Negative"][focused]) [input-icon],
+:host([value-state="Critical"][focused]) [input-icon]{
 	padding: var(--_ui5_input_error_warning_focused_icon_padding);
 }
 
@@ -407,15 +407,15 @@
 	padding: var(--_ui5_input_information_focused_icon_padding);
 }
 
-:host([value-state="Error"]) ::slotted([input-icon][ui5-icon]),
-:host([value-state="Error"]) ::slotted([ui5-icon][slot="icon"]),
-:host([value-state="Warning"]) ::slotted([ui5-icon][slot="icon"]) {
+:host([value-state="Negative"]) ::slotted([input-icon][ui5-icon]),
+:host([value-state="Negative"]) ::slotted([ui5-icon][slot="icon"]),
+:host([value-state="Critical"]) ::slotted([ui5-icon][slot="icon"]) {
 	padding: var(--_ui5_input_error_warning_custom_icon_padding);
 }
 
-:host([value-state="Error"][focused]) ::slotted([input-icon][ui5-icon]),
-:host([value-state="Error"][focused]) ::slotted([ui5-icon][slot="icon"]),
-:host([value-state="Warning"][focused]) ::slotted([ui5-icon][slot="icon"]) {
+:host([value-state="Negative"][focused]) ::slotted([input-icon][ui5-icon]),
+:host([value-state="Negative"][focused]) ::slotted([ui5-icon][slot="icon"]),
+:host([value-state="Critical"][focused]) ::slotted([ui5-icon][slot="icon"]) {
 	padding: var(--_ui5_input_error_warning_custom_focused_icon_padding);
 }
 
@@ -427,23 +427,23 @@
 	padding: var(--_ui5_input_information_custom_focused_icon_padding);
 }
 
-:host([value-state="Error"]) [input-icon]:active,
-:host([value-state="Error"]) [input-icon][pressed] {
+:host([value-state="Negative"]) [input-icon]:active,
+:host([value-state="Negative"]) [input-icon][pressed] {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 	color: var(--_ui5_input_icon_error_pressed_color);
 }
 
-:host([value-state="Error"]) [input-icon]:not([pressed]):not(:active):hover {
+:host([value-state="Negative"]) [input-icon]:not([pressed]):not(:active):hover {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 }
 
-:host([value-state="Warning"]) [input-icon]:active,
-:host([value-state="Warning"]) [input-icon][pressed] {
+:host([value-state="Critical"]) [input-icon]:active,
+:host([value-state="Critical"]) [input-icon][pressed] {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 	color: var(--_ui5_input_icon_warning_pressed_color);
 }
 
-:host([value-state="Warning"]) [input-icon]:not([pressed]):not(:active):hover {
+:host([value-state="Critical"]) [input-icon]:not([pressed]):not(:active):hover {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 }
 
@@ -457,13 +457,13 @@
 	box-shadow: var(--_ui5_input_information_icon_box_shadow);
 }
 
-:host([value-state="Success"]) [input-icon]:active,
-:host([value-state="Success"]) [input-icon][pressed] {
+:host([value-state="Positive"]) [input-icon]:active,
+:host([value-state="Positive"]) [input-icon][pressed] {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 	color: var(--_ui5_input_icon_success_pressed_color);
 }
 
-:host([value-state="Success"]) [input-icon]:not([pressed]):not(:active):hover {
+:host([value-state="Positive"]) [input-icon]:not([pressed]):not(:active):hover {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 }
 
@@ -478,12 +478,12 @@
 	box-sizing: border-box;
 }
 
-:host([value-state]:not([value-state="None"]):not([value-state="Success"])) .ui5-input-clear-icon-wrapper {
+:host([value-state]:not([value-state="None"]):not([value-state="Positive"])) .ui5-input-clear-icon-wrapper {
 	height: var(--_ui5_input_icon_wrapper_state_height);
 	vertical-align: top;
 }
 
-:host([value-state="Success"]) .ui5-input-clear-icon-wrapper {
+:host([value-state="Positive"]) .ui5-input-clear-icon-wrapper {
 	height: var(--_ui5_input_icon_wrapper_success_state_height);
 }
 

package/src/themes/InputSharedStyles.css

@@ -18,11 +18,11 @@
 	border-color: var(--_ui5_input_disabled_border_color);
 }
 
-:host([value-state="Error"]) [input-icon]:not([pressed]):not(:active):hover {
+:host([value-state="Negative"]) [input-icon]:not([pressed]):not(:active):hover {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 }
 
-:host([value-state="Warning"]) [input-icon]:not([pressed]):not(:active):hover {
+:host([value-state="Critical"]) [input-icon]:not([pressed]):not(:active):hover {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 }
 
@@ -31,25 +31,25 @@
 }
 
 
-:host([value-state="Success"]) [input-icon]:not([pressed]):not(:active):hover {
+:host([value-state="Positive"]) [input-icon]:not([pressed]):not(:active):hover {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 }
 
-:host([value-state="Error"]:not([readonly]):not([disabled])) {
+:host([value-state="Negative"]:not([readonly]):not([disabled])) {
 	background: var(--sapField_InvalidBackgroundStyle);
 	background-color: var(--sapField_InvalidBackground);
 	border-color: var(--_ui5_input_value_state_error_border_color);
 	box-shadow: var(--sapField_InvalidShadow);
 }
 
-:host([value-state="Warning"]:not([readonly]):not([disabled])) {
+:host([value-state="Critical"]:not([readonly]):not([disabled])) {
 	background: var(--sapField_WarningBackgroundStyle);
 	background-color: var(--sapField_WarningBackground);
 	border-color: var(--_ui5_input_value_state_warning_border_color);
 	box-shadow: var(--sapField_WarningShadow);
 }
 
-:host([value-state="Success"]:not([readonly]):not([disabled])) {
+:host([value-state="Positive"]:not([readonly]):not([disabled])) {
 	background: var(--sapField_SuccessBackgroundStyle);
 	background-color: var(--sapField_SuccessBackground);
 	border-color: var(--_ui5_input_value_state_success_border_color);
@@ -65,14 +65,14 @@
 	box-shadow: var(--sapField_InformationShadow);
 }
 
-:host([value-state="Error"]) [input-icon]:active,
-:host([value-state="Error"]) [input-icon][pressed] {
+:host([value-state="Negative"]) [input-icon]:active,
+:host([value-state="Negative"]) [input-icon][pressed] {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 	color: var(--_ui5_input_icon_error_pressed_color);
 }
 
-:host([value-state="Warning"]) [input-icon]:active,
-:host([value-state="Warning"]) [input-icon][pressed] {
+:host([value-state="Critical"]) [input-icon]:active,
+:host([value-state="Critical"]) [input-icon][pressed] {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 	color: var(--_ui5_input_icon_warning_pressed_color);
 }
@@ -83,14 +83,14 @@
 	color: var(--_ui5_input_icon_information_pressed_color);
 }
 
-:host([value-state="Success"]) [input-icon]:active,
-:host([value-state="Success"]) [input-icon][pressed] {
+:host([value-state="Positive"]) [input-icon]:active,
+:host([value-state="Positive"]) [input-icon][pressed] {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 	color: var(--_ui5_input_icon_success_pressed_color);
 }
 
-:host([value-state="Error"]) [input-icon],
-:host([value-state="Warning"]) [input-icon]{
+:host([value-state="Negative"]) [input-icon],
+:host([value-state="Critical"]) [input-icon]{
 	padding: var(--_ui5_input_error_warning_icon_padding);
 }
 

package/src/themes/Label.css

@@ -16,16 +16,19 @@
 	cursor: inherit;
 }
 
-:host([wrapping-type="Normal"]) .ui5-label-root {
+:host {
 	white-space: normal;
 }
 
-:host(:not([wrapping-type="Normal"])) .ui5-label-root {
-	display: inline-flex;
+:host([wrapping-type="None"]) {
 	white-space: nowrap;
 }
 
-:host(:not([wrapping-type="Normal"])) .ui5-label-text-wrapper {
+:host([wrapping-type="None"]) .ui5-label-root {
+	display: inline-flex;
+}
+
+:host([wrapping-type="None"]) .ui5-label-text-wrapper {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	display: inline-block;

package/src/themes/Link.css

@@ -72,14 +72,14 @@
 }
 
 :host .ui5-link-root {
-	border: var(--_ui5_link_border);
+	outline-offset: -0.0625rem;
 	border-radius: var(--_ui5_link_focus_border-radius);
 }
 
 :host([focused]) .ui5-link-root,
 :host([design="Subtle"][focused]) .ui5-link-root {
 	background-color: var(--_ui5_link_focus_background_color);
-	border: var(--_ui5_link_border_focus);
+	outline: var(--_ui5_link_outline);
 	border-radius: var(--_ui5_link_focus_border-radius);
 	text-shadow: none;
 }

package/src/themes/List.css

@@ -16,11 +16,11 @@
 	border-bottom: 0;
 }
 
-:host([busy]) {
+:host([loading]) {
 	opacity: 0.72;
 }
 
-:host([busy]) .ui5-list-busy-row {
+:host([loading]) .ui5-list-loading-row {
 	position: absolute;
 	left: 0;
 	right: 0;
@@ -29,7 +29,7 @@
 	outline: none;
 }
 
-:host([busy]) .ui5-list-busy-ind {
+:host([loading]) .ui5-list-loading-ind {
 	position: absolute;
 	top: 50%;
 	left: 50%;
@@ -114,4 +114,9 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+}
+
+:host([growing="Scroll"]) .ui5-list-end-marker {
+	/* Ensure the list-end-marker has a block property to always be stretched and "visible" on the screen */
+	display: inline-block;
 }

package/src/themes/ListItem.css

@@ -6,13 +6,13 @@
 }
 
 /* selected and hovered */
-:host([selected][actionable]:not([active]):hover) {
+:host([selected][actionable]:not([active]):not([data-moving]):hover) {
 	background : var(--sapList_Hover_SelectionBackground);
 }
 
 /* selected and active */
-:host([active][actionable]),
-:host([selected][active][actionable]) {
+:host([active][actionable]:not([data-moving])),
+:host([selected][active][actionable]:not([data-moving])) {
 	background: var(--sapList_Active_Background);
 }
 
@@ -50,15 +50,15 @@
 }
 
 /* [ui5-li]: additionalTextState */
-:host([additional-text-state="Warning"]) .ui5-li-additional-text {
+:host([additional-text-state="Critical"]) .ui5-li-additional-text {
 	color: var(--sapCriticalTextColor);
 }
 
-:host([additional-text-state="Success"]) .ui5-li-additional-text {
+:host([additional-text-state="Positive"]) .ui5-li-additional-text {
 	color: var(--sapPositiveTextColor);
 }
 
-:host([additional-text-state="Error"]) .ui5-li-additional-text {
+:host([additional-text-state="Negative"]) .ui5-li-additional-text {
 	color: var(--sapNegativeTextColor);
 }
 
@@ -207,18 +207,45 @@
 	margin-top: var(--_ui5_list_item_selection_btn_margin_top);
 }
 
-:host([_mode="SingleSelectBegin"]) .ui5-li-root {
+:host([_selection-mode="SingleStart"]) .ui5-li-root {
 	padding-inline: 0 1rem;
 }
 
-:host([_mode="MultiSelect"]) .ui5-li-root {
+:host([_selection-mode="Multiple"]) .ui5-li-root {
 	padding-inline: 0 1rem;
 }
 
-:host([_mode="SingleSelectEnd"]) .ui5-li-root {
+:host([_selection-mode="SingleEnd"]) .ui5-li-root {
 	padding-inline: 1rem 0;
 }
 
 :host [ui5-checkbox].ui5-li-singlesel-radiobtn {
 	margin-right: var(--_ui5_list_item_cb_margin_right);
 }
+
+/* highlight */
+.ui5-li-highlight {
+	position: absolute;
+    width: 0.375rem;
+    bottom: 0;
+    left: 0;
+    top: 0;
+    border-inline-end: 0.0625rem solid var(--ui5-listitem-background-color);
+    box-sizing: border-box;
+}
+
+:host([highlight="Negative"]) .ui5-li-highlight {
+	background: var(--sapNegativeTextColor);
+}
+
+:host([highlight="Critical"]) .ui5-li-highlight {
+	background: var(--sapCriticalTextColor);
+}
+
+:host([highlight="Positive"]) .ui5-li-highlight {
+	background: var(--sapPositiveTextColor);
+}
+
+:host([highlight="Information"]) .ui5-li-highlight {
+	background: var(--sapInformativeTextColor);
+}

package/src/themes/ListItemBase.css

@@ -39,6 +39,7 @@
 	height: 100%;
 	padding: 0 1rem;
 	box-sizing: border-box;
+	background: inherit;
 }
 
 /* focused */
@@ -46,7 +47,7 @@
 	outline: none;
 }
 
-:host([focused]) .ui5-li-root.ui5-li--focusable:after {
+:host([focused]:not([data-moving])) .ui5-li-root.ui5-li--focusable:after {
 	content: "";
 	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	position: absolute;
@@ -55,7 +56,7 @@
 	pointer-events: none;
 }
 
-:host([focused]) .ui5-li-content:focus:after {
+:host([focused]:not(data-moving)) .ui5-li-root .ui5-li-content:focus:after {
 	content: "";
 	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	position: absolute;

package/src/themes/ListItemGroup.css

@@ -0,0 +1,13 @@
+@import "./InvisibleTextStyles.css";
+
+:host {
+	height: var(--_ui5_group_header_list_item_height);
+	background: var(--ui5-group-header-listitem-background-color);
+	color: var(--sapList_TableGroupHeaderTextColor);
+}
+
+.ui5-group-li-root {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+}

package/src/themes/{GroupHeaderListItem.css → ListItemGroupHeader.css}

@@ -27,3 +27,7 @@
 	font-weight: bold;
 	font-family: var(--sapFontHeaderFamily);
 }
+
+.ui5-li-content {
+	width: 100%;
+}

package/src/themes/Menu.css

@@ -8,47 +8,6 @@
 .ui5-menu-rp[ui5-responsive-popover] {
 	box-shadow: var(--sapContent_Shadow1);
 	border-radius: var(--_ui5_menu_popover_border_radius);
-	max-width: 20rem;
-}
-
-.ui5-menu-item-icon-end {
-	display: inline-block;
-	vertical-align: middle;
-	padding-inline-start: 0.5rem;
-	pointer-events: none;
-	position: absolute;
-	inset-inline-end: var(--_ui5_menu_item_submenu_icon_right);
-}
-
-.ui5-menu-item-no-icon-end {
-	min-width: var(--_ui5_list_item_icon_size);
-	min-height: var(--_ui5_list_item_icon_size);
-	display: inline-block;
-	vertical-align: middle;
-	padding-inline-start: 0.5rem;
-	pointer-events: none;
-	inset-inline-end: var(--_ui5_menu_item_submenu_icon_right);
-}
-
-.ui5-menu-item[additional-text] .ui5-menu-item-no-icon-end {
-	display: none;
-}
-
-.ui5-menu-item-dummy-icon {
-	min-width: var(--_ui5_list_item_icon_size);
-	min-height: var(--_ui5_list_item_icon_size);
-	display: inline-block;
-	vertical-align: middle;
-	padding-inline-end: 0.5rem;
-	pointer-events: none;
-}
-
-.ui5-menu-item-submenu-icon {
-	min-width: var(--_ui5_list_item_icon_size);
-	min-height: var(--_ui5_list_item_icon_size);
-	display: inline-block;
-	vertical-align: middle;
-	pointer-events: none;
 }
 
 .ui5-menu-busy-indicator {
@@ -86,55 +45,12 @@
 	margin-right: 1rem;
 }
 
-.ui5-menu-item::part(title) {
-    font-size: var(--sapFontSize);
-	padding-top: 0.125rem;
-}
-
-.ui5-menu-item[icon]:not([is-phone])::part(title),
-.ui5-menu-item[is-phone]:not([icon=""])::part(title) {
-	padding-top: 0;
-}
-
-.ui5-menu-item:not([is-phone])::part(native-li) {
-	padding: var(--_ui5_menu_item_padding);
-}
-
-.ui5-menu-item[starts-section] {
-	border-top: 1px solid var(--sapGroup_ContentBorderColor);
-}
-
-.ui5-menu-item[active] .ui5-menu-item-icon-end {
-	color: var(--sapList_Active_TextColor);
-}
-
-.ui5-menu-item[focused]:not([active]) {
-	background-color: var(--sapList_Hover_Background);
-}
-
 .ui5-menu-rp[sub-menu] {
 	margin-top: 0.25rem;
 	margin-inline: var(--_ui5_menu_submenu_margin_offset);
 }
 
-.ui5-menu-rp[sub-menu][actual-placement-type="Left"] {
+.ui5-menu-rp[sub-menu][actual-placement="Start"] {
 	margin-top: 0.25rem;
 	margin-inline: var(--_ui5_menu_submenu_placement_type_left_margin_offset);
-}
-
-.ui5-menu-item::part(additional-text) {
-	margin-inline-start: var(--_ui5_menu_item_additional_text_start_margin);
-	color: var(--sapContent_LabelColor);
-	min-width: max-content;
-}
-
-.ui5-menu-item-text {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	pointer-events: none;
-}
-
-.ui5-menu-item-text:has(.ui5-menu-item-submenu-icon) {
-	padding-inline-end: 1rem;
 }