From 94f232f67c97b780cc9927281e34486ea267b328 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Mon, 24 Oct 2022 09:20:27 +0800
Subject: [PATCH] [ui] change to text-sm for some elements

---
 packages/ui/src/Select/Select.tsx       | 2 +-
 packages/ui/src/TextArea/TextArea.tsx   | 2 +-
 packages/ui/src/TextInput/TextInput.tsx | 4 ++--
 packages/ui/src/Typeahead/Typeahead.tsx | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/Select/Select.tsx b/packages/ui/src/Select/Select.tsx
index d23935a9..f13fbfc1 100644
--- a/packages/ui/src/Select/Select.tsx
+++ b/packages/ui/src/Select/Select.tsx
@@ -88,7 +88,7 @@ function Select<T>(
         aria-label={isLabelHidden ? label : undefined}
         className={clsx(
           display === 'block' && 'block w-full',
-          'rounded-md py-2 pl-3 pr-8 text-base focus:outline-none sm:text-sm',
+          'rounded-md py-2 pl-3 pr-8 text-sm focus:outline-none',
           stateClasses[state],
           borderClasses[borderStyle],
           disabled && 'bg-slate-100',
diff --git a/packages/ui/src/TextArea/TextArea.tsx b/packages/ui/src/TextArea/TextArea.tsx
index deb87dd5..ea0abe49 100644
--- a/packages/ui/src/TextArea/TextArea.tsx
+++ b/packages/ui/src/TextArea/TextArea.tsx
@@ -108,7 +108,7 @@ function TextArea(
           aria-describedby={hasError ? errorId : undefined}
           aria-invalid={hasError ? true : undefined}
           className={clsx(
-            'block w-full rounded-md sm:text-sm',
+            'block w-full rounded-md text-sm',
             stateClasses[state].textArea,
             disabled && 'bg-slate-100',
             resizeClasses[resize],
diff --git a/packages/ui/src/TextInput/TextInput.tsx b/packages/ui/src/TextInput/TextInput.tsx
index 002c5770..4f67af6a 100644
--- a/packages/ui/src/TextInput/TextInput.tsx
+++ b/packages/ui/src/TextInput/TextInput.tsx
@@ -142,7 +142,7 @@ function TextInput(
       </label>
       <div
         className={clsx(
-          'flex w-full overflow-hidden rounded-md border focus-within:ring-1 sm:text-sm',
+          'flex w-full overflow-hidden rounded-md border text-sm focus-within:ring-1',
           disabled && 'pointer-events-none select-none bg-slate-100',
           containerClass,
         )}>
@@ -178,7 +178,7 @@ function TextInput(
           aria-describedby={hasError ? errorId : undefined}
           aria-invalid={hasError ? true : undefined}
           className={clsx(
-            'flex-1 border-none focus:outline-none focus:ring-0 sm:text-sm',
+            'flex-1 border-none text-sm focus:outline-none focus:ring-0',
             inputClass,
             disabled && 'bg-transparent',
           )}
diff --git a/packages/ui/src/Typeahead/Typeahead.tsx b/packages/ui/src/Typeahead/Typeahead.tsx
index e84d03a3..047879a2 100644
--- a/packages/ui/src/Typeahead/Typeahead.tsx
+++ b/packages/ui/src/Typeahead/Typeahead.tsx
@@ -88,7 +88,7 @@ export default function Typeahead({
         )}
       </Combobox.Label>
       <div className="relative">
-        <div className="focus-visible:ring-offset-primary-300 relative w-full cursor-default overflow-hidden rounded-lg border border-slate-300 bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 sm:text-sm">
+        <div className="focus-visible:ring-offset-primary-300 relative w-full cursor-default overflow-hidden rounded-lg border border-slate-300 bg-white text-left text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2">
           <Combobox.Input
             className={clsx(
               'w-full border-none py-2 pl-3 pr-10 text-sm leading-5 text-slate-900 focus:ring-0',
@@ -117,7 +117,7 @@ export default function Typeahead({
           leave="transition ease-in duration-100"
           leaveFrom="opacity-100"
           leaveTo="opacity-0">
-          <Combobox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm">
+          <Combobox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
             {options.length === 0 && query !== '' ? (
               <div className="relative cursor-default select-none py-2 px-4 text-slate-700">
                 {noResultsMessage}