[EuiDescriptionListTitle] Fix compressed styles not being correctly applied (#6160)

* Updated styling logic to ensure that compressed DescriptionLists used the compressed style unless the textStyle is reversed.

* Update snapshot

* CHANGELOG

* Update upcoming_changelogs/6160.md

Co-authored-by: Constance <[email protected]>

Co-authored-by: Constance <[email protected]>

Author: breehall

src/components/description_list/__snapshots__/description_list_title.test.tsx.snap

@@ -8,7 +8,7 @@ exports[`EuiDescriptionListTitle EuiDescriptionListTitle prop variations align c
 
 exports[`EuiDescriptionListTitle EuiDescriptionListTitle prop variations compressed is rendered 1`] = `
 <dt
-  class="euiDescriptionList__title emotion-euiDescriptionList__title-row-normal"
+  class="euiDescriptionList__title emotion-euiDescriptionList__title-row-compressed"
 />
 `;
 

src/components/description_list/description_list_title.tsx

@@ -31,7 +31,7 @@ export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleP
   const styles = euiDescriptionListTitleStyles(theme);
 
   let conditionalStyles =
-    compressed && textStyle === 'reverse'
+    compressed && textStyle !== 'reverse'
       ? [styles.fontStyles.compressed]
       : [styles.fontStyles[textStyle]];
 

upcoming_changelogs/6160.md

@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed the text size of `EuiDescriptionListTitle` when `EuiDescriptionList` is compressed