[Workplace Search] remove or replace xs props for text on source conn…

…ect view (#102663) * remove xs props for text on source connect view * change more text sizes
elastic · Jun 18, 2021 · 31aa1c8 · 31aa1c8
1 parent 32f3d0f
commit 31aa1c8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/...cations/workplace_search/views/content_sources/components/add_source/connect_instance.tsx b/...cations/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/...ications/workplace_search/views/content_sources/components/add_source/source_features.tsx b/...ications/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>