daisyui 2.19.0 → 2.22.0

package/dist/styled.css

@@ -660,6 +660,9 @@
     width: 100%;
     align-items: stretch;
 }
+.input-group > .input {
+    isolation: isolate;
+}
 .input-group > *, 
   .input-group > .input {
     border-radius: 0px;
@@ -1989,7 +1992,8 @@
     outline-offset: 2px;
   }
   .checkbox:checked, 
-  .checkbox[checked="true"] {
+  .checkbox[checked="true"], 
+  .checkbox[aria-checked=true] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   background-repeat: no-repeat;
@@ -2017,7 +2021,8 @@
       outline: 2px solid hsl(var(--p));
     }
   .checkbox-primary:checked, 
-    .checkbox-primary[checked="true"] {
+    .checkbox-primary[checked="true"], 
+    .checkbox-primary[aria-checked=true] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2039,7 +2044,8 @@
       outline: 2px solid hsl(var(--s));
     }
   .checkbox-secondary:checked, 
-    .checkbox-secondary[checked="true"] {
+    .checkbox-secondary[checked="true"], 
+    .checkbox-secondary[aria-checked=true] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--s) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2061,7 +2067,8 @@
       outline: 2px solid hsl(var(--a));
     }
   .checkbox-accent:checked, 
-    .checkbox-accent[checked="true"] {
+    .checkbox-accent[checked="true"], 
+    .checkbox-accent[aria-checked=true] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--a) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2101,7 +2108,8 @@ body[dir="rtl"] .checkbox {
   }
 
 body[dir="rtl"] .checkbox:checked,
-    body[dir="rtl"] .checkbox[checked="true"] {
+    body[dir="rtl"] .checkbox[checked="true"],
+    body[dir="rtl"] .checkbox[aria-checked=true] {
       background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
     }
 .collapse:focus-visible {
@@ -3025,7 +3033,8 @@ body[dir="rtl"] .checkbox:checked,
     outline: 2px solid hsl(var(--bc));
     outline-offset: 2px;
   }
-  .radio:checked {
+  .radio:checked, 
+  .radio[aria-checked=true] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
     animation: radiomark var(--animation-input, 0.2s) ease-in-out;
@@ -3043,7 +3052,8 @@ body[dir="rtl"] .checkbox:checked,
   .radio-primary:focus-visible {
       outline: 2px solid hsl(var(--p));
     }
-  .radio-primary:checked {
+  .radio-primary:checked, 
+    .radio-primary[aria-checked=true] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -3063,7 +3073,8 @@ body[dir="rtl"] .checkbox:checked,
   .radio-secondary:focus-visible {
       outline: 2px solid hsl(var(--s));
     }
-  .radio-secondary:checked {
+  .radio-secondary:checked, 
+    .radio-secondary[aria-checked=true] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--s) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -3083,7 +3094,8 @@ body[dir="rtl"] .checkbox:checked,
   .radio-accent:focus-visible {
       outline: 2px solid hsl(var(--a));
     }
-  .radio-accent:checked {
+  .radio-accent:checked, 
+    .radio-accent[aria-checked=true] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--a) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -3190,7 +3202,8 @@ body[dir="rtl"] .checkbox:checked,
     width: 0.5rem;
     background-color: transparent;
 }
-  .rating input:checked ~ input {
+  .rating input:checked ~ input, 
+  .rating input[aria-checked=true] ~ input {
     --tw-bg-opacity: 0.2;
 }
   .rating input:focus-visible {
@@ -3869,13 +3882,14 @@ body[dir="rtl"] .checkbox:checked,
     outline-offset: 2px;
   }
   .toggle:checked,
-  .toggle[checked="true"] {
+  .toggle[checked="true"],
+  .toggle[aria-checked=true] {
     --chkbg: hsl(var(--bc));
     --tw-border-opacity: 1;
     --tw-bg-opacity: 1;
     box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
   }
-  [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"] {
+  [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked=true] {
       box-shadow: calc(var(--handleoffset) * 1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
     }
   .toggle:indeterminate {
@@ -3891,7 +3905,8 @@ body[dir="rtl"] .checkbox:checked,
       outline: 2px solid hsl(var(--p));
     }
   .toggle-primary:checked,
-    .toggle-primary[checked="true"] {
+    .toggle-primary[checked="true"],
+    .toggle-primary[aria-checked=true] {
       --chkbg: hsl(var(--p));
       border-color: hsl(var(--p) / var(--tw-border-opacity));
       --tw-border-opacity: 0.1;
@@ -3904,7 +3919,8 @@ body[dir="rtl"] .checkbox:checked,
       outline: 2px solid hsl(var(--s));
     }
   .toggle-secondary:checked,
-    .toggle-secondary[checked="true"] {
+    .toggle-secondary[checked="true"],
+    .toggle-secondary[aria-checked=true] {
       --chkbg: hsl(var(--s));
       border-color: hsl(var(--s) / var(--tw-border-opacity));
       --tw-border-opacity: 0.1;
@@ -3917,7 +3933,8 @@ body[dir="rtl"] .checkbox:checked,
       outline: 2px solid hsl(var(--a));
     }
   .toggle-accent:checked,
-    .toggle-accent[checked="true"] {
+    .toggle-accent[checked="true"],
+    .toggle-accent[aria-checked=true] {
       --chkbg: hsl(var(--a));
       border-color: hsl(var(--a) / var(--tw-border-opacity));
       --tw-border-opacity: 0.1;