daisyui 3.1.4 → 3.1.6

package/README.md

@@ -227,5 +227,5 @@ Tweet about daisyUI: [![][tweet]][tweet-url]
 [number-of-components]: https://badgen.net/badge/total%20components/52/green
 [docs-url-install]: https://daisyui.com/docs/install
 [docs-url]: https://daisyui.com/
-[logo-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui/logo-4.svg
+[logo-url]: https://raw.githubusercontent.com/saadeghi/daisyui/master/src/docs/static/images/daisyui-logo/favicon-192.png
 [banner-url]: https://raw.githubusercontent.com/saadeghi/files/main/daisyui3/banner.png

package/dist/full.css

@@ -1645,8 +1645,9 @@ html {
     .link-error:hover {
         --tw-text-opacity: 1;
         color: hsl(var(--er) / var(--tw-text-opacity))}
-    .menu li > *:active,
-.menu li > *.active {
+    .menu li > *:not(ul):not(details):active,
+.menu li > *:not(ul):not(details).active,
+.menu li > details > summary:active {
         --tw-bg-opacity: 1;
         background-color: hsl(var(--n) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
@@ -1992,7 +1993,6 @@ html {
     grid-row-start: 1}
 .drawer-side {
     pointer-events: none;
-    visibility: hidden;
     position: fixed;
     top: 0px;
     left: 0px;
@@ -2011,6 +2011,16 @@ html {
     scrollbar-width: none}
 .drawer-side::-webkit-scrollbar {
     display: none}
+.drawer-side > .drawer-overlay {
+    position: sticky;
+    top: 0px;
+    place-self: stretch;
+    cursor: pointer;
+    background-color: transparent;
+    transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1)}
+.drawer-side > * {
+    grid-column-start: 1;
+    grid-row-start: 1}
 .drawer-side > *:not(.drawer-overlay) {
     transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
     transform: translateX(-100%)}
@@ -2025,16 +2035,8 @@ html {
 .drawer-toggle:checked ~ .drawer-side {
     pointer-events: auto;
     visibility: visible}
-.drawer-toggle:checked ~ .drawer-side > * {
-    grid-column-start: 1;
-    grid-row-start: 1}
 .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
     transform: translateX(0%)}
-.drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
-    position: sticky;
-    top: 0px;
-    place-self: stretch;
-    background-color: hsl(0 0% 0%/0.4)}
 .drawer-end {
     grid-auto-columns: auto max-content}
 .drawer-end .drawer-toggle ~ .drawer-content {
@@ -3765,10 +3767,8 @@ details.collapse summary::-webkit-details-marker {
     --tw-bg-opacity: 0.1}
 .divider:not(:empty) {
     gap: 1rem}
-.drawer-side > .drawer-overlay {
-    cursor: pointer;
-    background-color: transparent;
-    transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1)}
+.drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
+    background-color: hsl(0 0% 0%/0.4)}
 .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
     outline-style: solid;
     outline-width: 2px;
@@ -4138,18 +4138,21 @@ details.collapse summary::-webkit-details-marker {
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     border-radius: var(--rounded-btn, 0.5rem)}
-:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active).focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active).focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):focus {
+:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
     cursor: pointer;
     background-color: hsl(var(--bc) / 0.1);
     --tw-text-opacity: 1;
     color: hsl(var(--bc) / var(--tw-text-opacity));
     outline: 2px solid transparent;
     outline-offset: 2px}
-.menu li > *:active,
-.menu li > *.active {
+.menu li > *:not(ul):not(details):active,
+.menu li > *:not(ul):not(details).active,
+.menu li > details > summary:active {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
@@ -22719,17 +22722,18 @@ details.collapse summary::-webkit-details-marker {
 .menu-horizontal > li:not(.menu-title) > details > ul {
     margin-top: 1rem;
     margin-left: 0px;
-    --tw-bg-opacity: 1;
-    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
-    padding-right: 0.5rem;
+    padding-right: 0.5rem}
+.menu-horizontal > li > details > ul:before {
+    content: none}
+:where(.menu-horizontal > li:not(.menu-title) > details > ul) {
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
     --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
     border-radius: var(--rounded-box, 1rem)}
-.menu-horizontal > li > details > ul:before {
-    content: none}
 .menu-vertical > li:not(.menu-title) > details > ul {
     margin-top: 0px;
     margin-left: 1rem;

package/dist/styled.css

@@ -414,7 +414,6 @@
 }
   .drawer-side {
   pointer-events: none;
-  visibility: hidden;
   position: fixed;
   top: 0px;
   left: 0px;
@@ -434,6 +433,15 @@
 }
   .drawer-side::-webkit-scrollbar {
   display: none;
+}
+  .drawer-side > .drawer-overlay {
+  position: sticky;
+  top: 0px;
+  place-self: stretch;
+}
+  .drawer-side > * {
+  grid-column-start: 1;
+  grid-row-start: 1;
 }
   .drawer-side > *:not(.drawer-overlay) {
       transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
@@ -452,19 +460,10 @@
   .drawer-toggle:checked ~ .drawer-side {
   pointer-events: auto;
   visibility: visible;
-}
-  .drawer-toggle:checked ~ .drawer-side > * {
-  grid-column-start: 1;
-  grid-row-start: 1;
 }
   .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
           transform: translateX(0%);
         }
-  .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
-  position: sticky;
-  top: 0px;
-  place-self: stretch;
-}
   .drawer-end {
     grid-auto-columns: auto max-content;
   }
@@ -3157,10 +3156,12 @@ details.collapse summary {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
 }
-:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active).focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active).focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):focus {
+:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
   cursor: pointer;
   background-color: hsl(var(--bc) / 0.1);
   --tw-text-opacity: 1;
@@ -3178,16 +3179,18 @@ details.collapse summary {
     outline-offset: 2px;
   }
   }
-.menu li > *:active,
-.menu li > *.active {
+.menu li > *:not(ul):not(details):active,
+.menu li > *:not(ul):not(details).active,
+.menu li > details > summary:active {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--nc) / var(--tw-text-opacity));
 }
 @media (hover:hover) {
-  .menu li > *:active,
-.menu li > *.active {
+  .menu li > *:not(ul):not(details):active,
+.menu li > *:not(ul):not(details).active,
+.menu li > details > summary:active {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;