From 31aa1c8a59e00b32e2f82ead73edf7a01b600ef0 Mon Sep 17 00:00:00 2001
From: Kuldeep M <crudetoaster@gmail.com>
Date: Fri, 18 Jun 2021 21:11:25 +0100
Subject: [PATCH] [Workplace Search] remove or replace xs props for text on
 source connect view (#102663)

* remove xs props for text on source connect view

* change more text sizes
---
 .../components/add_source/connect_instance.tsx       |  8 +++-----
 .../components/add_source/source_features.tsx        | 12 ++++++------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/connect_instance.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/connect_instance.tsx
index fd45d779e6f2a6..e3b34050593fa8 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/connect_instance.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/connect_instance.tsx
@@ -161,13 +161,13 @@ export const ConnectInstance: React.FC<ConnectInstanceProps> = ({
   const permissionField = (
     <>
       <EuiPanel paddingSize="l" hasShadow={false} color="subdued">
-        <EuiTitle size="xs">
+        <EuiTitle size="s">
           <h3>
             <strong>{CONNECT_DOC_PERMISSIONS_TITLE}</strong>
           </h3>
         </EuiTitle>
         <EuiSpacer size="s" />
-        <EuiText size="xs" color="subdued">
+        <EuiText color="subdued" size="s">
           {!needsPermissions && (
             <span>
               <FormattedMessage
@@ -191,11 +191,9 @@ export const ConnectInstance: React.FC<ConnectInstanceProps> = ({
             </span>
           )}
         </EuiText>
-        <EuiSpacer size="s" />
         {!indexPermissionsValue && (
           <>
-            <EuiSpacer size="s" />
-            <EuiCallOut title={CONNECT_NOT_SYNCED_TITLE} color="warning" size="s">
+            <EuiCallOut title={CONNECT_NOT_SYNCED_TITLE} color="warning">
               <p>
                 {CONNECT_NOT_SYNCED_TEXT}
                 {needsPermissions && whichDocsLink}
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx
index 7a66efe4ba5f46..0f170be8ba076f 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/source_features.tsx
@@ -63,20 +63,20 @@ export const SourceFeatures: React.FC<ConnectInstanceProps> = ({ features, objTy
             </>
           )}
           <EuiFlexItem>
-            <EuiText size="xs">
+            <EuiText size="s">
               <strong>{title}</strong>
             </EuiText>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiSpacer size="s" />
-        <EuiText size="xs">{children}</EuiText>
+        <EuiText size="s">{children}</EuiText>
       </>
     );
   };
 
   const SyncFrequencyFeature = (
     <Feature icon="clock" title="Syncs every 2 hours">
-      <EuiText size="xs">
+      <EuiText size="s">
         <p>
           <FormattedMessage
             id="xpack.enterpriseSearch.workplaceSearch.contentSource.sourceFeatures.syncFrequency.text"
@@ -94,11 +94,11 @@ export const SourceFeatures: React.FC<ConnectInstanceProps> = ({ features, objTy
   const SyncedItemsFeature = (
     <Feature icon="documents" title="Synced items">
       <>
-        <EuiText size="xs">
+        <EuiText size="s">
           <p>{SOURCE_FEATURES_SEARCHABLE}</p>
         </EuiText>
         <EuiSpacer size="xs" />
-        <EuiText size="xs">
+        <EuiText size="s">
           <ul>
             {objTypes!.map((objType, i) => (
               <li key={i}>{objType}</li>
@@ -178,7 +178,7 @@ export const SourceFeatures: React.FC<ConnectInstanceProps> = ({ features, objTy
 
     return (
       <>
-        <EuiTitle size="xs">
+        <EuiTitle size="s">
           <h3>
             <strong>Included features</strong>
           </h3>