daisyui 1.17.1 → 1.20.1

package/dist/full.css

@@ -714,8 +714,8 @@
   --af:0 0% 72.2%;
   --ac:0 0% 0%;
   --b1:0 0% 100%;
-  --b2:0 0% 100%;
-  --b3:0 0% 100%;
+  --b2:0 0% 93.3%;
+  --b3:0 0% 86.7%;
   --bc:0 0% 0%;
   --n:0 0% 92.2%;
   --nf:0 0% 92.2%;
@@ -1541,6 +1541,14 @@ html{
   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%;
@@ -1692,6 +1700,7 @@ html{
   .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{
@@ -3139,6 +3148,12 @@ html{
   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;
@@ -3188,7 +3203,7 @@ html{
   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;
@@ -3213,7 +3228,7 @@ html{
   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;
@@ -3238,7 +3253,7 @@ html{
   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;
@@ -3263,7 +3278,7 @@ html{
   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;
@@ -3733,25 +3748,25 @@ html{
   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{
+.menu li>:where(a:focus),.menu li>:where(a:hover){
   --tw-bg-opacity:1;
   --tw-bg-opacity:0.1;
   background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
 }
 
-.menu li>a.active{
+.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>a:active{
+.menu li>:where(a:active){
   --tw-bg-opacity:1;
   background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
   --tw-text-opacity:1;
@@ -4568,7 +4583,7 @@ html{
   color:hsla(var(--pc) / var(--tw-text-opacity, 1));
 }
 
-.table td,.table th{
+.table :where(th,td){
   padding:1rem;
   vertical-align:middle;
   white-space:nowrap;
@@ -4584,13 +4599,13 @@ html{
   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{
+.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 tfoot td,.table tfoot th,.table thead td,.table thead th{
+.table :where(thead,tfoot) :where(th,td){
   --tw-bg-opacity:1;
   background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
   font-weight:700;
@@ -4599,17 +4614,17 @@ html{
   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{
+.table :where(tbody th,tbody td){
   --tw-bg-opacity:1;
   background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
 }
@@ -4768,14 +4783,14 @@ html{
   --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
 }
 
-.toggle:checked{
+.toggle:checked,.toggle[checked=true]{
   --chkbg:hsl(var(--bc));
   --tw-bg-opacity:1;
   --tw-border-opacity:1;
   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);
 }
 
@@ -4783,7 +4798,7 @@ html{
   --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));
   --tw-bg-opacity:1;
   background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
@@ -4798,7 +4813,7 @@ html{
   --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));
   --tw-bg-opacity:1;
   background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
@@ -4813,7 +4828,7 @@ html{
   --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));
   --tw-bg-opacity:1;
   background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
@@ -9124,52 +9139,52 @@ html{
   width:100%;
 }
 
-.btn-square.btn-xs{
+.btn-square:where(.btn-xs){
   height:1.5rem;
   padding:0;
   width:1.5rem;
 }
 
-.btn-square.btn-sm{
+.btn-square:where(.btn-sm){
   height:2rem;
   padding:0;
   width:2rem;
 }
 
-.btn-square.btn-md{
+.btn-square:where(.btn-md){
   height:3rem;
   padding:0;
   width:3rem;
 }
 
-.btn-square.btn-lg{
+.btn-square:where(.btn-lg){
   height:4rem;
   padding:0;
   width:4rem;
 }
 
-.btn-circle.btn-xs{
+.btn-circle:where(.btn-xs){
   border-radius:9999px;
   height:1.5rem;
   padding:0;
   width:1.5rem;
 }
 
-.btn-circle.btn-sm{
+.btn-circle:where(.btn-sm){
   border-radius:9999px;
   height:2rem;
   padding:0;
   width:2rem;
 }
 
-.btn-circle.btn-md{
+.btn-circle:where(.btn-md){
   border-radius:9999px;
   height:3rem;
   padding:0;
   width:3rem;
 }
 
-.btn-circle.btn-lg{
+.btn-circle:where(.btn-lg){
   border-radius:9999px;
   height:4rem;
   padding:0;
@@ -9694,6 +9709,26 @@ html{
   color:hsla(var(--er) / var(--tw-text-opacity, 1));
 }
 
+.card-compact [class~=card-body]{
+  font-size:.875rem;
+  line-height:1.25rem;
+  padding:1rem;
+}
+
+.card-compact [class~=card-title]{
+  margin-bottom:.25rem;
+}
+
+.card-normal [class~=card-body]{
+  padding:var(--padding-card, 2rem);
+  font-size:1rem;
+  line-height:1.5rem;
+}
+
+.card-normal [class~=card-title]{
+  margin-bottom:.75rem;
+}
+
 .divider-vertical{
   height:auto;
   margin:0 1rem;
@@ -13817,52 +13852,52 @@ html{
     width:100%;
   }
 
-  .btn-square.sm\:btn-xs{
+  .sm\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.sm\:btn-sm{
+  .sm\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.sm\:btn-md{
+  .sm\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.sm\:btn-lg{
+  .sm\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.sm\:btn-xs{
+  .sm\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.sm\:btn-sm{
+  .sm\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.sm\:btn-md{
+  .sm\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.sm\:btn-lg{
+  .sm\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -14387,6 +14422,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .sm\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .sm\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .sm\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .sm\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .sm\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -18511,52 +18566,52 @@ html{
     width:100%;
   }
 
-  .btn-square.md\:btn-xs{
+  .md\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.md\:btn-sm{
+  .md\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.md\:btn-md{
+  .md\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.md\:btn-lg{
+  .md\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.md\:btn-xs{
+  .md\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.md\:btn-sm{
+  .md\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.md\:btn-md{
+  .md\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.md\:btn-lg{
+  .md\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -19081,6 +19136,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .md\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .md\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .md\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .md\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .md\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -23205,52 +23280,52 @@ html{
     width:100%;
   }
 
-  .btn-square.lg\:btn-xs{
+  .lg\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.lg\:btn-sm{
+  .lg\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.lg\:btn-md{
+  .lg\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.lg\:btn-lg{
+  .lg\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.lg\:btn-xs{
+  .lg\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.lg\:btn-sm{
+  .lg\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.lg\:btn-md{
+  .lg\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.lg\:btn-lg{
+  .lg\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -23775,6 +23850,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .lg\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .lg\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .lg\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .lg\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .lg\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -27899,52 +27994,52 @@ html{
     width:100%;
   }
 
-  .btn-square.xl\:btn-xs{
+  .xl\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.xl\:btn-sm{
+  .xl\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.xl\:btn-md{
+  .xl\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.xl\:btn-lg{
+  .xl\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.xl\:btn-xs{
+  .xl\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.xl\:btn-sm{
+  .xl\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.xl\:btn-md{
+  .xl\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.xl\:btn-lg{
+  .xl\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -28469,6 +28564,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .xl\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .xl\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .xl\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .xl\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .xl\:divider-vertical{
     height:auto;
     margin:0 1rem;
@@ -32593,52 +32708,52 @@ html{
     width:100%;
   }
 
-  .btn-square.\32xl\:btn-xs{
+  .\32xl\:btn-square:where(.btn-xs){
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-square.\32xl\:btn-sm{
+  .\32xl\:btn-square:where(.btn-sm){
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-square.\32xl\:btn-md{
+  .\32xl\:btn-square:where(.btn-md){
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-square.\32xl\:btn-lg{
+  .\32xl\:btn-square:where(.btn-lg){
     height:4rem;
     padding:0;
     width:4rem;
   }
 
-  .btn-circle.\32xl\:btn-xs{
+  .\32xl\:btn-circle:where(.btn-xs){
     border-radius:9999px;
     height:1.5rem;
     padding:0;
     width:1.5rem;
   }
 
-  .btn-circle.\32xl\:btn-sm{
+  .\32xl\:btn-circle:where(.btn-sm){
     border-radius:9999px;
     height:2rem;
     padding:0;
     width:2rem;
   }
 
-  .btn-circle.\32xl\:btn-md{
+  .\32xl\:btn-circle:where(.btn-md){
     border-radius:9999px;
     height:3rem;
     padding:0;
     width:3rem;
   }
 
-  .btn-circle.\32xl\:btn-lg{
+  .\32xl\:btn-circle:where(.btn-lg){
     border-radius:9999px;
     height:4rem;
     padding:0;
@@ -33163,6 +33278,26 @@ html{
     color:hsla(var(--er) / var(--tw-text-opacity, 1));
   }
 
+  .\32xl\:card-compact [class~=card-body]{
+    font-size:.875rem;
+    line-height:1.25rem;
+    padding:1rem;
+  }
+
+  .\32xl\:card-compact [class~=card-title]{
+    margin-bottom:.25rem;
+  }
+
+  .\32xl\:card-normal [class~=card-body]{
+    padding:var(--padding-card, 2rem);
+    font-size:1rem;
+    line-height:1.5rem;
+  }
+
+  .\32xl\:card-normal [class~=card-title]{
+    margin-bottom:.75rem;
+  }
+
   .\32xl\:divider-vertical{
     height:auto;
     margin:0 1rem;