From e1118789b6d475ad0455f12d39d9bc26f6789f50 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 8 Oct 2024 12:10:41 +0300
Subject: [PATCH] Add divider

---
 assets/styles/presets/aura/components.css |  3 +-
 assets/styles/presets/aura/divider.css    | 51 +++++++++++++++++++++++
 assets/styles/presets/aura/fieldset.css   |  5 +--
 assets/styles/presets/aura/inputtext.css  |  9 ++--
 4 files changed, 57 insertions(+), 11 deletions(-)
 create mode 100644 assets/styles/presets/aura/divider.css

diff --git a/assets/styles/presets/aura/components.css b/assets/styles/presets/aura/components.css
index 5a510faf..964458b4 100644
--- a/assets/styles/presets/aura/components.css
+++ b/assets/styles/presets/aura/components.css
@@ -1,3 +1,4 @@
+@import './divider';
 @import './inputtext';
-@import './panel';
 @import './fieldset';
+@import './panel';
diff --git a/assets/styles/presets/aura/divider.css b/assets/styles/presets/aura/divider.css
new file mode 100644
index 00000000..818dfb89
--- /dev/null
+++ b/assets/styles/presets/aura/divider.css
@@ -0,0 +1,51 @@
+.p-divider-horizontal {
+    @apply flex w-full relative items-center my-4 mx-0 py-0 px-4
+}
+
+.p-divider-horizontal:before {
+    @apply absolute block top-1/2 left-0 w-full content-[''] border-t border-surface-200 dark:border-surface-700
+}
+
+.p-divider-horizontal .p-divider-content {
+    @apply py-0 px-2
+}
+
+.p-divider-vertical {
+    @apply min-h-full flex relative justify-center my-0 mx-4 py-2 px-0
+}
+
+.p-divider-vertical:before {
+    @apply absolute block top-0 left-1/2 h-full content-[''] border-l border-surface-200 dark:border-surface-700
+}
+
+.p-divider.p-divider-vertical .p-divider-content {
+    @apply py-2 px-0
+}
+
+.p-divider-content {
+    @apply z-[1] bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0
+}
+
+.p-divider-solid.p-divider-horizontal:before {
+    @apply border-solid
+}
+
+.p-divider-solid.p-divider-vertical:before {
+    @apply border-solid
+}
+
+.p-divider-dashed.p-divider-horizontal:before {
+    @apply border-dashed
+}
+
+.p-divider-dashed.p-divider-vertical:before {
+    @apply border-dashed
+}
+
+.p-divider-dotted.p-divider-horizontal:before {
+    @apply border-dotted
+}
+
+.p-divider-dotted.p-divider-vertical:before {
+    @apply border-dotted
+}
\ No newline at end of file
diff --git a/assets/styles/presets/aura/fieldset.css b/assets/styles/presets/aura/fieldset.css
index c826c53a..f11dbf0e 100644
--- a/assets/styles/presets/aura/fieldset.css
+++ b/assets/styles/presets/aura/fieldset.css
@@ -6,10 +6,7 @@
 }
 
 .p-fieldset-legend {
-    @apply border border-transparent rounded-md
-        bg-surface-0 dark:bg-surface-900
-        text-surface-700 dark:text-surface-0
-        px-3 py-2
+    @apply border border-transparent rounded-md px-3 py-2
         transition-colors duration-200
 }
 
diff --git a/assets/styles/presets/aura/inputtext.css b/assets/styles/presets/aura/inputtext.css
index 8c7d0eda..e534f060 100644
--- a/assets/styles/presets/aura/inputtext.css
+++ b/assets/styles/presets/aura/inputtext.css
@@ -1,14 +1,13 @@
 .p-inputtext {
-    @apply text-base appearance-none rounded-md
+    @apply appearance-none rounded-md
         border border-surface-300 dark:border-surface-700 
         enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600
         enabled:focus:border-primary
         bg-surface-0 dark:bg-surface-950
-        disabled:bg-surface-200 disabled:text-surface-500
-        dark:disabled:bg-surface-700 dark:disabled:text-surface-400
         text-surface-700 dark:text-surface-0
+        disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400
         placeholder:text-surface-500 dark:placeholder:text-surface-400
-        px-2 py-2
+        px-3 py-2
         transition-colors duration-200
         shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
         outline-none
@@ -20,8 +19,6 @@
 
 .p-inputtext.p-variant-filled {
     @apply bg-surface-50 dark:bg-surface-800
-        enabled:hover:bg-surface-50 dark:enabled:hover:bg-surface-800
-        enabled:focus:bg-surface-50 dark:enabled:focus:bg-surface-800
 }
 
 .p-inputtext-sm {