fix: transition delay of the background colors on input, select and textarea (#1606)

Author: saadeghi

src/components/styled/select.css

@@ -1,5 +1,5 @@
 .select {
-  @apply border border-base-content border-opacity-0 bg-base-100 pr-10 font-semibold transition duration-200 ease-in-out rounded-btn;
+  @apply border border-base-content border-opacity-0 bg-base-100 pr-10 font-semibold rounded-btn;
   &-bordered {
     @apply border-opacity-20;
   }

src/components/unstyled/file-input.css

@@ -1,5 +1,5 @@
 .file-input {
-  @apply flex-shrink transition duration-200 ease-in-out h-12 pr-4 text-sm leading-loose;
+  @apply flex-shrink h-12 pr-4 text-sm leading-loose;
   &::file-selector-button {
     @apply inline-flex flex-shrink-0 cursor-pointer select-none flex-wrap items-center justify-center border-transparent text-center transition duration-200 ease-in-out h-[2.875rem] px-4 text-sm min-h-[2.875rem] mr-4;
     line-height: 1em;

src/components/unstyled/input.css

@@ -1,5 +1,5 @@
 .input {
-  @apply flex-shrink transition duration-200 ease-in-out;
+  @apply flex-shrink;
   @apply h-12 px-4 text-sm leading-loose;
 }
 .input-group {

src/components/unstyled/textarea.css

@@ -1,4 +1,4 @@
 .textarea {
-  @apply flex-shrink transition duration-200 ease-in-out min-h-12;
+  @apply flex-shrink min-h-12;
   @apply py-2 px-4 text-sm leading-loose;
 }