From 3c724e89d4639aa09fd0cc6cceb6a0c8ee9398bb Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 17 May 2022 17:15:24 +0200
Subject: [PATCH] chore(Button): add rounded preset

---
 src/runtime/components/elements/Button.vue | 6 +++++-
 src/runtime/presets/default.ts             | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/elements/Button.vue b/src/runtime/components/elements/Button.vue
index 65459d34..09c3cb49 100644
--- a/src/runtime/components/elements/Button.vue
+++ b/src/runtime/components/elements/Button.vue
@@ -86,6 +86,10 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
+  roundedClass: {
+    type: String,
+    default: () => $ui.button.rounded
+  },
   baseClass: {
     type: String,
     default: () => $ui.button.base
@@ -145,7 +149,7 @@ const buttonClass = computed(() => {
     $ui.button[isSquare.value ? 'square' : 'spacing'][props.size],
     $ui.button.variant[props.variant],
     props.block ? 'w-full flex justify-center items-center' : 'inline-flex items-center',
-    props.rounded ? 'rounded-full' : 'rounded-md',
+    props.rounded ? 'rounded-full' : props.roundedClass,
     props.customClass
   )
 })
diff --git a/src/runtime/presets/default.ts b/src/runtime/presets/default.ts
index 81b00fe9..ffe7c472 100644
--- a/src/runtime/presets/default.ts
+++ b/src/runtime/presets/default.ts
@@ -2,6 +2,7 @@ import { safeColors } from '../utils/colors'
 
 const button = {
   base: 'font-medium focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 focus:ring-offset-white dark:focus:ring-offset-black',
+  rounded: 'rounded-md',
   size: {
     xxs: 'text-xs',
     xs: 'text-xs',