Style system updated

lob · Oct 19, 2023 · 90a7582 · 90a7582
1 parent 7fb01c7
commit 90a7582
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Label/Label.vue b/src/components/Label/Label.vue
@@ -2,7 +2,7 @@
   <span
     :class="[
       readOnly ? 'text-gray-300' : 'text-gray-800',
-      srOnlyLabel ? 'sr-only' : 'flex items-center mb-1 type-small-700',
+      srOnlyLabel ? 'sr-only' : 'flex items-center mb-1 type-small-500',
       { 'justify-between flex-row-reverse': tooltipContent && (tooltipPosition === 'trailing') }
     ]"
     data-testid="labelWrapper"

diff --git a/src/components/TextInput/TextInput.vue b/src/components/TextInput/TextInput.vue
@@ -42,8 +42,8 @@
     <div
       data-testId="input-container"
       :class="[
-        'bg-white h-11 px-3 py-2 rounded-sm flex items-center gap-2 border border-gray-200',
-        { 'hover:border-gray-300 focus-within:border-blue-500 focus-within:hover:border-blue-500  focus-within:outline-dashed focus-within:outline-black focus-within:outline-offset-1 focus-within:outline-1': !disabled && !readonly },
+        'bg-white h-11 px-3 py-2 rounded flex items-center gap-2 border border-gray-200',
+        { 'hover:border-gray-300 focus-within:border-blue-500 focus-within:hover:border-blue-500 focus-within:outline-black focus-within:outline-offset-1 focus-within:outline-1': !disabled && !readonly },
         { '!border-green-700 !bg-green-50': success },
         { '!border-red-600 !bg-red-50': error },
         { '!bg-gray-50' : disabled || readonly || withCopyButton },
@@ -117,7 +117,7 @@
       <button
         v-if="withCopyButton"
         type="button"
-        class="rounded-full px-3 h-7 type-xs-700 bg-black text-white hover:bg-gray-700 focus-visible:outline-dashed focus-within:outline-1 focus-visible:outline-black focus-visible:outline-offset-1 active:bg-gray-800 focus:bg-gray-800"
+        class="rounded-full px-3 h-7 type-xs-700 bg-black text-white hover:bg-gray-700 focus-within:outline-1 focus-visible:outline-black focus-visible:outline-offset-1 active:bg-gray-800 focus:bg-gray-800"
         @click="copyToClipboard"
       >
         {{ copyButtonLabel }}