fix(ui5-li): improve CSS overstyling for list items

Author: kgogov

packages/main/src/ExpandableText.ts

@@ -50,7 +50,6 @@ import ExpandableTextCss from "./generated/themes/ExpandableText.css.js";
  * @extends UI5Element
  * @public
  * @since 2.6.0
- * @csspart text - Used to style the text content of the component
  */
 @customElement({
 	tag: "ui5-expandable-text",

packages/main/src/ExpandableTextTemplate.tsx

@@ -9,7 +9,6 @@ export default function ExpandableTextTemplate(this: ExpandableText) {
 		<div>
 			<Text
 				class="ui5-exp-text-text"
-				part="text"
 				emptyIndicatorMode={this.emptyIndicatorMode}
 			>
 				{this._displayedText}

packages/main/src/ListItemStandardTemplate.tsx

@@ -34,16 +34,14 @@ function listItemContent(this: ListItemStandard) {
 function renderTitle(this: ListItemStandard) {
 	if (this.wrappingType === WrappingType.Normal) {
 		return (
-			<span part="title" class="ui5-li-title">
-				<ExpandableText
-					class={{
-						"ui5-li-title-exp-text": true
-					}}
-					text={this._textContent}
-					maxCharacters={this._maxCharacters}
-					exportparts="text:title">
-				</ExpandableText>
-			</span>
+			<ExpandableText
+				part="title"
+				class={{
+					"ui5-li-title": true,
+				}}
+				text={this._textContent}
+				maxCharacters={this._maxCharacters}>
+			</ExpandableText>
 		);
 	}
 
@@ -62,16 +60,14 @@ function renderDescription(this: ListItemStandard) {
 	if (this.wrappingType === WrappingType.Normal) {
 		return (
 			<div class="ui5-li-description-info-wrapper">
-				<span part="description" class="ui5-li-desc">
-					<ExpandableText
-						class={{
-							"ui5-li-desc-exp-text": true
-						}}
-						text={this.description}
-						maxCharacters={this._maxCharacters}
-						exportparts="text:description">
-					</ExpandableText>
-				</span>
+				<ExpandableText
+					part="description"
+					class={{
+						"ui5-li-desc": true,
+					}}
+					text={this.description}
+					maxCharacters={this._maxCharacters}>
+				</ExpandableText>
 				{renderAdditionalText.call(this)}
 			</div>
 		);

packages/main/src/themes/ListItem.css

@@ -233,14 +233,6 @@
 	white-space: normal;
 }
 
-:host([wrapping-type="Normal"]) .ui5-li-title .ui5-li-title-exp-text {
-	font-size: var(--_ui5_list_item_title_size);
-}
-
-:host([wrapping-type="Normal"]) .ui5-li-desc .ui5-li-desc-exp-text {
-	color: var(--sapContent_LabelColor);
-}
-
 :host([wrapping-type="Normal"]) .ui5-li-multisel-cb,
 :host([wrapping-type="Normal"]) .ui5-li-singlesel-radiobtn {
 	display: flex;