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

SisIvanova · web-flow · commit 7538b717fa70 · 2024-11-22T14:12:16.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -82,7 +82,7 @@
     "globby": "^14.0.2",
     "husky": "^9.1.7",
     "ig-typedoc-theme": "^5.0.4",
-    "igniteui-theming": "^14.2.0",
+    "igniteui-theming": "^14.3.0",
     "keep-a-changelog": "^2.5.3",
     "lint-staged": "^15.2.10",
     "lit-analyzer": "^2.0.3",
diff --git a/src/components/list/themes/item.base.scss b/src/components/list/themes/item.base.scss
@@ -24,6 +24,12 @@
     flex-grow: 1;
 }
 
+[part='header'] {
+    display: flex;
+    flex-direction: column;
+    gap: rem(2px);
+}
+
 [part='start'],
 [part='end'] {
     display: flex;
@@ -37,5 +43,5 @@
 }
 
 [part='subtitle'] {
-    @include type-style('caption');
+    @include type-style('body-2');
 }
diff --git a/src/components/list/themes/shared/item/list-item.common.scss b/src/components/list/themes/shared/item/list-item.common.scss
@@ -22,7 +22,7 @@ $theme: $material;
     }
 
     [part='title'] {
-        color: var-get($theme, 'item-text-color-hover');
+        color: var-get($theme, 'item-title-color-hover');
     }
 
     [part='subtitle'] {
diff --git a/src/components/list/themes/shared/item/list-item.fluent.scss b/src/components/list/themes/shared/item/list-item.fluent.scss
@@ -11,6 +11,7 @@ $theme: $fluent;
     border-bottom: none;
 }
 
-[part='title'] {
+[part='title'],
+[part='subtitle'] {
     @include type-style('caption');
 }
diff --git a/src/components/list/themes/shared/item/list-item.indigo.scss b/src/components/list/themes/shared/item/list-item.indigo.scss
@@ -15,12 +15,6 @@
     @include type-style('body-2');
 }
 
-[part='header'] {
-    display: flex;
-    flex-direction: column;
-    gap: rem(2px);
-}
-
 [part='end'] {
     gap: sizable(rem(4px), rem(6px), rem(8px));
 }

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,12 @@`
`24`	`24`	`flex-grow: 1;`
`25`	`25`	`}`
`26`	`26`
	`27`	`+[part='header'] {`
	`28`	`+ display: flex;`
	`29`	`+ flex-direction: column;`
	`30`	`+ gap: rem(2px);`
	`31`	`+}`
	`32`	`+`
`27`	`33`	`[part='start'],`
`28`	`34`	`[part='end'] {`
`29`	`35`	`display: flex;`
`@@ -37,5 +43,5 @@`
`37`	`43`	`}`
`38`	`44`
`39`	`45`	`[part='subtitle'] {`
`40`		`- @include type-style('caption');`
	`46`	`+ @include type-style('body-2');`
`41`	`47`	`}`
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ $theme: $material;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`[part='title'] {`
`25`		`- color: var-get($theme, 'item-text-color-hover');`
	`25`	`+ color: var-get($theme, 'item-title-color-hover');`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`[part='subtitle'] {`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ $theme: $fluent;`
`11`	`11`	`border-bottom: none;`
`12`	`12`	`}`
`13`	`13`
`14`		`-[part='title'] {`
	`14`	`+[part='title'],`
	`15`	`+[part='subtitle'] {`
`15`	`16`	`@include type-style('caption');`
`16`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,12 +15,6 @@`
`15`	`15`	`@include type-style('body-2');`
`16`	`16`	`}`
`17`	`17`
`18`		`-[part='header'] {`
`19`		`- display: flex;`
`20`		`- flex-direction: column;`
`21`		`- gap: rem(2px);`
`22`		`-}`
`23`		`-`
`24`	`18`	`[part='end'] {`
`25`	`19`	`gap: sizable(rem(4px), rem(6px), rem(8px));`
`26`	`20`	`}`