Merge pull request #3630 from aforcada/join-radius

fix: #3611 join border radius when used with a single item

Author: saadeghi

packages/daisyui/src/utilities/join.css

@@ -49,6 +49,22 @@
       --join-ee: var(--radius-field);
     }
   }
+
+  > .join-item:where(:only-child) {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  :only-child {
+    :where(.join-item) {
+      --join-ss: var(--radius-field);
+      --join-se: var(--radius-field);
+      --join-es: var(--radius-field);
+      --join-ee: var(--radius-field);
+    }
+  }
 }
 
 .join-item {
@@ -93,6 +109,22 @@
     }
   }
 
+  > .join-item:only-child {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  :only-child {
+    .join-item {
+      --join-ss: var(--radius-field);
+      --join-se: var(--radius-field);
+      --join-es: var(--radius-field);
+      --join-ee: var(--radius-field);
+    }
+  }
+
   .join-item {
     &:where(*:not(:first-child)) {
       margin-inline-start: 0;
@@ -136,6 +168,22 @@
     }
   }
 
+  > .join-item:only-child {
+    --join-ss: var(--radius-field);
+    --join-se: var(--radius-field);
+    --join-es: var(--radius-field);
+    --join-ee: var(--radius-field);
+  }
+
+  :only-child {
+    .join-item {
+      --join-ss: var(--radius-field);
+      --join-se: var(--radius-field);
+      --join-es: var(--radius-field);
+      --join-ee: var(--radius-field);
+    }
+  }
+
   .join-item {
     &:where(*:not(:first-child)) {
       margin-inline-start: calc(var(--border, 1px) * -1);