daisyui 2.19.1 → 2.20.0

package/dist/styled.css

@@ -1992,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;
@@ -2020,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;
@@ -2042,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;
@@ -2064,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;
@@ -2104,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 {
@@ -3028,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;
@@ -3046,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;
@@ -3066,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;
@@ -3086,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;
@@ -3193,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 {
@@ -3872,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 {
@@ -3894,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;
@@ -3907,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;
@@ -3920,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;