daisyui 4.8.0 → 4.10.0

package/dist/styled.css

@@ -931,6 +931,7 @@
 }
 :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
   overflow: hidden;
+  scrollbar-gutter: stable;
 }
 .navbar {
   display: flex;
@@ -1590,7 +1591,7 @@ input.tab:checked + .tab-content,
     border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
     --tw-border-opacity: 1;
 }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn {
       background-color: var(--btn-color, var(--fallback-b2));
       border-color: var(--btn-color, var(--fallback-b2))
@@ -1617,7 +1618,7 @@ input.tab:checked + .tab-content,
           )
       }
         }
-        @supports not (color: oklch(0 0 0)) {
+        @supports not (color: oklch(0% 0 0)) {
       .btn:hover {
           background-color: var(--btn-color, var(--fallback-b2));
           border-color: var(--btn-color, var(--fallback-b2))
@@ -1649,12 +1650,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-primary {
       --btn-color: var(--p)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-primary {
       --btn-color: var(--fallback-p)
   }
@@ -1664,12 +1665,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-secondary {
       --btn-color: var(--s)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-secondary {
       --btn-color: var(--fallback-s)
   }
@@ -1679,12 +1680,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-accent {
       --btn-color: var(--a)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-accent {
       --btn-color: var(--fallback-a)
   }
@@ -1694,12 +1695,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
   outline-color: var(--fallback-n,oklch(var(--n)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-neutral {
       --btn-color: var(--n)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-neutral {
       --btn-color: var(--fallback-n)
   }
@@ -1710,12 +1711,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-info {
       --btn-color: var(--in)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-info {
       --btn-color: var(--fallback-in)
   }
@@ -1725,12 +1726,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-success {
       --btn-color: var(--su)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-success {
       --btn-color: var(--fallback-su)
   }
@@ -1740,12 +1741,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-warning {
       --btn-color: var(--wa)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-warning {
       --btn-color: var(--fallback-wa)
   }
@@ -1755,12 +1756,12 @@ input.tab:checked + .tab-content,
   color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
   outline-color: var(--fallback-er,oklch(var(--er)/1));
 }
-  @supports (color: oklch(0 0 0)) {
+  @supports (color: oklch(0% 0 0)) {
   .btn-error {
       --btn-color: var(--er)
   }
     }
-  @supports not (color: oklch(0 0 0)) {
+  @supports not (color: oklch(0% 0 0)) {
   .btn-error {
       --btn-color: var(--fallback-er)
   }
@@ -1797,7 +1798,7 @@ input.tab:checked + .tab-content,
       .btn-ghost:hover {
     border-color: transparent;
   }
-        @supports (color: oklch(0 0 0)) {
+        @supports (color: oklch(0% 0 0)) {
       .btn-ghost:hover {
       background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     }
@@ -3366,7 +3367,7 @@ details.collapse summary {
     outline: 2px solid transparent;
     outline-offset: 2px;
   }
-      @supports (color: oklch(0 0 0)) {
+      @supports (color: oklch(0% 0 0)) {
     :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
       background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
     }
@@ -5151,7 +5152,7 @@ details.collapse summary {
     font-weight: initial;
     background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
   }
-@supports not (color: oklch(0 0 0)) {
+@supports not (color: oklch(0% 0 0)) {
 .prose :where(code):not(:where([class~="not-prose"] *, pre *)) {
       background-color: var(--fallback-b3,oklch(var(--b3)/1))
   }