daisyui 1.24.3 → 1.25.3

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 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.3](https://github.com/saadeghi/daisyui/compare/v1.25.2...v1.25.3) (2022-01-23)
+
+
+### Bug Fixes
+
+* [#423](https://github.com/saadeghi/daisyui/issues/423) ([8613f79](https://github.com/saadeghi/daisyui/commit/8613f7972a8eb5517ad33a4069d2ee5e8cccdf0e))
+
+### [1.25.2](https://github.com/saadeghi/daisyui/compare/v1.25.1...v1.25.2) (2022-01-23)
+
+
+### Bug Fixes
+
+* [#422](https://github.com/saadeghi/daisyui/issues/422) ([afd8dd6](https://github.com/saadeghi/daisyui/commit/afd8dd66df93ffe7560b5133f89bb0082ffd969e))
+
+### [1.25.1](https://github.com/saadeghi/daisyui/compare/v1.25.0...v1.25.1) (2022-01-23)
+
+
+### Bug Fixes
+
+* [#422](https://github.com/saadeghi/daisyui/issues/422) ([5c6577d](https://github.com/saadeghi/daisyui/commit/5c6577db662e5991a39c8a8f9d7c52aee8b31980))
+
+## [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)
 
 

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.24.2/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.25.2/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

@@ -1539,7 +1539,6 @@ html{
 .drawer{
   display:grid;
   overflow:hidden;
-  max-height:100vh;
 }
 
 .drawer.drawer-end{
@@ -1629,7 +1628,8 @@ html{
 
 .drawer-toggle:checked~.drawer-side>.drawer-overlay{
   visibility:visible;
-  opacity:.4;
+  opacity:.999999;
+  --tw-bg-opacity:0.4;
 }
 
 .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
@@ -1721,12 +1721,6 @@ html{
   }
 }
 
-@supports (-webkit-touch-callout:none){
-  .drawer{
-    max-height:-webkit-fill-available;
-  }
-}
-
 .dropdown{
   display:inline-block;
   position:relative;
@@ -2655,7 +2649,7 @@ html{
   overflow:hidden;
 }
 
-.avatar-group .avatar{
+.avatar-group :where(.avatar){
   --tw-border-opacity:1;
   border-color:hsla(var(--b1) / var(--tw-border-opacity, 1));
   border-radius:9999px;
@@ -3300,6 +3294,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);
@@ -4888,6 +4891,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));
 }

package/dist/styled.css

@@ -318,7 +318,6 @@
   }.drawer{
   display:grid;
   overflow:hidden;
-  max-height:100vh;
 }
   .drawer.drawer-end{
     direction:rtl;
@@ -461,12 +460,6 @@
             --tw-translate-x:0px;
           }
         }
-}
-
-@supports (-webkit-touch-callout:none){
-  .drawer{
-    max-height:-webkit-fill-available;
-  }
 }.dropdown{
   display:inline-block;
   position:relative;
@@ -1110,7 +1103,7 @@
   display:flex;
   overflow:hidden;
 }
-  .avatar-group .avatar{
+  .avatar-group :where(.avatar){
     --tw-border-opacity:1;
     border-color:hsla(var(--b1) / var(--tw-border-opacity, 1));
     border-radius:9999px;
@@ -1749,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);
@@ -2000,7 +2001,8 @@
     }
 
 .drawer-toggle:checked~.drawer-side>.drawer-overlay{
-        opacity:.4;
+        opacity:.999999;
+        --tw-bg-opacity:0.4;
       }
 
 .drawer-toggle:focus-visible~.drawer-content .drawer-button{
@@ -3508,6 +3510,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));
     }