daisyui 1.17.1 → 1.20.1

package/dist/styled.css

@@ -319,6 +319,12 @@
   display:grid;
   overflow:hidden;
 }
+  .drawer.drawer-end{
+    direction:rtl;
+  }
+  .drawer.drawer-end>*{
+    direction:ltr;
+  }
   .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{
       justify-self:end;
       --tw-translate-x:100%;
@@ -424,6 +430,7 @@
   .drawer-mobile.drawer-end{
     grid-auto-columns:auto -webkit-max-content;
     grid-auto-columns:auto max-content;
+    direction:ltr;
   }
       .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{
         height:auto;
@@ -1638,6 +1645,11 @@
     border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
     border-width:1px;
   }
+  .card-bordered{
+    --tw-border-opacity:1;
+    border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
+    border-width:1px;
+  }
   .card.compact .card-body{
       font-size:.875rem;
       line-height:1.25rem;
@@ -1697,10 +1709,12 @@
   .checkbox:focus-visible{
     box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
   }
-  .checkbox:checked{
+  .checkbox:checked,.checkbox[checked=true]{
     --tw-bg-opacity:1;
     background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
     background-repeat:no-repeat;
+  }
+  .checkbox:checked,.checkbox[checked=true]{
     -webkit-animation:checkmark var(--animation-input, .2s)  ease-in-out;
             animation:checkmark var(--animation-input, .2s)  ease-in-out;
     background-image:linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0);
@@ -1718,7 +1732,7 @@
   .checkbox-primary:focus-visible{
       box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
     }
-  .checkbox-primary:checked{
+  .checkbox-primary:checked,.checkbox-primary[checked=true]{
       --tw-bg-opacity:1;
       background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
       --tw-border-opacity:1;
@@ -1739,7 +1753,7 @@
   .checkbox-secondary:focus-visible{
       box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
     }
-  .checkbox-secondary:checked{
+  .checkbox-secondary:checked,.checkbox-secondary[checked=true]{
       --tw-bg-opacity:1;
       background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
       --tw-border-opacity:1;
@@ -1760,7 +1774,7 @@
   .checkbox-accent:focus-visible{
       box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
     }
-  .checkbox-accent:checked{
+  .checkbox-accent:checked,.checkbox-accent[checked=true]{
       --tw-bg-opacity:1;
       background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
       --tw-border-opacity:1;
@@ -2315,27 +2329,27 @@
   .menu[class*=p-] li a{
     border-radius:var(--rounded-btn, .5rem);
   }
-  .menu li>a,.menu li>span{
+  .menu li>:where(a),.menu li>:where(span){
       padding:.75rem 1.25rem;
       color:currentColor;
     }
-  .menu li>a:focus,.menu li>a:hover{
-        --tw-bg-opacity:1;
-        background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
-        --tw-bg-opacity:0.1;
-      }
-  .menu li>a.active{
-        --tw-bg-opacity:1;
-        background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
-        --tw-text-opacity:1;
-        color:hsla(var(--pc) / var(--tw-text-opacity, 1));
-      }
-  .menu li>a:active{
-        --tw-bg-opacity:1;
-        background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
-        --tw-text-opacity:1;
-        color:hsla(var(--pc) / var(--tw-text-opacity, 1));
-      }
+  .menu li>:where(a:focus),.menu li>:where(a:hover){
+      --tw-bg-opacity:1;
+      background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
+      --tw-bg-opacity:0.1;
+    }
+  .menu li>:where(a.active){
+      --tw-bg-opacity:1;
+      background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
+      --tw-text-opacity:1;
+      color:hsla(var(--pc) / var(--tw-text-opacity, 1));
+    }
+  .menu li>:where(a:active){
+      --tw-bg-opacity:1;
+      background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
+      --tw-text-opacity:1;
+      color:hsla(var(--pc) / var(--tw-text-opacity, 1));
+    }
   .menu li.disabled>a:hover,.menu li.disabled>span:hover{
         background-color:transparent;
       }
@@ -3208,7 +3222,7 @@
   }.table{
   text-align:left;
 }
-  .table td,.table th{
+  .table :where(th,td){
     padding:1rem;
     vertical-align:middle;
     white-space:nowrap;
@@ -3221,12 +3235,12 @@
       --tw-bg-opacity:1;
       background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
     }
-  .table:not(.table-zebra) tbody tr:not(:last-child) td,.table:not(.table-zebra) tbody tr:not(:last-child) th,.table:not(.table-zebra) tfoot tr:not(:last-child) td,.table:not(.table-zebra) tfoot tr:not(:last-child) th,.table:not(.table-zebra) thead tr:not(:last-child) td,.table:not(.table-zebra) thead tr:not(:last-child) th{
-          --tw-border-opacity:1;
-          border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
-          border-bottom-width:1px;
-        }
-  .table tfoot td,.table tfoot th,.table thead td,.table thead th{
+  .table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){
+        --tw-border-opacity:1;
+        border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
+        border-bottom-width:1px;
+      }
+  .table :where(thead,tfoot) :where(th,td){
       --tw-bg-opacity:1;
       background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
       font-weight:700;
@@ -3234,18 +3248,18 @@
       line-height:1rem;
       text-transform:uppercase;
     }
-  .table tfoot td:first-child,.table tfoot th:first-child,.table thead td:first-child,.table thead th:first-child{
+  .table :where(thead,tfoot) :where(th,td):first-child{
         border-top-left-radius:.5rem;
         border-bottom-left-radius:.5rem;
       }
-  .table tfoot td:last-child,.table tfoot th:last-child,.table thead td:last-child,.table thead th:last-child{
+  .table :where(thead,tfoot) :where(th,td):last-child{
         border-top-right-radius:.5rem;
         border-bottom-right-radius:.5rem;
       }
-  .table tbody td,.table tbody th{
-      --tw-bg-opacity:1;
-      background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
-    }
+  .table :where(tbody th,tbody td){
+    --tw-bg-opacity:1;
+    background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
+  }
   .table-zebra tbody tr td:first-child,.table-zebra tbody tr th:first-child{
           border-top-left-radius:.5rem;
           border-bottom-left-radius:.5rem;
@@ -3386,20 +3400,26 @@
   .toggle:focus-visible{
     --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
   }
-  .toggle:checked{
-    --chkbg:hsl(var(--bc));
+  .toggle:checked,.toggle[checked=true]{
+    --chkbg:hsl(var(--bc))
+  }
+  .toggle:checked,.toggle[checked=true]{
     --tw-bg-opacity:1;
     --tw-border-opacity:1;
+  }
+  .toggle:checked,.toggle[checked=true]{
     box-shadow:var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
   }
-  [dir=rtl] .toggle:checked{
+  [dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true]{
       box-shadow:calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
     }
   .toggle-primary:focus-visible{
       --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
     }
-  .toggle-primary:checked{
+  .toggle-primary:checked,.toggle-primary[checked=true]{
       --chkbg:hsl(var(--p));
+    }
+  .toggle-primary:checked,.toggle-primary[checked=true]{
       --tw-bg-opacity:1;
       background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
       --tw-border-opacity:1;
@@ -3411,8 +3431,10 @@
   .toggle-secondary:focus-visible{
       --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
     }
-  .toggle-secondary:checked{
+  .toggle-secondary:checked,.toggle-secondary[checked=true]{
       --chkbg:hsl(var(--s));
+    }
+  .toggle-secondary:checked,.toggle-secondary[checked=true]{
       --tw-bg-opacity:1;
       background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
       --tw-border-opacity:1;
@@ -3424,8 +3446,10 @@
   .toggle-accent:focus-visible{
       --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
     }
-  .toggle-accent:checked{
+  .toggle-accent:checked,.toggle-accent[checked=true]{
       --chkbg:hsl(var(--a));
+    }
+  .toggle-accent:checked,.toggle-accent[checked=true]{
       --tw-bg-opacity:1;
       background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
       --tw-border-opacity:1;