fix(ui5-li-custom): correct padding for ListItemCustom (#11487)

Increase the specificity of selection mode padding rules by including
[wrapping-type] in the selectors, ensuring they override the generic
[wrapping-type="None"][description] padding rule. Remove unnecessary
[ui5-li] and [ui5-li-custom] selectors to prevent CSS leakage and
unnecessary bundling.

Author: kgogov

packages/main/src/themes/ListItem.css

@@ -167,15 +167,15 @@
 	margin-top: var(--_ui5_list_item_selection_btn_margin_top);
 }
 
-:host([ui5-li][_selection-mode="SingleStart"]) .ui5-li-root {
+:host([_selection-mode="SingleStart"][wrapping-type]) .ui5-li-root {
 	padding-inline: 0 1rem;
 }
 
-:host([ui5-li][_selection-mode="Multiple"]) .ui5-li-root {
+:host([_selection-mode="Multiple"][wrapping-type]) .ui5-li-root {
 	padding-inline: 0 1rem;
 }
 
-:host([ui5-li][_selection-mode="SingleEnd"]) .ui5-li-root {
+:host([_selection-mode="SingleEnd"][wrapping-type]) .ui5-li-root {
 	padding-inline: 1rem 0;
 }
 

packages/main/src/themes/ListItemCustom.css

@@ -29,3 +29,15 @@
 [ui5-radio-button].ui5-li-singlesel-radiobtn {
 	min-width: var(--_ui5_custom_list_item_rb_min_width);
 }
+
+:host([_selection-mode="SingleStart"]) .ui5-li-root.ui5-custom-li-root {
+	padding-inline: 0 1rem;
+}
+
+:host([_selection-mode="Multiple"]) .ui5-li-root.ui5-custom-li-root {
+	padding-inline: 0 1rem;
+}
+
+:host([_selection-mode="SingleEnd"]) .ui5-li-root.ui5-custom-li-root {
+	padding-inline: 1rem 0;
+}