fix(textarea): color focus class

shuriken-ui · Aug 8, 2023 · 9fbbee4 · 9fbbee4
1 parent c8e0a48
commit 9fbbee4
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/plugins/components/textarea.ts b/src/plugins/components/textarea.ts
@@ -150,6 +150,11 @@ export default plugin.withOptions(
               [`@apply !text-${config.textarea.focusVisible.labelFloat.text} dark:!text-${config.textarea.focusVisible.labelFloat.textDark}`]:
                 {},
             },
+
+            [`&.${prefix}-textarea-focus`]: {
+              [`@apply focus:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]:
+                {},
+            },
           },
           [`.${prefix}-textarea-error-text`]: {
             [`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]:
@@ -250,10 +255,6 @@ export default plugin.withOptions(
                 {},
             },
           },
-          [`&.${prefix}-textarea-focus`]: {
-            [`@apply focus-visible:!border-${config.textarea.focus.border} transition-colors duration-${config.textarea.focus.duration}`]:
-              {},
-          },
           [`&.${prefix}-textarea-no-resize`]: {
             [`.${prefix}-textarea`]: {
               [`@apply resize-none`]: {},