From 36be668fe63bbcec81c7fa454b42fd7f1aee244b Mon Sep 17 00:00:00 2001
From: Constance Chen <constance.chen.3@gmail.com>
Date: Tue, 17 May 2022 12:53:35 -0700
Subject: [PATCH] Update downstream snapshots from previous commit

---
 .../__snapshots__/call_out.test.tsx.snap      |  16 +-
 .../date_picker_range.test.tsx.snap           |  16 +-
 .../form/__snapshots__/form.test.tsx.snap     |  62 ++++----
 ...orm_control_layout_delimited.test.tsx.snap |  28 +---
 .../__snapshots__/dual_range.test.tsx.snap    |  16 +-
 .../notification_event.test.tsx.snap          | 144 ++++++------------
 .../__snapshots__/selectable.test.tsx.snap    |  42 ++---
 .../selectable_message.test.tsx.snap          |  16 +-
 8 files changed, 114 insertions(+), 226 deletions(-)

diff --git a/src/components/call_out/__snapshots__/call_out.test.tsx.snap b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
index 471508968463..f71c71883b95 100644
--- a/src/components/call_out/__snapshots__/call_out.test.tsx.snap
+++ b/src/components/call_out/__snapshots__/call_out.test.tsx.snap
@@ -7,13 +7,9 @@ exports[`EuiCallOut is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
+    class="euiText css-1ojttwn-euiText-s-euiTextColor-default-euiCallOut__description"
   >
-    <div
-      class="css-7fidck-euiTextColor-default"
-    >
-      Content
-    </div>
+    Content
   </div>
 </div>
 `;
@@ -100,13 +96,9 @@ exports[`EuiCallOut props title is rendered 1`] = `
     Title
   </p>
   <div
-    class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
+    class="euiText css-1ojttwn-euiText-s-euiTextColor-default-euiCallOut__description"
   >
-    <div
-      class="css-7fidck-euiTextColor-default"
-    >
-      Content
-    </div>
+    Content
   </div>
 </div>
 `;
diff --git a/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap b/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap
index 1cb48999cc57..b4b8f125fcbc 100644
--- a/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap
+++ b/src/components/date_picker/__snapshots__/date_picker_range.test.tsx.snap
@@ -50,13 +50,9 @@ exports[`EuiDatePickerRange is rendered 1`] = `
     </div>
   </span>
   <div
-    class="euiText euiDatePickerRange__delimeter css-1oeurl1-euiText-s"
+    class="euiText euiDatePickerRange__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
   >
-    <div
-      class="css-xv0fhq-euiTextColor-subdued"
-    >
-      →
-    </div>
+    →
   </div>
   <span
     class="euiDatePicker euiDatePicker--shadow"
@@ -141,13 +137,9 @@ exports[`EuiDatePickerRange uses individual EuiDatePicker props 1`] = `
     </div>
   </span>
   <div
-    class="euiText euiDatePickerRange__delimeter css-1oeurl1-euiText-s"
+    class="euiText euiDatePickerRange__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
   >
-    <div
-      class="css-xv0fhq-euiTextColor-subdued"
-    >
-      →
-    </div>
+    →
   </div>
   <span
     class="euiDatePicker euiDatePicker--shadow"
diff --git a/src/components/form/__snapshots__/form.test.tsx.snap b/src/components/form/__snapshots__/form.test.tsx.snap
index 7caf8c836db1..dd60a456183e 100644
--- a/src/components/form/__snapshots__/form.test.tsx.snap
+++ b/src/components/form/__snapshots__/form.test.tsx.snap
@@ -55,28 +55,24 @@ exports[`EuiForm renders with error callout when isInvalid is "true" and has mul
       Please address the highlighted errors.
     </p>
     <div
-      class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
+      class="euiText css-1ojttwn-euiText-s-euiTextColor-default-euiCallOut__description"
     >
-      <div
-        class="css-7fidck-euiTextColor-default"
-      >
-        <ul>
-          <li
-            class="euiForm__error"
-          >
-            <span>
-              This is one error
-            </span>
-          </li>
-          <li
-            class="euiForm__error"
-          >
-            <span>
-              This is another error
-            </span>
-          </li>
-        </ul>
-      </div>
+      <ul>
+        <li
+          class="euiForm__error"
+        >
+          <span>
+            This is one error
+          </span>
+        </li>
+        <li
+          class="euiForm__error"
+        >
+          <span>
+            This is another error
+          </span>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
@@ -100,21 +96,17 @@ exports[`EuiForm renders with error callout when isInvalid is "true" and has one
       Please address the highlighted errors.
     </p>
     <div
-      class="euiText css-1a1mxin-euiText-s-euiCallOut__description"
+      class="euiText css-1ojttwn-euiText-s-euiTextColor-default-euiCallOut__description"
     >
-      <div
-        class="css-7fidck-euiTextColor-default"
-      >
-        <ul>
-          <li
-            class="euiForm__error"
-          >
-            <span>
-              This is one error
-            </span>
-          </li>
-        </ul>
-      </div>
+      <ul>
+        <li
+          class="euiForm__error"
+        >
+          <span>
+            This is one error
+          </span>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
diff --git a/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap b/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap
index 7e8941dfb6d6..a482a82b8e84 100644
--- a/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap
+++ b/src/components/form/form_control_layout/__snapshots__/form_control_layout_delimited.test.tsx.snap
@@ -15,13 +15,9 @@ exports[`EuiFormControlLayoutDelimited is rendered 1`] = `
       start
     </span>
     <div
-      class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
+      class="euiText euiFormControlLayoutDelimited__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
     >
-      <div
-        class="css-xv0fhq-euiTextColor-subdued"
-      >
-        →
-      </div>
+      →
     </div>
     <span
       class="euiFormControlLayoutDelimited__input"
@@ -45,15 +41,11 @@ exports[`EuiFormControlLayoutDelimited props delimiter is rendered as a node 1`]
       start
     </span>
     <div
-      class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
+      class="euiText euiFormControlLayoutDelimited__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
     >
-      <div
-        class="css-xv0fhq-euiTextColor-subdued"
-      >
-        <span
-          data-euiicon-type="alert"
-        />
-      </div>
+      <span
+        data-euiicon-type="alert"
+      />
     </div>
     <span
       class="euiFormControlLayoutDelimited__input"
@@ -77,13 +69,9 @@ exports[`EuiFormControlLayoutDelimited props delimiter is rendered as a string 1
       start
     </span>
     <div
-      class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
+      class="euiText euiFormControlLayoutDelimited__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
     >
-      <div
-        class="css-xv0fhq-euiTextColor-subdued"
-      >
-        +
-      </div>
+      +
     </div>
     <span
       class="euiFormControlLayoutDelimited__input"
diff --git a/src/components/form/range/__snapshots__/dual_range.test.tsx.snap b/src/components/form/range/__snapshots__/dual_range.test.tsx.snap
index 2689019ad60b..fa3faef689be 100644
--- a/src/components/form/range/__snapshots__/dual_range.test.tsx.snap
+++ b/src/components/form/range/__snapshots__/dual_range.test.tsx.snap
@@ -524,13 +524,9 @@ exports[`EuiDualRange props loading should display when showInput="inputWithPopo
             value="1"
           />
           <div
-            class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
+            class="euiText euiFormControlLayoutDelimited__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
           >
-            <div
-              class="css-xv0fhq-euiTextColor-subdued"
-            >
-              →
-            </div>
+            →
           </div>
           <input
             aria-label="aria-label"
@@ -613,13 +609,9 @@ exports[`EuiDualRange props slider should display in popover 1`] = `
             value="1"
           />
           <div
-            class="euiText euiFormControlLayoutDelimited__delimeter css-1oeurl1-euiText-s"
+            class="euiText euiFormControlLayoutDelimited__delimeter css-11v1g52-euiText-s-euiTextColor-subdued"
           >
-            <div
-              class="css-xv0fhq-euiTextColor-subdued"
-            >
-              →
-            </div>
+            →
           </div>
           <input
             aria-label="aria-label"
diff --git a/src/components/notification/__snapshots__/notification_event.test.tsx.snap b/src/components/notification/__snapshots__/notification_event.test.tsx.snap
index 2a781e6f5031..57bb3870926d 100644
--- a/src/components/notification/__snapshots__/notification_event.test.tsx.snap
+++ b/src/components/notification/__snapshots__/notification_event.test.tsx.snap
@@ -49,15 +49,11 @@ exports[`EuiNotificationEvent is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
@@ -114,15 +110,11 @@ exports[`EuiNotificationEvent props badgeColor is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
@@ -230,15 +222,11 @@ exports[`EuiNotificationEvent props headingLevel is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
@@ -300,15 +288,11 @@ exports[`EuiNotificationEvent props iconAriaLabel is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
@@ -369,15 +353,11 @@ exports[`EuiNotificationEvent props iconType is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
@@ -451,15 +431,11 @@ exports[`EuiNotificationEvent props isRead  is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
@@ -515,15 +491,11 @@ exports[`EuiNotificationEvent props multiple messages are rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message 1
-          </p>
-        </div>
+        <p>
+          message 1
+        </p>
       </div>
       <div
         class="euiAccordion euiNotificationEventMessages__accordion"
@@ -561,26 +533,18 @@ exports[`EuiNotificationEvent props multiple messages are rendered 1`] = `
                 class="euiNotificationEventMessages__accordionContent"
               >
                 <div
-                  class="euiText css-1oeurl1-euiText-s"
+                  class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
                 >
-                  <div
-                    class="css-xv0fhq-euiTextColor-subdued"
-                  >
-                    <p>
-                      message 2
-                    </p>
-                  </div>
+                  <p>
+                    message 2
+                  </p>
                 </div>
                 <div
-                  class="euiText css-1oeurl1-euiText-s"
+                  class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
                 >
-                  <div
-                    class="css-xv0fhq-euiTextColor-subdued"
-                  >
-                    <p>
-                      message 3
-                    </p>
-                  </div>
+                  <p>
+                    message 3
+                  </p>
                 </div>
               </div>
             </div>
@@ -641,15 +605,11 @@ exports[`EuiNotificationEvent props primaryAction is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
     <div
@@ -724,15 +684,11 @@ exports[`EuiNotificationEvent props primaryActionProps is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
     <div
@@ -812,15 +768,11 @@ exports[`EuiNotificationEvent props severity  is rendered 1`] = `
       class="euiNotificationEventMessages"
     >
       <div
-        class="euiText css-1oeurl1-euiText-s"
+        class="euiText css-11v1g52-euiText-s-euiTextColor-subdued"
       >
-        <div
-          class="css-xv0fhq-euiTextColor-subdued"
-        >
-          <p>
-            message
-          </p>
-        </div>
+        <p>
+          message
+        </p>
       </div>
     </div>
   </div>
diff --git a/src/components/selectable/__snapshots__/selectable.test.tsx.snap b/src/components/selectable/__snapshots__/selectable.test.tsx.snap
index ec7ede893a9f..7fcd95426059 100644
--- a/src/components/selectable/__snapshots__/selectable.test.tsx.snap
+++ b/src/components/selectable/__snapshots__/selectable.test.tsx.snap
@@ -126,17 +126,13 @@ exports[`EuiSelectable errorMessage prop can render an element as the message 1`
     Filter options
   </p>
   <div
-    class="euiText euiSelectableMessage css-3vmilf-euiText-xs"
+    class="euiText euiSelectableMessage css-t2a0nb-euiText-xs-euiTextColor-subdued"
     data-test-subj="euiSelectableMessage"
     id="generated-id_messageContent"
   >
-    <div
-      class="css-xv0fhq-euiTextColor-subdued"
-    >
-      <span>
-        Element error!
-      </span>
-    </div>
+    <span>
+      Element error!
+    </span>
   </div>
 </div>
 `;
@@ -268,17 +264,13 @@ exports[`EuiSelectable errorMessage prop does renders the message when defined 1
     Filter options
   </p>
   <div
-    class="euiText euiSelectableMessage css-3vmilf-euiText-xs"
+    class="euiText euiSelectableMessage css-t2a0nb-euiText-xs-euiTextColor-subdued"
     data-test-subj="euiSelectableMessage"
     id="generated-id_messageContent"
   >
-    <div
-      class="css-xv0fhq-euiTextColor-subdued"
-    >
-      <p>
-        Error!
-      </p>
-    </div>
+    <p>
+      Error!
+    </p>
   </div>
 </div>
 `;
@@ -371,20 +363,16 @@ exports[`EuiSelectable search value supports inheriting initialSearchValue from
     Filter options
   </p>
   <div
-    class="euiText euiSelectableMessage css-3vmilf-euiText-xs"
+    class="euiText euiSelectableMessage css-t2a0nb-euiText-xs-euiTextColor-subdued"
     data-test-subj="euiSelectableMessage"
     id="generated-id_messageContent"
   >
-    <div
-      class="css-xv0fhq-euiTextColor-subdued"
-    >
-      <p>
-        <strong>
-          default value
-        </strong>
-         doesn't match any options
-      </p>
-    </div>
+    <p>
+      <strong>
+        default value
+      </strong>
+       doesn't match any options
+    </p>
   </div>
   <div
     class="euiFormControlLayout euiFormControlLayout--fullWidth"
diff --git a/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap b/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap
index e5e7ab4a53bf..7ce1babfd077 100644
--- a/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap
+++ b/src/components/selectable/selectable_message/__snapshots__/selectable_message.test.tsx.snap
@@ -2,22 +2,14 @@
 
 exports[`EuiSelectableMessage bordered is rendered 1`] = `
 <div
-  class="euiText euiSelectableMessage euiSelectableMessage--bordered css-3vmilf-euiText-xs"
->
-  <div
-    class="css-xv0fhq-euiTextColor-subdued"
-  />
-</div>
+  class="euiText euiSelectableMessage euiSelectableMessage--bordered css-t2a0nb-euiText-xs-euiTextColor-subdued"
+/>
 `;
 
 exports[`EuiSelectableMessage is rendered 1`] = `
 <div
   aria-label="aria-label"
-  class="euiText euiSelectableMessage testClass1 testClass2 css-3vmilf-euiText-xs"
+  class="euiText euiSelectableMessage testClass1 testClass2 css-t2a0nb-euiText-xs-euiTextColor-subdued"
   data-test-subj="test subject string"
->
-  <div
-    class="css-xv0fhq-euiTextColor-subdued"
-  />
-</div>
+/>
 `;