fix(list): discrepancies with UI Kit (#15089)

Author: SisIvanova

package-lock.json

@@ -74,7 +74,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.21.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^14.2.0",
+    "igniteui-theming": "^14.3.0",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.0",

package.json

@@ -73,7 +73,7 @@
         "tslib": "^2.3.0",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
-        "igniteui-theming": "^14.2.0",
+        "igniteui-theming": "^14.3.0",
         "@igniteui/material-icons-extended": "^3.1.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -373,7 +373,7 @@
         color: var-get($theme, 'item-text-color');
         background: var-get($theme, 'item-background');
 
-        @if $bootstrap-theme {
+        @if $bootstrap-theme or $variant == 'fluent' {
             border-bottom: var-get($theme, 'border-width') solid var-get($theme, 'border-color');
 
             &:last-of-type {
@@ -435,10 +435,7 @@
         display: flex;
         flex-direction: column;
         flex: 1 0 0%;
-
-        @if $variant == 'indigo' {
-            gap: rem(2px);
-        }
+        gap: rem(2px);
 
         &:empty {
             display: none;
@@ -447,7 +444,6 @@
 
     %igx-list__item-line-subtitle {
         color: var-get($theme, 'item-subtitle-color');
-        opacity: .74
     }
 
     %igx-list__item-line-title {
@@ -563,13 +559,13 @@
 /// Uses the 'caption' and 'subtitle-1'
 /// categories from the typographic scale.
 /// @group typography
-/// @param {Map} $categories [(header: 'overline', item: 'subtitle-1', title: 'subtitle-1', subtitle: 'caption')] - The categories from the typographic scale used for type styles.
+/// @param {Map} $categories [(header: 'overline', item: 'subtitle-1', title: 'subtitle-1', subtitle: 'body-2')] - The categories from the typographic scale used for type styles.
 @mixin list-typography(
     $categories: (
         header: 'overline',
         item: 'subtitle-1',
         title: 'subtitle-1',
-        subtitle: 'caption'
+        subtitle: 'body-2'
     )
 ) {
     $header: map.get($categories, 'header');