[EuiDescriptionList] Update inline styles

CHANGELOG.md

@@ -1,6 +1,6 @@
 ## [`main`](https://github.com/elastic/eui/tree/main)
 
-No public interface changes since `46.0.0`.
+- Updated styles in `EuiDescriptionList` of `type` inline ([#5534](https://github.com/elastic/eui/pull/5534))
 
 ## [`46.0.0`](https://github.com/elastic/eui/tree/v46.0.0)
 

src/components/description_list/_description_list.scss

@@ -173,11 +173,10 @@
     .euiDescriptionList__title {
       @include euiFontSizeS;
       display: inline;
-      border-radius: $euiBorderRadius;
-      font-weight: $euiFontWeightRegular;
-      background: $euiColorLightestShade;
-      border: $euiBorderThin;
-      padding:  0 $euiSizeXS;
+      border-radius: $euiBorderRadiusSmall;
+      font-weight: $euiFontWeightMedium;
+      background-color: tintOrShade($euiColorLightShade, 50%, 0%);
+      padding:  1px $euiSizeXS;
       margin: 0 $euiSizeXS;
 
       // Make sure the first <dt> doesn't get a margin.
@@ -189,14 +188,14 @@
     .euiDescriptionList__description {
       @include euiFontSizeS;
       display: inline;
-      word-break: break-all;
     }
 
     // Compressed when inline is even smaller.
     &.euiDescriptionList--compressed {
 
       .euiDescriptionList__title {
         @include euiFontSizeXS;
+        padding:  0 $euiSizeXS;
       }
 
       .euiDescriptionList__description {
@@ -209,4 +208,4 @@
     }
   }
 
-}
+}

src/themes/amsterdam/overrides/_description_list.scss

@@ -0,0 +1,7 @@
+.euiDescriptionList {
+  &.euiDescriptionList--inline.euiDescriptionList--compressed {
+    .euiDescriptionList__title {
+      line-height: $euiLineHeight;
+    }
+  }
+}

src/themes/amsterdam/overrides/_index.scss

@@ -12,6 +12,7 @@
 @import 'data_grid';
 @import 'date_picker';
 @import 'date_popover_button';
+@import 'description_list';
 @import 'facet';
 @import 'filter_group';
 @import 'form_control_layout';