daisyui 2.18.2 → 2.20.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;
@@ -1136,6 +1139,12 @@
     line-height: 2;
     min-height: 3rem
 }
+.toast {
+    position: fixed;
+    display: flex;
+    min-width: fit-content;
+    flex-direction: column
+}
 .toggle {
     flex-shrink: 0
 }
@@ -1983,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;
@@ -2011,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;
@@ -2033,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;
@@ -2055,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;
@@ -2095,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 {
@@ -3019,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;
@@ -3037,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;
@@ -3057,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;
@@ -3077,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;
@@ -3184,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 {
@@ -3822,6 +3841,24 @@ body[dir="rtl"] .checkbox:checked,
     color: hsl(var(--bc) / var(--tw-placeholder-opacity));
     --tw-placeholder-opacity: 0.2;
 }
+.toast{
+    gap: 0.5rem;
+    padding: 1rem;
+}
+  .toast>*{
+    animation: toast-pop 0.25s ease-out;
+  }
+
+@keyframes toast-pop {
+  0% {
+    transform: scale(0.9);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
 .toggle {
   --chkbg: hsla(var(--bc) / 0.2);
   --handleoffset: 1.5rem;
@@ -3845,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 {
@@ -3867,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;
@@ -3880,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;
@@ -3893,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;