daisyui 1.16.6 → 1.20.0

package/dist/styled.css

@@ -961,22 +961,13 @@
   overflow-x:auto;
   grid-auto-flow:column;
 }
-  .steps .step{
+  .steps [class~=step]{
     display:grid;
     place-items:center;
     text-align:center;
     grid-template-columns:repeat(1, minmax(0, 1fr));
     grid-template-rows:repeat(2, minmax(0, 1fr));
-  }
-  .steps-vertical{
-    grid-auto-rows:1fr;
-    grid-auto-flow:row;
-  }
-  .steps-vertical .step{
-      display:grid;
-      grid-template-columns:repeat(2, minmax(0, 1fr));
-      grid-template-rows:repeat(1, minmax(0, 1fr));
-    }.tabs{
+  }.tabs{
   display:flex;
   flex-wrap:wrap;
   align-items:flex-end;
@@ -1647,6 +1638,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;
@@ -1706,10 +1702,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);
@@ -1727,7 +1725,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;
@@ -1748,7 +1746,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;
@@ -1769,7 +1767,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;
@@ -2324,27 +2322,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;
       }
@@ -2965,11 +2963,12 @@
 .stats.grid-flow-row .stat+.stat{
     border-left-width:0;
     border-top-width:1px;
-  }.steps .step{
+  }.steps [class~=step]{
     grid-template-rows:40px 1fr;
+    grid-template-columns:auto;
     min-width:4rem;
   }
-    .steps .step:before{
+  .steps [class~=step]:before{
       --tw-bg-opacity:1;
       background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
       height:.5rem;
@@ -2979,17 +2978,24 @@
       width:100%;
       grid-column-start:1;
       grid-row-start:1;
+      --tw-translate-x:0;
+      --tw-translate-y:0;
+      --tw-rotate:0;
+      --tw-skew-x:0;
+      --tw-skew-y:0;
+      --tw-scale-x:1;
+      --tw-scale-y:1;
+      transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
       content:"";
       margin-left:-100%;
     }
-    .steps .step:after{
+  .steps [class~=step]:after{
       content:counter(step);
       counter-increment:step;
       z-index:1;
       --tw-bg-opacity:1;
       background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
       border-radius:9999px;
-      display:block;
       display:grid;
       place-items:center;
       place-self:center;
@@ -3001,10 +3007,10 @@
       grid-column-start:1;
       grid-row-start:1;
     }
-    .steps .step:first-child:before{
+  .steps [class~=step]:first-child:before{
       content:none;
     }
-    .steps .step[data-content]:after{
+  .steps [class~=step][data-content]:after{
       content:attr(data-content);
     }
   .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{
@@ -3070,30 +3076,7 @@
     background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
     --tw-text-opacity:1;
     color:hsla(var(--b1) / var(--tw-text-opacity, 1));
-  }
-  .steps-vertical .step{
-      gap:.5rem;
-      grid-template-columns:40px 1fr;
-      grid-template-rows:auto;
-      min-height:4rem;
-      justify-items:start;
-    }
-  .steps-vertical .step:before{
-        height:100%;
-        top:0;
-        width:.5rem;
-        --tw-translate-x:0;
-        --tw-translate-y:0;
-        --tw-rotate:0;
-        --tw-skew-x:0;
-        --tw-skew-y:0;
-        --tw-scale-x:1;
-        --tw-scale-y:1;
-        transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-        --tw-translate-x:-50%;
-        --tw-translate-y:-50%;
-        margin-left:50%;
-      }.tab{
+  }.tab{
   --tw-text-opacity:1;
   color:hsla(var(--bc) / var(--tw-text-opacity, 1));
   --tw-text-opacity:0.5
@@ -3232,7 +3215,7 @@
   }.table{
   text-align:left;
 }
-  .table td,.table th{
+  .table :where(th,td){
     padding:1rem;
     vertical-align:middle;
     white-space:nowrap;
@@ -3245,12 +3228,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;
@@ -3258,18 +3241,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;
@@ -3410,20 +3393,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;
@@ -3435,8 +3424,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;
@@ -3448,8 +3439,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;
@@ -3603,42 +3596,47 @@
   }.prose{
   color:inherit;
 }
-  .prose .lead,.prose a,.prose a code,.prose blockquote,.prose figure figcaption,.prose h1,.prose h2,.prose h3,.prose h4,.prose strong,.prose thead{
+
+.prose :where(a,blockquote,figure figcaption,a code,thead,strong,.lead,h1,h2,h3,h4):not(:where([class~=not-prose] *)){
     color:inherit;
   }
-  .prose .lead:hover,.prose a:hover,.prose a code:hover,.prose blockquote:hover,.prose figure figcaption:hover,.prose h1:hover,.prose h2:hover,.prose h3:hover,.prose h4:hover,.prose strong:hover,.prose thead:hover{
-      color:inherit;
-    }
-  .prose code{
-    background:hsla(var(--bc) / .2);
+
+.prose :where(code):not(:where([class~=not-prose] *)){
+    background:hsla(var(--bc) / .1);
     color:hsl(var(--bc));
+    padding:2px 8px;
     border-radius:var(--rounded-badge);
   }
-  .prose pre{
+
+.prose code:after,.prose code:before{
+    content:none;
+  }
+
+.prose pre{
     background:hsl(var(--n));
     color:hsl(var(--nc));
     border-radius:var(--rounded-box);
   }
-  .prose pre code{
+
+.prose pre code{
       border-radius:none;
       background:inherit;
+      padding:0;
       color:inherit;
     }
-  .prose code:after,.prose code:before{
-    content:none;
-  }
-  .prose ol>li:before,.prose ol>li:hover:before{
-    color:inherit;
-  }
-  .prose blockquote{
+
+.prose blockquote{
     border-left-color:hsl(var(--bc) / 40%);
   }
-  .prose ul>li:before{
-    background-color:hsl(var(--bc) / 40%);
+
+.prose :where(ul>li,ol>li):not(:where([class~=not-prose] *))::marker{
+    color:hsl(var(--bc) / 40%);
   }
-  .prose thead{
-    border-bottom-color:hsl(var(--bc) / 40%);
+
+.prose :where(thead th,tbody td):not(:where([class~=not-prose] *)){
+    color:inherit;
   }
-  .prose tbody tr{
-    border-bottom-color:hsl(var(--bc) / 40%);
+
+.prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){
+    border-bottom-color:hsl(var(--bc) / 20%);
   }