daisyui 2.3.7-alpha.5 → 2.6.0

package/dist/styled.css

@@ -52,7 +52,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   height: 1.25rem;
@@ -82,19 +84,23 @@
     align-items: center
 }
   .breadcrumbs > ul > li > a:hover {
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
 .btn {
   display: inline-flex;
   flex-shrink: 0;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   border-color: transparent;
   text-align: center;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -166,7 +172,8 @@
   flex-wrap: wrap;
 }
 .btn-group > input[type="radio"].btn {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
 }
 .btn-group > input[type="radio"].btn:before {
     content: attr(data-title);
@@ -253,7 +260,8 @@
   grid-row-start: 1;
 }
 .collapse > input[type="checkbox"] {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   opacity: 0;
 }
 .collapse-content {
@@ -322,7 +330,8 @@
     position: absolute;
     height: 0px;
     width: 0px;
-    appearance: none;
+    -webkit-appearance: none;
+            appearance: none;
     opacity: 0;
 }
 .drawer-toggle ~ .drawer-content {
@@ -506,7 +515,8 @@
 }
 .label {
     display: flex;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     align-items: center;
     justify-content: space-between
 }
@@ -587,7 +597,9 @@
 }
 .input {
     flex-shrink: 1;
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     height: 3rem;
@@ -666,13 +678,16 @@
 }
 .link {
     cursor: pointer;
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
   .link-hover {
-    text-decoration-line: none
+    -webkit-text-decoration-line: none;
+            text-decoration-line: none
 }
   .link-hover:hover {
-    text-decoration-line: underline
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline
 }
 .mask {
   -webkit-mask-size: contain;
@@ -717,7 +732,8 @@
 }
 .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   align-items: center;
   outline: 2px solid transparent;
   outline-offset: 2px
@@ -799,7 +815,8 @@
   position: fixed;
   height: 0px;
   width: 0px;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   opacity: 0;
 }
 .navbar {
@@ -824,7 +841,8 @@
 .progress {
     position: relative;
     width: 100%;
-    appearance: none;
+    -webkit-appearance: none;
+            appearance: none;
     overflow: hidden
 }
 .radial-progress {
@@ -843,11 +861,13 @@
   background-color: transparent;
 }
 .radial-progress::-webkit-progress-value {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   background-color: transparent;
 }
 .radial-progress::-webkit-progress-bar {
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   background-color: transparent;
 }
 .radial-progress:before, .radial-progress:after {
@@ -893,9 +913,13 @@
 
     cursor: pointer;
 
-    user-select: none;
+    -webkit-user-select: none;
 
-    appearance: none;
+            user-select: none;
+
+    -webkit-appearance: none;
+
+            appearance: none;
 
     height: 3rem;
 
@@ -993,7 +1017,9 @@
 
     display: inline-grid;
 
-    user-select: none;
+    -webkit-user-select: none;
+
+            user-select: none;
 
     place-content: center
 }
@@ -1007,7 +1033,9 @@
 
 .swap input {
 
-    appearance: none
+    -webkit-appearance: none;
+
+            appearance: none
 }
 
 .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
@@ -1033,7 +1061,8 @@
   position: relative;
   display: inline-flex;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
@@ -1056,7 +1085,9 @@
 }
 .textarea {
     flex-shrink: 1;
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     padding-left: 1rem;
@@ -1573,7 +1604,8 @@
   .btn-link:hover, .btn-link.btn-active {
   border-color: transparent;
   background-color: transparent;
-  text-decoration-line: underline;
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
 }
   .btn-link:focus-visible {
       outline: 2px solid 0 0 2px currentColor;
@@ -1790,7 +1822,8 @@
   height: 1.5rem;
   width: 1.5rem;
   cursor: pointer;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   border-width: 1px;
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
   --tw-border-opacity: 0.2;
@@ -1912,8 +1945,8 @@ body[dir="rtl"] .checkbox:checked,
     body[dir="rtl"] .checkbox[checked="true"] {
       background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
     }
-.collapse {
-  outline: 2px solid transparent;
+.collapse:focus-visible {
+  outline: 2px solid hsl(var(--nf));
   outline-offset: 2px;
 }
 .collapse-arrow .collapse-title:after {
@@ -1922,8 +1955,9 @@ body[dir="rtl"] .checkbox:checked,
   height: 0.5rem;
   width: 0.5rem;
   transition-property: all;
-  transition-duration: 300ms;
+  transition-duration: 150ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 0.2s;
   top: 1.4rem;
   right: 1.4rem;
   content: "";
@@ -1958,45 +1992,30 @@ body[dir="rtl"] .checkbox:checked,
   min-height: 3.75rem;
   transition: background-color 0.2s ease-in-out;
 }
-.collapse:not(.collapse-close) input[type="checkbox"]:focus ~ .collapse-title {
-  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
-}
-.collapse-open .collapse-title, .collapse:focus:not(.collapse-close) .collapse-title, .collapse:not(.collapse-close)
-  input[type="checkbox"]:checked
-  ~ .collapse-title {
-  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
+/* 
+.collapse-open :where(.collapse-title),
+.collapse:focus:not(.collapse-close) :where(.collapse-title),
+.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-title) {
+  @apply bg-base-content bg-opacity-10;
+} */
 .collapse-content {
   padding-left: 1rem;
   padding-right: 1rem;
   cursor: unset;
   transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
 }
-.collapse-open .collapse-content, .collapse:focus:not(.collapse-close) .collapse-content, .collapse:not(.collapse-close)
-  input[type="checkbox"]:checked
-  ~ .collapse-content {
-  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.1;
+.collapse-open :where(.collapse-content), .collapse:focus:not(.collapse-close) :where(.collapse-content), .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
   padding-bottom: 1rem;
-  opacity: 1;
   transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
 }
 .collapse-open.collapse-arrow .collapse-title:after,
 .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
-.collapse-arrow:not(.collapse-close)
-  input[type="checkbox"]:checked
-  ~ .collapse-title:after {
+.collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
   transform: rotate(225deg);
 }
 .collapse-open.collapse-plus .collapse-title:after,
 .collapse-plus:focus:not(.collapse-close) .collapse-title:after,
-.collapse-plus:not(.collapse-close)
-  input[type="checkbox"]:checked
-  ~ .collapse-title:after {
+.collapse-plus:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
   content: "−";
 }
 .countdown > *:before {
@@ -2093,7 +2112,9 @@ body[dir="rtl"] .checkbox:checked,
     --tw-scale-x: .95;
     --tw-scale-y: .95;
     transform: translate(var(--tw-translate-x), 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));
+    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
@@ -2416,7 +2437,8 @@ body[dir="rtl"] .checkbox:checked,
   --tw-bg-opacity: 0.1;
 }
   .menu li.disabled > * {
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   color: hsl(var(--bc) / var(--tw-text-opacity));
   --tw-text-opacity: 0.2;
 }
@@ -2450,7 +2472,9 @@ body[dir="rtl"] .checkbox:checked,
 .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
   outline: 2px solid transparent;
   outline-offset: 2px;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2640,7 +2664,9 @@ body[dir="rtl"] .checkbox:checked,
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
   padding: 1.5rem;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-top-left-radius: var(--rounded-box, 1rem);
@@ -2776,7 +2802,8 @@ body[dir="rtl"] .checkbox:checked,
   height: 1.5rem;
   width: 1.5rem;
   cursor: pointer;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   border-radius: 9999px;
   border-width: 1px;
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
@@ -2995,7 +3022,9 @@ body[dir="rtl"] .checkbox:checked,
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
   padding-right: 2.5rem;
   font-weight: 600;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -3310,7 +3339,8 @@ body[dir="rtl"] .checkbox:checked,
 .swap-flip .swap-indeterminate,
 .swap-flip input:indeterminate ~ .swap-on {
   transform: rotateY(180deg);
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   opacity: 1;
 }
 
@@ -3318,7 +3348,8 @@ body[dir="rtl"] .checkbox:checked,
 .swap-flip.swap-active .swap-off,
 .swap-flip input:indeterminate ~ .swap-off {
   transform: rotateY(-180deg);
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   opacity: 1;
 }
 
@@ -3540,28 +3571,28 @@ body[dir="rtl"] .checkbox:checked,
     }
   .textarea-info {
     --tw-border-opacity: 1;
-    border-color: hsl(var(--inc, var(--nc)) / var(--tw-border-opacity));
+    border-color: hsl(var(--in) / var(--tw-border-opacity));
 }
   .textarea-info:focus {
       outline: 2px solid hsl(var(--in));
     }
   .textarea-success {
     --tw-border-opacity: 1;
-    border-color: hsl(var(--suc, var(--nc)) / var(--tw-border-opacity));
+    border-color: hsl(var(--su) / var(--tw-border-opacity));
 }
   .textarea-success:focus {
       outline: 2px solid hsl(var(--su));
     }
   .textarea-warning {
     --tw-border-opacity: 1;
-    border-color: hsl(var(--wac, var(--nc)) / var(--tw-border-opacity));
+    border-color: hsl(var(--wa) / var(--tw-border-opacity));
 }
   .textarea-warning:focus {
       outline: 2px solid hsl(var(--wa));
     }
   .textarea-error {
     --tw-border-opacity: 1;
-    border-color: hsl(var(--erc, var(--nc)) / var(--tw-border-opacity));
+    border-color: hsl(var(--er) / var(--tw-border-opacity));
 }
   .textarea-error:focus {
       outline: 2px solid hsl(var(--er));
@@ -3584,7 +3615,8 @@ body[dir="rtl"] .checkbox:checked,
   height: 1.5rem;
   width: 3rem;
   cursor: pointer;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   border-width: 1px;
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
   --tw-border-opacity: 0.2;
@@ -3681,7 +3713,9 @@ body[dir="rtl"] .checkbox:checked,
 }
 .tooltip:before, .tooltip:after {
   opacity: 0;
+  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
   transition-delay: 100ms;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);