From 207444fdea773b8ee64dd4f80b4f70b76462a9d6 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 6 Jun 2023 10:33:11 +0200
Subject: [PATCH] fix(forms): `padded` prop with `p-0` class

---
 src/runtime/components/forms/Input.vue      | 2 +-
 src/runtime/components/forms/Select.vue     | 2 +-
 src/runtime/components/forms/SelectMenu.vue | 2 +-
 src/runtime/components/forms/Textarea.vue   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/runtime/components/forms/Input.vue b/src/runtime/components/forms/Input.vue
index 8c3ae245..6747a0fe 100644
--- a/src/runtime/components/forms/Input.vue
+++ b/src/runtime/components/forms/Input.vue
@@ -185,7 +185,7 @@ export default defineComponent({
         ui.value.rounded,
         ui.value.placeholder,
         ui.value.size[props.size],
-        props.padded && ui.value.padding[props.size],
+        props.padded ? ui.value.padding[props.size] : 'p-0',
         variant?.replaceAll('{color}', props.color),
         (isLeading.value || slots.leading) && ui.value.leading.padding[props.size],
         (isTrailing.value || slots.trailing) && ui.value.trailing.padding[props.size],
diff --git a/src/runtime/components/forms/Select.vue b/src/runtime/components/forms/Select.vue
index b3e1bb31..65ef1a8c 100644
--- a/src/runtime/components/forms/Select.vue
+++ b/src/runtime/components/forms/Select.vue
@@ -232,7 +232,7 @@ export default defineComponent({
         ui.value.base,
         ui.value.rounded,
         ui.value.size[props.size],
-        props.padded && ui.value.padding[props.size],
+        props.padded ? ui.value.padding[props.size] : 'p-0',
         variant?.replaceAll('{color}', props.color),
         (isLeading.value || slots.leading) && ui.value.leading.padding[props.size],
         (isTrailing.value || slots.trailing) && ui.value.trailing.padding[props.size],
diff --git a/src/runtime/components/forms/SelectMenu.vue b/src/runtime/components/forms/SelectMenu.vue
index bd47e951..02c37841 100644
--- a/src/runtime/components/forms/SelectMenu.vue
+++ b/src/runtime/components/forms/SelectMenu.vue
@@ -296,7 +296,7 @@ export default defineComponent({
         'text-left cursor-default',
         uiSelect.value.size[props.size],
         uiSelect.value.gap[props.size],
-        props.padded && uiSelect.value.padding[props.size],
+        props.padded ? uiSelect.value.padding[props.size] : 'p-0',
         variant?.replaceAll('{color}', props.color),
         (isLeading.value || slots.leading) && uiSelect.value.leading.padding[props.size],
         (isTrailing.value || slots.trailing) && uiSelect.value.trailing.padding[props.size],
diff --git a/src/runtime/components/forms/Textarea.vue b/src/runtime/components/forms/Textarea.vue
index 925a0cad..a565032d 100644
--- a/src/runtime/components/forms/Textarea.vue
+++ b/src/runtime/components/forms/Textarea.vue
@@ -167,7 +167,7 @@ export default defineComponent({
         ui.value.rounded,
         ui.value.placeholder,
         ui.value.size[props.size],
-        props.padded && ui.value.padding[props.size],
+        props.padded ? ui.value.padding[props.size] : 'p-0',
         variant?.replaceAll('{color}', props.color),
         !props.resize && 'resize-none',
         ui.value.custom