From 4b1831e8eb59ea287d9f34c2b4d7994928d4e746 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Wed, 11 Dec 2024 20:09:46 +0330
Subject: [PATCH] Create input style

---
 frontend/assets/css/input.comp.css | 47 ++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 frontend/assets/css/input.comp.css

diff --git a/frontend/assets/css/input.comp.css b/frontend/assets/css/input.comp.css
new file mode 100644
index 0000000..391c5d0
--- /dev/null
+++ b/frontend/assets/css/input.comp.css
@@ -0,0 +1,47 @@
+@utility input-outlined-error {
+    @apply text-danger-600 border-danger-600;
+    svg[class~=iconify] path {
+        @apply stroke-danger-600;
+    }
+}
+
+@utility input-solid-error {
+    @apply input-outlined-error bg-danger-50;
+}
+
+@utility input-outlined-disabled {
+    @apply text-slate-300 border-slate-200;
+    svg[class~=iconify] path {
+        @apply stroke-slate-300;
+    }
+}
+
+@utility input-solid-disabled {
+    @apply input-outlined-disabled bg-slate-50;
+}
+
+@utility input-effects {
+    &:hover {
+        @apply border-black;
+    }
+
+    &:focus-within {
+        @apply border-black text-black;
+
+        svg[class~=iconify] path {
+            @apply stroke-black;
+        }
+    }
+}
+
+@utility input-outlined {
+    @apply text-slate-500 border-slate-200;
+
+    svg[class~=iconify] path {
+        @apply stroke-slate-500;
+    }
+}
+
+@utility input-solid {
+    @apply bg-slate-50 input-outlined;
+}
\ No newline at end of file