From bfee66b597aa92ed2a7272999267244bcf64efef Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Tue, 27 Sep 2022 18:27:05 +0100
Subject: [PATCH 1/6] [EuiText] Set default color to `inherit`

---
 .../__snapshots__/accordion.test.tsx.snap     |  2 +-
 .../card/__snapshots__/card.test.tsx.snap     | 64 +++++++++----------
 .../data_grid_cell.test.tsx.snap              |  2 +-
 .../column_sorting.test.tsx.snap              |  2 +-
 .../__snapshots__/confirm_modal.test.tsx.snap |  2 +-
 .../__snapshots__/page_header.test.tsx.snap   |  2 +-
 .../page_header_content.test.tsx.snap         |  2 +-
 .../__snapshots__/pagination.test.tsx.snap    |  2 +-
 .../stat/__snapshots__/stat.test.tsx.snap     | 42 ++++++------
 .../text/__snapshots__/text.test.tsx.snap     |  4 +-
 src/components/text/text.styles.ts            |  2 +-
 src/components/text/text.tsx                  |  8 +--
 src/components/text/text_color.tsx            |  3 +-
 .../global_toast_list.test.tsx.snap           |  8 +--
 .../toast/__snapshots__/toast.test.tsx.snap   |  2 +-
 .../__snapshots__/tree_view.test.tsx.snap     |  4 +-
 16 files changed, 75 insertions(+), 76 deletions(-)

diff --git a/src/components/accordion/__snapshots__/accordion.test.tsx.snap b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
index 6828e9415a6..b9c1019a1d5 100644
--- a/src/components/accordion/__snapshots__/accordion.test.tsx.snap
+++ b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
@@ -1051,7 +1051,7 @@ exports[`EuiAccordion props isLoadingMessage is rendered 1`] = `
           role="progressbar"
         />
         <div
-          class="euiText emotion-euiText-s"
+          class="euiText emotion-euiText-s-euiTextColor-inherit"
         >
           <p>
             Please wait
diff --git a/src/components/card/__snapshots__/card.test.tsx.snap b/src/components/card/__snapshots__/card.test.tsx.snap
index b75bbc0d28e..d7eae708297 100644
--- a/src/components/card/__snapshots__/card.test.tsx.snap
+++ b/src/components/card/__snapshots__/card.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`EuiCard betaBadgeProps renders href 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -56,7 +56,7 @@ exports[`EuiCard horizontal selectable 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -103,7 +103,7 @@ exports[`EuiCard is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -132,7 +132,7 @@ exports[`EuiCard props a null icon 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -162,7 +162,7 @@ exports[`EuiCard props accepts div props like style 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -217,7 +217,7 @@ exports[`EuiCard props children with description 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -251,7 +251,7 @@ exports[`EuiCard props display accent is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -280,7 +280,7 @@ exports[`EuiCard props display danger is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -309,7 +309,7 @@ exports[`EuiCard props display plain is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -338,7 +338,7 @@ exports[`EuiCard props display primary is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -367,7 +367,7 @@ exports[`EuiCard props display subdued is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -396,7 +396,7 @@ exports[`EuiCard props display success is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -425,7 +425,7 @@ exports[`EuiCard props display transparent is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -454,7 +454,7 @@ exports[`EuiCard props display warning is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -483,7 +483,7 @@ exports[`EuiCard props footer 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -519,7 +519,7 @@ exports[`EuiCard props hasBorder 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -548,7 +548,7 @@ exports[`EuiCard props horizontal 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -580,7 +580,7 @@ exports[`EuiCard props href supports href as a link 1`] = `
       </a>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -617,7 +617,7 @@ exports[`EuiCard props icon 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -660,7 +660,7 @@ exports[`EuiCard props image 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -691,7 +691,7 @@ exports[`EuiCard props isDisabled 1`] = `
       </button>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -720,7 +720,7 @@ exports[`EuiCard props paddingSize l is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -749,7 +749,7 @@ exports[`EuiCard props paddingSize m is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -778,7 +778,7 @@ exports[`EuiCard props paddingSize none is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -807,7 +807,7 @@ exports[`EuiCard props paddingSize s is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -836,7 +836,7 @@ exports[`EuiCard props paddingSize xl is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -865,7 +865,7 @@ exports[`EuiCard props paddingSize xs is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -894,7 +894,7 @@ exports[`EuiCard props selectable 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -939,7 +939,7 @@ exports[`EuiCard props textAlign 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -968,7 +968,7 @@ exports[`EuiCard props titleElement 1`] = `
       </span>
     </h4>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -997,7 +997,7 @@ exports[`EuiCard props titleElement with nodes 1`] = `
       </span>
     </h4>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -1026,7 +1026,7 @@ exports[`EuiCard props titleSize 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiCard__description"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
       id="generated-idDescription"
     >
       <p>
diff --git a/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap b/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap
index 11d8f4f7ed7..a348fa40de0 100644
--- a/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap
+++ b/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiDataGridCell componentDidUpdate handles the cell popover by forwarding the cell's DOM node and contents to the parent popover context 1`] = `
 Array [
   <div
-    class="euiText emotion-euiText-m"
+    class="euiText emotion-euiText-m-euiTextColor-inherit"
   >
     <div>
       <button
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index c2fc7f6c37c..ee876851a8e 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -123,7 +123,7 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
                 class="euiFlexItem"
               >
                 <div
-                  class="euiText emotion-euiText-xs"
+                  class="euiText emotion-euiText-xs-euiTextColor-inherit"
                 >
                   <p>
                     Column A
diff --git a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
index 6f4d9753a48..9109785be1f 100644
--- a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
+++ b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
@@ -56,7 +56,7 @@ Array [
           class="euiModalBody__overflow"
         >
           <div
-            class="euiText emotion-euiText-m"
+            class="euiText emotion-euiText-m-euiTextColor-inherit"
             data-test-subj="confirmModalBodyText"
           >
             <p>
diff --git a/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap b/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
index 0e3dd0999c5..48266f90d03 100644
--- a/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
+++ b/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
@@ -304,7 +304,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
           class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
         />
         <div
-          class="euiText emotion-euiText-constrainedWidth-m"
+          class="euiText emotion-euiText-constrainedWidth-m-euiTextColor-inherit"
         >
           <p>
             Description
diff --git a/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap b/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
index 40a94e6935d..2814d6f9bcb 100644
--- a/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
+++ b/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
@@ -352,7 +352,7 @@ exports[`EuiPageHeaderContent props description is rendered 1`] = `
       class="euiFlexItem"
     >
       <div
-        class="euiText emotion-euiText-constrainedWidth-m"
+        class="euiText emotion-euiText-constrainedWidth-m-euiTextColor-inherit"
       >
         <p>
           Description
diff --git a/src/components/pagination/__snapshots__/pagination.test.tsx.snap b/src/components/pagination/__snapshots__/pagination.test.tsx.snap
index 8012cde501d..48c8b635d92 100644
--- a/src/components/pagination/__snapshots__/pagination.test.tsx.snap
+++ b/src/components/pagination/__snapshots__/pagination.test.tsx.snap
@@ -469,7 +469,7 @@ exports[`EuiPagination props compressed is rendered 1`] = `
     />
   </button>
   <div
-    class="euiText euiPagination__compressedText emotion-euiText-s-euiPagination__compressedText"
+    class="euiText euiPagination__compressedText emotion-euiText-s-euiTextColor-inherit-euiPagination__compressedText"
   >
     <span>
       1
diff --git a/src/components/stat/__snapshots__/stat.test.tsx.snap b/src/components/stat/__snapshots__/stat.test.tsx.snap
index 2707779ea29..8948865ccc1 100644
--- a/src/components/stat/__snapshots__/stat.test.tsx.snap
+++ b/src/components/stat/__snapshots__/stat.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`EuiStat is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -34,7 +34,7 @@ exports[`EuiStat props accent is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -61,7 +61,7 @@ exports[`EuiStat props center is rendered 1`] = `
   class="euiStat emotion-euiStat-center"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -88,7 +88,7 @@ exports[`EuiStat props danger is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -115,7 +115,7 @@ exports[`EuiStat props default is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -142,7 +142,7 @@ exports[`EuiStat props hexcode colors are rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -170,7 +170,7 @@ exports[`EuiStat props l is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -197,7 +197,7 @@ exports[`EuiStat props left is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -226,7 +226,7 @@ exports[`EuiStat props loading is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -253,7 +253,7 @@ exports[`EuiStat props m is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -280,7 +280,7 @@ exports[`EuiStat props primary is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -307,7 +307,7 @@ exports[`EuiStat props render with custom description element 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <div
       aria-hidden="true"
@@ -332,7 +332,7 @@ exports[`EuiStat props render with custom title element 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -356,7 +356,7 @@ exports[`EuiStat props right is rendered 1`] = `
   class="euiStat emotion-euiStat-right"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -383,7 +383,7 @@ exports[`EuiStat props s is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -410,7 +410,7 @@ exports[`EuiStat props subdued is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -437,7 +437,7 @@ exports[`EuiStat props success is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -470,7 +470,7 @@ exports[`EuiStat props title and description are reversed 1`] = `
     title
   </p>
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -491,7 +491,7 @@ exports[`EuiStat props xs is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -518,7 +518,7 @@ exports[`EuiStat props xxs is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
@@ -545,7 +545,7 @@ exports[`EuiStat props xxxs is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s"
+    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
   >
     <p
       aria-hidden="true"
diff --git a/src/components/text/__snapshots__/text.test.tsx.snap b/src/components/text/__snapshots__/text.test.tsx.snap
index 85f0a2e4e0b..29f195904f4 100644
--- a/src/components/text/__snapshots__/text.test.tsx.snap
+++ b/src/components/text/__snapshots__/text.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiText is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiText testClass1 testClass2 emotion-euiText-m"
+  class="euiText testClass1 testClass2 emotion-euiText-m-euiTextColor-inherit"
   data-test-subj="test subject string"
 >
   <p>
@@ -27,7 +27,7 @@ exports[`EuiText props color & align 1`] = `
 exports[`EuiText props grow false 1`] = `
 <div
   aria-label="aria-label"
-  class="euiText testClass1 testClass2 emotion-euiText-constrainedWidth-m"
+  class="euiText testClass1 testClass2 emotion-euiText-constrainedWidth-m-euiTextColor-inherit"
   data-test-subj="test subject string"
 >
   <p>
diff --git a/src/components/text/text.styles.ts b/src/components/text/text.styles.ts
index 43f7127432b..0f370efe074 100644
--- a/src/components/text/text.styles.ts
+++ b/src/components/text/text.styles.ts
@@ -220,7 +220,7 @@ export const euiTextStyles = (euiThemeContext: UseEuiTheme) => {
 
   return {
     euiText: css`
-      ${euiText(euiTheme, true)};
+      ${euiText(euiTheme)};
 
       // EuiImage with floats are often used within EuiText.
       clear: both;
diff --git a/src/components/text/text.tsx b/src/components/text/text.tsx
index cc644e251c1..d35c5064c36 100644
--- a/src/components/text/text.tsx
+++ b/src/components/text/text.tsx
@@ -6,14 +6,14 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+import React, { FunctionComponent, HTMLAttributes } from 'react';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
 
 import { useEuiTheme } from '../../services';
 import { euiTextStyles } from './text.styles';
 
-import { TextColor, EuiTextColor } from './text_color';
+import { EuiTextColor, EuiTextColorProps } from './text_color';
 
 import { EuiTextAlign, TextAlignment } from './text_align';
 
@@ -30,13 +30,13 @@ export type EuiTextProps = CommonProps &
     /**
      * Any of our named colors or a `hex`, `rgb` or `rgba` value.
      */
-    color?: TextColor | CSSProperties['color'];
+    color?: EuiTextColorProps['color'];
     grow?: boolean;
   };
 
 export const EuiText: FunctionComponent<EuiTextProps> = ({
   size = 'm',
-  color,
+  color = 'inherit',
   grow = true,
   textAlign,
   children,
diff --git a/src/components/text/text_color.tsx b/src/components/text/text_color.tsx
index 263ab967a73..60c5e76a6c8 100644
--- a/src/components/text/text_color.tsx
+++ b/src/components/text/text_color.tsx
@@ -9,7 +9,6 @@
 import React, {
   FunctionComponent,
   HTMLAttributes,
-  CSSProperties,
   isValidElement,
 } from 'react';
 import { CommonProps } from '../common';
@@ -38,7 +37,7 @@ export type EuiTextColorProps = CommonProps &
     /**
      * Any of our named colors or a `hex`, `rgb` or `rgba` value.
      */
-    color?: TextColor | CSSProperties['color'];
+    color?: TextColor | string;
     /**
      * Determines the root element
      */
diff --git a/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap b/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap
index 82f4413a021..12c34bf7abe 100644
--- a/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap
+++ b/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap
@@ -57,7 +57,7 @@ exports[`EuiGlobalToastList props side can be changed to left 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiToastBody"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
       data-test-subj="euiToastBody"
     >
       a
@@ -104,7 +104,7 @@ exports[`EuiGlobalToastList props side can be changed to left 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiToastBody"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
       data-test-subj="euiToastBody"
     >
       b
@@ -160,7 +160,7 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiToastBody"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
       data-test-subj="euiToastBody"
     >
       a
@@ -207,7 +207,7 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiToastBody"
+      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
       data-test-subj="euiToastBody"
     >
       b
diff --git a/src/components/toast/__snapshots__/toast.test.tsx.snap b/src/components/toast/__snapshots__/toast.test.tsx.snap
index 2d8e4e7f1d1..d07bc72281c 100644
--- a/src/components/toast/__snapshots__/toast.test.tsx.snap
+++ b/src/components/toast/__snapshots__/toast.test.tsx.snap
@@ -173,7 +173,7 @@ exports[`EuiToast is rendered 1`] = `
     </span>
   </div>
   <div
-    class="euiText emotion-euiText-s-euiToastBody"
+    class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
     data-test-subj="euiToastBody"
   >
     <p>
diff --git a/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap b/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap
index 28bff5d50df..3c227e246b1 100644
--- a/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap
+++ b/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`EuiTreeView is rendered 1`] = `
 <div
-  class="euiText euiTreeView__wrapper emotion-euiText-m"
+  class="euiText euiTreeView__wrapper emotion-euiText-m-euiTextColor-inherit"
 >
   <p
     class="emotion-euiScreenReaderOnly"
@@ -44,7 +44,7 @@ exports[`EuiTreeView is rendered 1`] = `
         id="euiTreeView_generated-id_item_one"
       >
         <div
-          class="euiText euiTreeView__wrapper emotion-euiText-m"
+          class="euiText euiTreeView__wrapper emotion-euiText-m-euiTextColor-inherit"
         >
           <ul
             aria-label="Item One child of aria-label"

From ac3f0eeb7a295bb99251707831ca01c226fa1521 Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Wed, 28 Sep 2022 14:29:57 +0100
Subject: [PATCH 2/6] Adding CL

---
 upcoming_changelogs/6267.md | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 upcoming_changelogs/6267.md

diff --git a/upcoming_changelogs/6267.md b/upcoming_changelogs/6267.md
new file mode 100644
index 00000000000..fcecbee26c1
--- /dev/null
+++ b/upcoming_changelogs/6267.md
@@ -0,0 +1,4 @@
+**Bug fixes**
+
+- Fixed `EuiTextColorProps` to show the `color` type option `inherit` that was being overriden by `CSSProperties['color']`
+- Fixed `EuiTextProps` to show the `color` type option `inherit` as default

From 7105e4f26c3462abbc1763adc4253217758a1fb0 Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Wed, 28 Sep 2022 14:43:26 +0100
Subject: [PATCH 3/6] Fix typo

---
 upcoming_changelogs/6267.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/upcoming_changelogs/6267.md b/upcoming_changelogs/6267.md
index fcecbee26c1..79d4c59deab 100644
--- a/upcoming_changelogs/6267.md
+++ b/upcoming_changelogs/6267.md
@@ -1,4 +1,4 @@
 **Bug fixes**
 
-- Fixed `EuiTextColorProps` to show the `color` type option `inherit` that was being overriden by `CSSProperties['color']`
+- Fixed `EuiTextColorProps` to show the `color` type option `inherit` that was being overridden by `CSSProperties['color']`
 - Fixed `EuiTextProps` to show the `color` type option `inherit` as default

From f278593531647fefa628235f532f6513a9c770aa Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Wed, 28 Sep 2022 15:53:57 +0100
Subject: [PATCH 4/6] Exclude `inherit` from CSSProperties['color']

---
 src/components/text/text_color.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/text/text_color.tsx b/src/components/text/text_color.tsx
index 60c5e76a6c8..f4b20de5f59 100644
--- a/src/components/text/text_color.tsx
+++ b/src/components/text/text_color.tsx
@@ -10,6 +10,7 @@ import React, {
   FunctionComponent,
   HTMLAttributes,
   isValidElement,
+  CSSProperties,
 } from 'react';
 import { CommonProps } from '../common';
 import { cloneElementWithCss } from '../../services/theme/clone_element';
@@ -37,7 +38,7 @@ export type EuiTextColorProps = CommonProps &
     /**
      * Any of our named colors or a `hex`, `rgb` or `rgba` value.
      */
-    color?: TextColor | string;
+    color?: TextColor | Exclude<CSSProperties['color'], 'inherit'>;
     /**
      * Determines the root element
      */

From df9f0f1af6e3dab4874e729c133c46f157322e0b Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Wed, 28 Sep 2022 19:45:23 +0100
Subject: [PATCH 5/6] Revert `color` type

---
 .../__snapshots__/accordion.test.tsx.snap     |  2 +-
 .../card/__snapshots__/card.test.tsx.snap     | 64 +++++++++----------
 .../data_grid_cell.test.tsx.snap              |  2 +-
 .../column_sorting.test.tsx.snap              |  2 +-
 .../__snapshots__/confirm_modal.test.tsx.snap |  2 +-
 .../__snapshots__/page_header.test.tsx.snap   |  2 +-
 .../page_header_content.test.tsx.snap         |  2 +-
 .../__snapshots__/pagination.test.tsx.snap    |  2 +-
 .../stat/__snapshots__/stat.test.tsx.snap     | 42 ++++++------
 .../text/__snapshots__/text.test.tsx.snap     |  4 +-
 src/components/text/text.styles.ts            |  2 +-
 src/components/text/text.tsx                  |  9 +--
 src/components/text/text_color.tsx            |  2 +-
 .../global_toast_list.test.tsx.snap           |  8 +--
 .../toast/__snapshots__/toast.test.tsx.snap   |  2 +-
 .../__snapshots__/tree_view.test.tsx.snap     |  4 +-
 upcoming_changelogs/6267.md                   |  1 -
 17 files changed, 76 insertions(+), 76 deletions(-)

diff --git a/src/components/accordion/__snapshots__/accordion.test.tsx.snap b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
index b9c1019a1d5..6828e9415a6 100644
--- a/src/components/accordion/__snapshots__/accordion.test.tsx.snap
+++ b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
@@ -1051,7 +1051,7 @@ exports[`EuiAccordion props isLoadingMessage is rendered 1`] = `
           role="progressbar"
         />
         <div
-          class="euiText emotion-euiText-s-euiTextColor-inherit"
+          class="euiText emotion-euiText-s"
         >
           <p>
             Please wait
diff --git a/src/components/card/__snapshots__/card.test.tsx.snap b/src/components/card/__snapshots__/card.test.tsx.snap
index d7eae708297..b75bbc0d28e 100644
--- a/src/components/card/__snapshots__/card.test.tsx.snap
+++ b/src/components/card/__snapshots__/card.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`EuiCard betaBadgeProps renders href 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -56,7 +56,7 @@ exports[`EuiCard horizontal selectable 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -103,7 +103,7 @@ exports[`EuiCard is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -132,7 +132,7 @@ exports[`EuiCard props a null icon 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -162,7 +162,7 @@ exports[`EuiCard props accepts div props like style 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -217,7 +217,7 @@ exports[`EuiCard props children with description 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -251,7 +251,7 @@ exports[`EuiCard props display accent is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -280,7 +280,7 @@ exports[`EuiCard props display danger is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -309,7 +309,7 @@ exports[`EuiCard props display plain is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -338,7 +338,7 @@ exports[`EuiCard props display primary is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -367,7 +367,7 @@ exports[`EuiCard props display subdued is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -396,7 +396,7 @@ exports[`EuiCard props display success is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -425,7 +425,7 @@ exports[`EuiCard props display transparent is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -454,7 +454,7 @@ exports[`EuiCard props display warning is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -483,7 +483,7 @@ exports[`EuiCard props footer 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -519,7 +519,7 @@ exports[`EuiCard props hasBorder 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -548,7 +548,7 @@ exports[`EuiCard props horizontal 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -580,7 +580,7 @@ exports[`EuiCard props href supports href as a link 1`] = `
       </a>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -617,7 +617,7 @@ exports[`EuiCard props icon 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -660,7 +660,7 @@ exports[`EuiCard props image 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -691,7 +691,7 @@ exports[`EuiCard props isDisabled 1`] = `
       </button>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -720,7 +720,7 @@ exports[`EuiCard props paddingSize l is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -749,7 +749,7 @@ exports[`EuiCard props paddingSize m is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -778,7 +778,7 @@ exports[`EuiCard props paddingSize none is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -807,7 +807,7 @@ exports[`EuiCard props paddingSize s is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -836,7 +836,7 @@ exports[`EuiCard props paddingSize xl is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -865,7 +865,7 @@ exports[`EuiCard props paddingSize xs is rendered 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -894,7 +894,7 @@ exports[`EuiCard props selectable 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -939,7 +939,7 @@ exports[`EuiCard props textAlign 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -968,7 +968,7 @@ exports[`EuiCard props titleElement 1`] = `
       </span>
     </h4>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -997,7 +997,7 @@ exports[`EuiCard props titleElement with nodes 1`] = `
       </span>
     </h4>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -1026,7 +1026,7 @@ exports[`EuiCard props titleSize 1`] = `
       </span>
     </p>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiCard__description"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
diff --git a/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap b/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap
index a348fa40de0..11d8f4f7ed7 100644
--- a/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap
+++ b/src/components/datagrid/body/__snapshots__/data_grid_cell.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiDataGridCell componentDidUpdate handles the cell popover by forwarding the cell's DOM node and contents to the parent popover context 1`] = `
 Array [
   <div
-    class="euiText emotion-euiText-m-euiTextColor-inherit"
+    class="euiText emotion-euiText-m"
   >
     <div>
       <button
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index ee876851a8e..c2fc7f6c37c 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -123,7 +123,7 @@ exports[`useDataGridColumnSorting columnSorting renders a toolbar button/popover
                 class="euiFlexItem"
               >
                 <div
-                  class="euiText emotion-euiText-xs-euiTextColor-inherit"
+                  class="euiText emotion-euiText-xs"
                 >
                   <p>
                     Column A
diff --git a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
index 9109785be1f..6f4d9753a48 100644
--- a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
+++ b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
@@ -56,7 +56,7 @@ Array [
           class="euiModalBody__overflow"
         >
           <div
-            class="euiText emotion-euiText-m-euiTextColor-inherit"
+            class="euiText emotion-euiText-m"
             data-test-subj="confirmModalBodyText"
           >
             <p>
diff --git a/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap b/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
index 48266f90d03..0e3dd0999c5 100644
--- a/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
+++ b/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap
@@ -304,7 +304,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`]
           class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
         />
         <div
-          class="euiText emotion-euiText-constrainedWidth-m-euiTextColor-inherit"
+          class="euiText emotion-euiText-constrainedWidth-m"
         >
           <p>
             Description
diff --git a/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap b/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
index 2814d6f9bcb..40a94e6935d 100644
--- a/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
+++ b/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap
@@ -352,7 +352,7 @@ exports[`EuiPageHeaderContent props description is rendered 1`] = `
       class="euiFlexItem"
     >
       <div
-        class="euiText emotion-euiText-constrainedWidth-m-euiTextColor-inherit"
+        class="euiText emotion-euiText-constrainedWidth-m"
       >
         <p>
           Description
diff --git a/src/components/pagination/__snapshots__/pagination.test.tsx.snap b/src/components/pagination/__snapshots__/pagination.test.tsx.snap
index 48c8b635d92..8012cde501d 100644
--- a/src/components/pagination/__snapshots__/pagination.test.tsx.snap
+++ b/src/components/pagination/__snapshots__/pagination.test.tsx.snap
@@ -469,7 +469,7 @@ exports[`EuiPagination props compressed is rendered 1`] = `
     />
   </button>
   <div
-    class="euiText euiPagination__compressedText emotion-euiText-s-euiTextColor-inherit-euiPagination__compressedText"
+    class="euiText euiPagination__compressedText emotion-euiText-s-euiPagination__compressedText"
   >
     <span>
       1
diff --git a/src/components/stat/__snapshots__/stat.test.tsx.snap b/src/components/stat/__snapshots__/stat.test.tsx.snap
index 8948865ccc1..2707779ea29 100644
--- a/src/components/stat/__snapshots__/stat.test.tsx.snap
+++ b/src/components/stat/__snapshots__/stat.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`EuiStat is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -34,7 +34,7 @@ exports[`EuiStat props accent is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -61,7 +61,7 @@ exports[`EuiStat props center is rendered 1`] = `
   class="euiStat emotion-euiStat-center"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -88,7 +88,7 @@ exports[`EuiStat props danger is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -115,7 +115,7 @@ exports[`EuiStat props default is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -142,7 +142,7 @@ exports[`EuiStat props hexcode colors are rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -170,7 +170,7 @@ exports[`EuiStat props l is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -197,7 +197,7 @@ exports[`EuiStat props left is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -226,7 +226,7 @@ exports[`EuiStat props loading is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -253,7 +253,7 @@ exports[`EuiStat props m is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -280,7 +280,7 @@ exports[`EuiStat props primary is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -307,7 +307,7 @@ exports[`EuiStat props render with custom description element 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <div
       aria-hidden="true"
@@ -332,7 +332,7 @@ exports[`EuiStat props render with custom title element 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -356,7 +356,7 @@ exports[`EuiStat props right is rendered 1`] = `
   class="euiStat emotion-euiStat-right"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -383,7 +383,7 @@ exports[`EuiStat props s is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -410,7 +410,7 @@ exports[`EuiStat props subdued is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -437,7 +437,7 @@ exports[`EuiStat props success is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -470,7 +470,7 @@ exports[`EuiStat props title and description are reversed 1`] = `
     title
   </p>
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -491,7 +491,7 @@ exports[`EuiStat props xs is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -518,7 +518,7 @@ exports[`EuiStat props xxs is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
@@ -545,7 +545,7 @@ exports[`EuiStat props xxxs is rendered 1`] = `
   class="euiStat emotion-euiStat-left"
 >
   <div
-    class="euiText euiStat__description emotion-euiText-s-euiTextColor-inherit"
+    class="euiText euiStat__description emotion-euiText-s"
   >
     <p
       aria-hidden="true"
diff --git a/src/components/text/__snapshots__/text.test.tsx.snap b/src/components/text/__snapshots__/text.test.tsx.snap
index 29f195904f4..85f0a2e4e0b 100644
--- a/src/components/text/__snapshots__/text.test.tsx.snap
+++ b/src/components/text/__snapshots__/text.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`EuiText is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiText testClass1 testClass2 emotion-euiText-m-euiTextColor-inherit"
+  class="euiText testClass1 testClass2 emotion-euiText-m"
   data-test-subj="test subject string"
 >
   <p>
@@ -27,7 +27,7 @@ exports[`EuiText props color & align 1`] = `
 exports[`EuiText props grow false 1`] = `
 <div
   aria-label="aria-label"
-  class="euiText testClass1 testClass2 emotion-euiText-constrainedWidth-m-euiTextColor-inherit"
+  class="euiText testClass1 testClass2 emotion-euiText-constrainedWidth-m"
   data-test-subj="test subject string"
 >
   <p>
diff --git a/src/components/text/text.styles.ts b/src/components/text/text.styles.ts
index 0f370efe074..43f7127432b 100644
--- a/src/components/text/text.styles.ts
+++ b/src/components/text/text.styles.ts
@@ -220,7 +220,7 @@ export const euiTextStyles = (euiThemeContext: UseEuiTheme) => {
 
   return {
     euiText: css`
-      ${euiText(euiTheme)};
+      ${euiText(euiTheme, true)};
 
       // EuiImage with floats are often used within EuiText.
       clear: both;
diff --git a/src/components/text/text.tsx b/src/components/text/text.tsx
index d35c5064c36..4b05656cb84 100644
--- a/src/components/text/text.tsx
+++ b/src/components/text/text.tsx
@@ -6,14 +6,14 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent, HTMLAttributes } from 'react';
+import React, { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
 import classNames from 'classnames';
 import { CommonProps } from '../common';
 
 import { useEuiTheme } from '../../services';
 import { euiTextStyles } from './text.styles';
 
-import { EuiTextColor, EuiTextColorProps } from './text_color';
+import { EuiTextColor, TextColor } from './text_color';
 
 import { EuiTextAlign, TextAlignment } from './text_align';
 
@@ -29,14 +29,15 @@ export type EuiTextProps = CommonProps &
     size?: TextSize;
     /**
      * Any of our named colors or a `hex`, `rgb` or `rgba` value.
+     * @default inherit
      */
-    color?: EuiTextColorProps['color'];
+    color?: TextColor | CSSProperties['color'];
     grow?: boolean;
   };
 
 export const EuiText: FunctionComponent<EuiTextProps> = ({
   size = 'm',
-  color = 'inherit',
+  color,
   grow = true,
   textAlign,
   children,
diff --git a/src/components/text/text_color.tsx b/src/components/text/text_color.tsx
index f4b20de5f59..fbab7a180ad 100644
--- a/src/components/text/text_color.tsx
+++ b/src/components/text/text_color.tsx
@@ -38,7 +38,7 @@ export type EuiTextColorProps = CommonProps &
     /**
      * Any of our named colors or a `hex`, `rgb` or `rgba` value.
      */
-    color?: TextColor | Exclude<CSSProperties['color'], 'inherit'>;
+    color?: TextColor | CSSProperties['color'];
     /**
      * Determines the root element
      */
diff --git a/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap b/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap
index 12c34bf7abe..82f4413a021 100644
--- a/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap
+++ b/src/components/toast/__snapshots__/global_toast_list.test.tsx.snap
@@ -57,7 +57,7 @@ exports[`EuiGlobalToastList props side can be changed to left 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
+      class="euiText emotion-euiText-s-euiToastBody"
       data-test-subj="euiToastBody"
     >
       a
@@ -104,7 +104,7 @@ exports[`EuiGlobalToastList props side can be changed to left 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
+      class="euiText emotion-euiText-s-euiToastBody"
       data-test-subj="euiToastBody"
     >
       b
@@ -160,7 +160,7 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
+      class="euiText emotion-euiText-s-euiToastBody"
       data-test-subj="euiToastBody"
     >
       a
@@ -207,7 +207,7 @@ exports[`EuiGlobalToastList props toasts is rendered 1`] = `
       />
     </button>
     <div
-      class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
+      class="euiText emotion-euiText-s-euiToastBody"
       data-test-subj="euiToastBody"
     >
       b
diff --git a/src/components/toast/__snapshots__/toast.test.tsx.snap b/src/components/toast/__snapshots__/toast.test.tsx.snap
index d07bc72281c..2d8e4e7f1d1 100644
--- a/src/components/toast/__snapshots__/toast.test.tsx.snap
+++ b/src/components/toast/__snapshots__/toast.test.tsx.snap
@@ -173,7 +173,7 @@ exports[`EuiToast is rendered 1`] = `
     </span>
   </div>
   <div
-    class="euiText emotion-euiText-s-euiTextColor-inherit-euiToastBody"
+    class="euiText emotion-euiText-s-euiToastBody"
     data-test-subj="euiToastBody"
   >
     <p>
diff --git a/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap b/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap
index 3c227e246b1..28bff5d50df 100644
--- a/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap
+++ b/src/components/tree_view/__snapshots__/tree_view.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`EuiTreeView is rendered 1`] = `
 <div
-  class="euiText euiTreeView__wrapper emotion-euiText-m-euiTextColor-inherit"
+  class="euiText euiTreeView__wrapper emotion-euiText-m"
 >
   <p
     class="emotion-euiScreenReaderOnly"
@@ -44,7 +44,7 @@ exports[`EuiTreeView is rendered 1`] = `
         id="euiTreeView_generated-id_item_one"
       >
         <div
-          class="euiText euiTreeView__wrapper emotion-euiText-m-euiTextColor-inherit"
+          class="euiText euiTreeView__wrapper emotion-euiText-m"
         >
           <ul
             aria-label="Item One child of aria-label"
diff --git a/upcoming_changelogs/6267.md b/upcoming_changelogs/6267.md
index 79d4c59deab..6bc9ebd4252 100644
--- a/upcoming_changelogs/6267.md
+++ b/upcoming_changelogs/6267.md
@@ -1,4 +1,3 @@
 **Bug fixes**
 
-- Fixed `EuiTextColorProps` to show the `color` type option `inherit` that was being overridden by `CSSProperties['color']`
 - Fixed `EuiTextProps` to show the `color` type option `inherit` as default

From 2825643ab04dd29d7890004a8477615859146ec7 Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@elastic.co>
Date: Wed, 28 Sep 2022 19:53:57 +0100
Subject: [PATCH 6/6] Reverting line changes

---
 src/components/text/text.tsx       | 2 +-
 src/components/text/text_color.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/text/text.tsx b/src/components/text/text.tsx
index 4b05656cb84..2e856e851b5 100644
--- a/src/components/text/text.tsx
+++ b/src/components/text/text.tsx
@@ -13,7 +13,7 @@ import { CommonProps } from '../common';
 import { useEuiTheme } from '../../services';
 import { euiTextStyles } from './text.styles';
 
-import { EuiTextColor, TextColor } from './text_color';
+import { TextColor, EuiTextColor } from './text_color';
 
 import { EuiTextAlign, TextAlignment } from './text_align';
 
diff --git a/src/components/text/text_color.tsx b/src/components/text/text_color.tsx
index fbab7a180ad..263ab967a73 100644
--- a/src/components/text/text_color.tsx
+++ b/src/components/text/text_color.tsx
@@ -9,8 +9,8 @@
 import React, {
   FunctionComponent,
   HTMLAttributes,
-  isValidElement,
   CSSProperties,
+  isValidElement,
 } from 'react';
 import { CommonProps } from '../common';
 import { cloneElementWithCss } from '../../services/theme/clone_element';