daisyui 1.24.0 → 1.25.0

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.25.0](https://github.com/saadeghi/daisyui/compare/v1.24.3...v1.25.0) (2022-01-23)
+
+
+### Features
+
+* add indeterminate style for checkbox and toggle, fix [#420](https://github.com/saadeghi/daisyui/issues/420) ([fd11e61](https://github.com/saadeghi/daisyui/commit/fd11e61fd7760a767260f77c62196460de08a534))
+
+
+### Bug Fixes
+
+* [#400](https://github.com/saadeghi/daisyui/issues/400) ([9df4224](https://github.com/saadeghi/daisyui/commit/9df4224a7989f21e9b5613bb4405849dfb9030aa))
+
+### [1.24.3](https://github.com/saadeghi/daisyui/compare/v1.24.2...v1.24.3) (2022-01-17)
+
+
+### Bug Fixes
+
+* rating iOS backward compatibility ([e183b4f](https://github.com/saadeghi/daisyui/commit/e183b4f6d69e85432194c842b8c45ae3313ab3ff))
+
+### [1.24.2](https://github.com/saadeghi/daisyui/compare/v1.24.1...v1.24.2) (2022-01-17)
+
+
+### Bug Fixes
+
+* [#351](https://github.com/saadeghi/daisyui/issues/351) (apply menu item style to `button` like `a` and `span`) ([87f079f](https://github.com/saadeghi/daisyui/commit/87f079fc925092d39a177154b2d8d5529787b9dd))
+
+### [1.24.1](https://github.com/saadeghi/daisyui/compare/v1.24.0...v1.24.1) (2022-01-17)
+
 ## [1.24.0](https://github.com/saadeghi/daisyui/compare/v1.23.1...v1.24.0) (2022-01-17)
 
 

package/README.md

@@ -79,7 +79,7 @@ Loading CSS files from CDN is not recommended for production. It's better to ins
 
   
 ```html
-<link href="https://cdn.jsdelivr.net/npm/daisyui@1.23.1/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.24.3/dist/full.css" rel="stylesheet" type="text/css" />
 <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
 ```
 

package/dist/full.css

@@ -1574,6 +1574,8 @@ html{
   z-index:0;
   grid-column-start:1;
   grid-row-start:1;
+  -ms-scroll-chaining:none;
+  overscroll-behavior:contain;
   transition-property:all;
   transition-duration:.15s;
   transition-duration:.3s;
@@ -2100,9 +2102,11 @@ html{
   align-items:stretch;
 }
 
-.menu :where(li)>a,.menu :where(li)>span{
+.menu :where(li)>a,.menu :where(li)>button,.menu :where(li)>span{
   display:flex;
   align-items:center;
+  outline:2px solid transparent;
+  outline-offset:2px;
   transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   transition-duration:.15s;
   transition-duration:.2s;
@@ -2122,7 +2126,7 @@ html{
   outline-offset:2px;
 }
 
-.menu :where(li).disabled>a,.menu :where(li).disabled>span{
+.menu :where(li).disabled>a,.menu :where(li).disabled>button,.menu :where(li).disabled>span{
   cursor:auto;
 }
 
@@ -2316,9 +2320,6 @@ html{
   cursor:pointer;
   -webkit-animation:rating-pop var(--animation-input, .25s) ease-out;
   animation:rating-pop var(--animation-input, .25s) ease-out;
-  -webkit-appearance:none;
-  -moz-appearance:none;
-  appearance:none;
   background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
   --tw-bg-opacity:1;
   height:1.5rem;
@@ -3292,6 +3293,15 @@ html{
   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);
 }
 
+.checkbox:indeterminate{
+  --tw-bg-opacity:1;
+  background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
+  background-repeat:no-repeat;
+  -webkit-animation:checkmark var(--animation-input, .2s)  ease-in-out;
+  animation:checkmark var(--animation-input, .2s)  ease-in-out;
+  background-image:linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 0);
+}
+
 .checkbox-primary{
   --chkbg:var(--p);
   --chkfg:var(--pc);
@@ -3817,7 +3827,7 @@ html{
   mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
 }
 
-.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span{
+.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{
   --tw-border-opacity:1;
   border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
   border-left-width:0;
@@ -3828,42 +3838,42 @@ html{
   border-radius:var(--rounded-btn, .5rem);
 }
 
-.menu :where(li.bordered>a),.menu :where(li.bordered>span){
+.menu :where(li.bordered>a),.menu :where(li.bordered>button),.menu :where(li.bordered>span){
   --tw-border-opacity:1;
   border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
   border-left-width:4px;
 }
 
-.menu li>:where(a),.menu li>:where(span){
+.menu li>:where(a),.menu li>:where(button),.menu li>:where(span){
   padding:.75rem 1.25rem;
   color:currentColor;
 }
 
-.menu li>:where(a:focus),.menu li>:where(a:hover){
+.menu li>:where(a:focus),.menu li>:where(a:hover),.menu li>:where(button:focus),.menu li>:where(button:hover){
   --tw-bg-opacity:1;
   --tw-bg-opacity:0.1;
   background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
 }
 
-.menu li>:where(a.active){
+.menu li>:where(a.active),.menu li>:where(button.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){
+.menu li>:where(a:active),.menu li>:where(button: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{
+.menu li.disabled>a:hover,.menu li.disabled>button:hover,.menu li.disabled>span:hover{
   background-color:transparent;
 }
 
-.menu li.disabled>a,.menu li.disabled>span{
+.menu li.disabled>a,.menu li.disabled>button,.menu li.disabled>span{
   --tw-text-opacity:1;
   --tw-text-opacity:0.2;
   color:hsla(var(--bc) / var(--tw-text-opacity, 1));
@@ -4284,6 +4294,12 @@ html{
   --range-shdw:var(--a);
 }
 
+.rating input{
+  -moz-appearance:none;
+  appearance:none;
+  -webkit-appearance:none;
+}
+
 .rating .rating-hidden{
   background-color:transparent;
   width:.5rem;
@@ -4430,7 +4446,7 @@ html{
   color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
 }
 
-.select-multiple,.select[multiple]{
+.select-multiple,.select[multiple],.select[size].select:not([size="1"]){
   background-image:none;
   padding-right:1rem;
 }
@@ -4874,6 +4890,17 @@ html{
   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:indeterminate{
+  --chkbg:hsl(var(--bc));
+  --tw-bg-opacity:1;
+  --tw-border-opacity:1;
+  box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
+}
+
+[dir=rtl] .toggle:indeterminate{
+  box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 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));
 }
@@ -9866,24 +9893,24 @@ html{
   margin-top:1rem;
 }
 
-.menu-vertical :where(li.bordered>a),.menu-vertical :where(li.bordered>span){
+.menu-vertical :where(li.bordered>a),.menu-vertical :where(li.bordered>button),.menu-vertical :where(li.bordered>span){
   border-bottom-width:0;
   border-left-width:4px;
 }
 
-.menu-horizontal :where(li.bordered>a),.menu-horizontal :where(li.bordered>span){
+.menu-horizontal :where(li.bordered>a),.menu-horizontal :where(li.bordered>button),.menu-horizontal :where(li.bordered>span){
   border-left-width:0;
   border-bottom-width:4px;
 }
 
-.menu-normal :where(li>a),.menu-normal :where(li>span){
+.menu-normal :where(li>a),.menu-normal :where(li>button),.menu-normal :where(li>span){
   font-size:1rem;
   line-height:1.5rem;
   padding-top:.75rem;
   padding-bottom:.75rem;
 }
 
-.menu-compact :where(li>a),.menu-compact :where(li>span){
+.menu-compact :where(li>a),.menu-compact :where(li>button),.menu-compact :where(li>span){
   font-size:.875rem;
   line-height:1.25rem;
   padding-top:.5rem;
@@ -14652,24 +14679,24 @@ html{
     margin-top:1rem;
   }
 
-  .sm\:menu-vertical :where(li.bordered>a),.sm\:menu-vertical :where(li.bordered>span){
+  .sm\:menu-vertical :where(li.bordered>a),.sm\:menu-vertical :where(li.bordered>button),.sm\:menu-vertical :where(li.bordered>span){
     border-bottom-width:0;
     border-left-width:4px;
   }
 
-  .sm\:menu-horizontal :where(li.bordered>a),.sm\:menu-horizontal :where(li.bordered>span){
+  .sm\:menu-horizontal :where(li.bordered>a),.sm\:menu-horizontal :where(li.bordered>button),.sm\:menu-horizontal :where(li.bordered>span){
     border-left-width:0;
     border-bottom-width:4px;
   }
 
-  .sm\:menu-normal :where(li>a),.sm\:menu-normal :where(li>span){
+  .sm\:menu-normal :where(li>a),.sm\:menu-normal :where(li>button),.sm\:menu-normal :where(li>span){
     font-size:1rem;
     line-height:1.5rem;
     padding-top:.75rem;
     padding-bottom:.75rem;
   }
 
-  .sm\:menu-compact :where(li>a),.sm\:menu-compact :where(li>span){
+  .sm\:menu-compact :where(li>a),.sm\:menu-compact :where(li>button),.sm\:menu-compact :where(li>span){
     font-size:.875rem;
     line-height:1.25rem;
     padding-top:.5rem;
@@ -19439,24 +19466,24 @@ html{
     margin-top:1rem;
   }
 
-  .md\:menu-vertical :where(li.bordered>a),.md\:menu-vertical :where(li.bordered>span){
+  .md\:menu-vertical :where(li.bordered>a),.md\:menu-vertical :where(li.bordered>button),.md\:menu-vertical :where(li.bordered>span){
     border-bottom-width:0;
     border-left-width:4px;
   }
 
-  .md\:menu-horizontal :where(li.bordered>a),.md\:menu-horizontal :where(li.bordered>span){
+  .md\:menu-horizontal :where(li.bordered>a),.md\:menu-horizontal :where(li.bordered>button),.md\:menu-horizontal :where(li.bordered>span){
     border-left-width:0;
     border-bottom-width:4px;
   }
 
-  .md\:menu-normal :where(li>a),.md\:menu-normal :where(li>span){
+  .md\:menu-normal :where(li>a),.md\:menu-normal :where(li>button),.md\:menu-normal :where(li>span){
     font-size:1rem;
     line-height:1.5rem;
     padding-top:.75rem;
     padding-bottom:.75rem;
   }
 
-  .md\:menu-compact :where(li>a),.md\:menu-compact :where(li>span){
+  .md\:menu-compact :where(li>a),.md\:menu-compact :where(li>button),.md\:menu-compact :where(li>span){
     font-size:.875rem;
     line-height:1.25rem;
     padding-top:.5rem;
@@ -24226,24 +24253,24 @@ html{
     margin-top:1rem;
   }
 
-  .lg\:menu-vertical :where(li.bordered>a),.lg\:menu-vertical :where(li.bordered>span){
+  .lg\:menu-vertical :where(li.bordered>a),.lg\:menu-vertical :where(li.bordered>button),.lg\:menu-vertical :where(li.bordered>span){
     border-bottom-width:0;
     border-left-width:4px;
   }
 
-  .lg\:menu-horizontal :where(li.bordered>a),.lg\:menu-horizontal :where(li.bordered>span){
+  .lg\:menu-horizontal :where(li.bordered>a),.lg\:menu-horizontal :where(li.bordered>button),.lg\:menu-horizontal :where(li.bordered>span){
     border-left-width:0;
     border-bottom-width:4px;
   }
 
-  .lg\:menu-normal :where(li>a),.lg\:menu-normal :where(li>span){
+  .lg\:menu-normal :where(li>a),.lg\:menu-normal :where(li>button),.lg\:menu-normal :where(li>span){
     font-size:1rem;
     line-height:1.5rem;
     padding-top:.75rem;
     padding-bottom:.75rem;
   }
 
-  .lg\:menu-compact :where(li>a),.lg\:menu-compact :where(li>span){
+  .lg\:menu-compact :where(li>a),.lg\:menu-compact :where(li>button),.lg\:menu-compact :where(li>span){
     font-size:.875rem;
     line-height:1.25rem;
     padding-top:.5rem;
@@ -29013,24 +29040,24 @@ html{
     margin-top:1rem;
   }
 
-  .xl\:menu-vertical :where(li.bordered>a),.xl\:menu-vertical :where(li.bordered>span){
+  .xl\:menu-vertical :where(li.bordered>a),.xl\:menu-vertical :where(li.bordered>button),.xl\:menu-vertical :where(li.bordered>span){
     border-bottom-width:0;
     border-left-width:4px;
   }
 
-  .xl\:menu-horizontal :where(li.bordered>a),.xl\:menu-horizontal :where(li.bordered>span){
+  .xl\:menu-horizontal :where(li.bordered>a),.xl\:menu-horizontal :where(li.bordered>button),.xl\:menu-horizontal :where(li.bordered>span){
     border-left-width:0;
     border-bottom-width:4px;
   }
 
-  .xl\:menu-normal :where(li>a),.xl\:menu-normal :where(li>span){
+  .xl\:menu-normal :where(li>a),.xl\:menu-normal :where(li>button),.xl\:menu-normal :where(li>span){
     font-size:1rem;
     line-height:1.5rem;
     padding-top:.75rem;
     padding-bottom:.75rem;
   }
 
-  .xl\:menu-compact :where(li>a),.xl\:menu-compact :where(li>span){
+  .xl\:menu-compact :where(li>a),.xl\:menu-compact :where(li>button),.xl\:menu-compact :where(li>span){
     font-size:.875rem;
     line-height:1.25rem;
     padding-top:.5rem;
@@ -33800,24 +33827,24 @@ html{
     margin-top:1rem;
   }
 
-  .\32xl\:menu-vertical :where(li.bordered>a),.\32xl\:menu-vertical :where(li.bordered>span){
+  .\32xl\:menu-vertical :where(li.bordered>a),.\32xl\:menu-vertical :where(li.bordered>button),.\32xl\:menu-vertical :where(li.bordered>span){
     border-bottom-width:0;
     border-left-width:4px;
   }
 
-  .\32xl\:menu-horizontal :where(li.bordered>a),.\32xl\:menu-horizontal :where(li.bordered>span){
+  .\32xl\:menu-horizontal :where(li.bordered>a),.\32xl\:menu-horizontal :where(li.bordered>button),.\32xl\:menu-horizontal :where(li.bordered>span){
     border-left-width:0;
     border-bottom-width:4px;
   }
 
-  .\32xl\:menu-normal :where(li>a),.\32xl\:menu-normal :where(li>span){
+  .\32xl\:menu-normal :where(li>a),.\32xl\:menu-normal :where(li>button),.\32xl\:menu-normal :where(li>span){
     font-size:1rem;
     line-height:1.5rem;
     padding-top:.75rem;
     padding-bottom:.75rem;
   }
 
-  .\32xl\:menu-compact :where(li>a),.\32xl\:menu-compact :where(li>span){
+  .\32xl\:menu-compact :where(li>a),.\32xl\:menu-compact :where(li>button),.\32xl\:menu-compact :where(li>span){
     font-size:.875rem;
     line-height:1.25rem;
     padding-top:.5rem;

package/dist/styled.css

@@ -349,6 +349,8 @@
     z-index:0;
     grid-column-start:1;
     grid-row-start:1;
+    -ms-scroll-chaining:none;
+        overscroll-behavior:contain;
   }
 
 .drawer-toggle~.drawer-side{
@@ -757,9 +759,11 @@
     flex-direction:column;
     align-items:stretch;
   }
-  .menu :where(li)>a,.menu :where(li)>span{
+  .menu :where(li)>a,.menu :where(li)>button,.menu :where(li)>span{
       display:flex;
       align-items:center;
+      outline:2px solid transparent;
+      outline-offset:2px;
       transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
       transition-duration:.15s;
       transition-timing-function:cubic-bezier(.4, 0, .2, 1);
@@ -776,7 +780,7 @@
         outline:2px solid transparent;
         outline-offset:2px;
       }
-  .menu :where(li).disabled>a,.menu :where(li).disabled>span{
+  .menu :where(li).disabled>a,.menu :where(li).disabled>button,.menu :where(li).disabled>span{
         cursor:auto;
       }
 .mockup-code{
@@ -1738,6 +1742,14 @@
             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);
   }
+  .checkbox:indeterminate{
+    --tw-bg-opacity:1;
+    background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
+    background-repeat:no-repeat;
+    -webkit-animation:checkmark var(--animation-input, .2s)  ease-in-out;
+            animation:checkmark var(--animation-input, .2s)  ease-in-out;
+    background-image:linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 0);
+  }
   .checkbox-primary{
     --chkbg:var(--p);
     --chkfg:var(--pc);
@@ -2339,7 +2351,7 @@
   .mask-triangle-4{
     -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
             mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
-  }.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span{
+  }.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{
           --tw-border-opacity:1;
           border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
           border-left-width:0;
@@ -2348,36 +2360,36 @@
   .menu[class*=p-] li a{
     border-radius:var(--rounded-btn, .5rem);
   }
-  .menu :where(li.bordered>a),.menu :where(li.bordered>span){
+  .menu :where(li.bordered>a),.menu :where(li.bordered>button),.menu :where(li.bordered>span){
     --tw-border-opacity:1;
     border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
     border-left-width:4px;
   }
-  .menu li>:where(a),.menu li>:where(span){
+  .menu li>:where(a),.menu li>:where(button),.menu li>:where(span){
       padding:.75rem 1.25rem;
       color:currentColor;
     }
-  .menu li>:where(a:focus),.menu li>:where(a:hover){
+  .menu li>:where(a:focus),.menu li>:where(a:hover),.menu li>:where(button:focus),.menu li>:where(button: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){
+  .menu li>:where(a.active),.menu li>:where(button.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){
+  .menu li>:where(a:active),.menu li>:where(button: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{
+  .menu li.disabled>a:hover,.menu li.disabled>button:hover,.menu li.disabled>span:hover{
         background-color:transparent;
       }
-  .menu li.disabled>a,.menu li.disabled>span{
+  .menu li.disabled>a,.menu li.disabled>button,.menu li.disabled>span{
         --tw-text-opacity:1;
         color:hsla(var(--bc) / var(--tw-text-opacity, 1));
         --tw-text-opacity:0.2;
@@ -2827,12 +2839,14 @@
   }
   .range-accent{
     --range-shdw:var(--a);
-  }.rating :where(input){
+  }.rating input{
+    -moz-appearance:none;
+         appearance:none;
+    -webkit-appearance:none;
+  }
+  .rating :where(input){
     -webkit-animation:rating-pop var(--animation-input, .25s) ease-out;
             animation:rating-pop var(--animation-input, .25s) ease-out;
-    -webkit-appearance:none;
-       -moz-appearance:none;
-            appearance:none;
     background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
     --tw-bg-opacity:1;
     height:1.5rem;
@@ -2997,7 +3011,7 @@
   .select-disabled,.select[disabled]{
     --tw-text-opacity:0.2;
   }
-  .select-multiple,.select[multiple]{
+  .select-multiple,.select[multiple],.select[size].select:not([size="1"]){
     background-image:none;
     padding-right:1rem;
   }
@@ -3495,6 +3509,15 @@
   [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:indeterminate{
+    --chkbg:hsl(var(--bc));
+    --tw-bg-opacity:1;
+    --tw-border-opacity:1;
+    box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
+  }
+  [dir=rtl] .toggle:indeterminate{
+      box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 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));
     }