From ec367ad26cb19f501d4e037d18222c217d4554df Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 10 Dec 2021 17:30:09 +0100
Subject: [PATCH] chore(presets): improve `checkbox` and `radio`

---
 src/presets/tailwindui.ts | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/presets/tailwindui.ts b/src/presets/tailwindui.ts
index 5f74ec69..38879926 100644
--- a/src/presets/tailwindui.ts
+++ b/src/presets/tailwindui.ts
@@ -191,20 +191,17 @@ const select = {
   ...input
 }
 
-const checkbox = {
+const radio = {
   wrapper: 'relative flex items-start',
-  base: 'focus:ring-primary-500 h-4 w-4 text-primary-600 u-border-gray-300 rounded',
+  base: 'h-4 w-4 text-primary-600 focus:ring-1 focus:ring-primary-500 u-border-gray-300 dark:checked:border-primary-600 disabled:opacity-50 disabled:cursor-not-allowed',
   label: 'font-medium u-text-gray-700',
   required: 'text-red-400',
   help: 'u-text-gray-500'
 }
 
-const radio = {
-  wrapper: 'relative flex items-start',
-  base: 'focus:ring-primary-500 h-4 w-4 text-primary-600 u-border-gray-300',
-  label: 'font-medium u-text-gray-700',
-  required: 'text-red-400',
-  help: 'u-text-gray-500'
+const checkbox = {
+  ...radio,
+  base: `${radio.base} rounded`
 }
 
 const card = {