daisyui 2.50.1 → 2.51.0

package/dist/styled.css

@@ -52,7 +52,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  transition-property: color, background-color, border-color, outline-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;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   height: 1.25rem;
@@ -117,7 +117,7 @@
   justify-content: center;
   border-color: transparent;
   text-align: center;
-  transition-property: color, background-color, border-color, outline-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;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -682,7 +682,7 @@
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2;
-    transition-property: color, background-color, border-color, outline-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;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
@@ -703,7 +703,7 @@
     text-align: center;
     font-size: 0.875rem;
     line-height: 1.25rem;
-    transition-property: color, background-color, border-color, outline-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;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     line-height: 1em
@@ -779,7 +779,7 @@
   }
 .input {
     flex-shrink: 1;
-    transition-property: color, background-color, border-color, outline-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;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     height: 3rem;
@@ -1256,7 +1256,7 @@
 }
 .textarea {
     flex-shrink: 1;
-    transition-property: color, background-color, border-color, outline-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;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     min-height: 3rem;
@@ -2419,7 +2419,7 @@
   }
 }
 
-/* backward comptability */
+/* backward compatibility */
 
 .checkbox-mark {
   display: none;
@@ -2620,7 +2620,7 @@
     --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, outline-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;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
@@ -3204,7 +3204,7 @@
 .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
   outline: 2px solid transparent;
   outline-offset: 2px;
-  transition-property: color, background-color, border-color, outline-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;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -3391,7 +3391,7 @@
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
   padding: 1.5rem;
-  transition-property: color, background-color, border-color, outline-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;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   width: 91.666667%;
@@ -3746,7 +3746,7 @@
   }
 }
 
-/* backward comptability */
+/* backward compatibility */
 
 .radio-mark {
   display: none;
@@ -3878,7 +3878,7 @@
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
   padding-right: 2.5rem;
   font-weight: 600;
-  transition-property: color, background-color, border-color, outline-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;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: var(--rounded-btn, 0.5rem);
@@ -4019,7 +4019,7 @@
     padding-bottom: 1rem
 }
 .stat-title {
-    opacity: 0.6
+    color: hsl(var(--bc) / 0.6)
 }
 .stat-value {
     font-size: 2.25rem;
@@ -4029,7 +4029,7 @@
 .stat-desc {
     font-size: 0.75rem;
     line-height: 1rem;
-    opacity: 0.6
+    color: hsl(var(--bc) / 0.6)
 }
 .stat-actions {
     margin-top: 1rem
@@ -4240,7 +4240,7 @@
   padding-left: var(--tab-padding, 1rem);
   padding-right: var(--tab-padding, 1rem);
 }
-  .tab.tab-active {
+  .tab.tab-active:not(.tab-disabled):not([disabled]) {
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
   --tw-border-opacity: 1;
   --tw-text-opacity: 1;
@@ -4257,6 +4257,15 @@
       border-bottom-right-radius: var(--tab-radius, 0.5rem);
       border-bottom-left-radius: var(--tab-radius, 0.5rem);
     }
+  /* disabled */
+  .tab-disabled,
+  .tab-disabled:hover,
+  .tab[disabled],
+  .tab[disabled]:hover {
+  cursor: not-allowed;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  --tw-text-opacity: 0.2;
+}
 .tab-bordered {
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
   --tw-border-opacity: 0.2;
@@ -4273,7 +4282,7 @@
   padding-right: var(--tab-padding, 1rem);
   padding-top: var(--tab-border, 1px);
 }
-.tab-lifted.tab-active {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) {
     background-color: var(--tab-bg);
     border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
     border-left-color: var(--tab-border-color);
@@ -4284,8 +4293,8 @@
     padding-bottom: var(--tab-border, 1px);
     padding-top: 0;
   }
-.tab-lifted.tab-active:before,
-    .tab-lifted.tab-active:after {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before,
+    .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
       z-index: 1;
       content: "";
       display: block;
@@ -4296,31 +4305,31 @@
       --tab-grad: calc(68% - var(--tab-border, 1px));
       --tab-corner-bg: radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.3px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));
     }
-.tab-lifted.tab-active:before {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
       left: calc(var(--tab-radius, 0.5rem) * -1);
       --circle-pos: top left;
       background-image: var(--tab-corner-bg);
     }
 /* RTL quick fix */
-[dir="rtl"] .tab-lifted.tab-active:before {
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
         --circle-pos: top right;
       }
-.tab-lifted.tab-active:after {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
       right: calc(var(--tab-radius, 0.5rem) * -1);
       --circle-pos: top right;
       background-image: var(--tab-corner-bg);
     }
 /* RTL quick fix */
-[dir="rtl"] .tab-lifted.tab-active:after {
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
         --circle-pos: top left;
       }
-.tab-lifted.tab-active:first-child:before {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before {
       background: none;
     }
-.tab-lifted.tab-active:last-child:after {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:after {
       background: none;
     }
-.tab-lifted.tab-active + .tab-lifted.tab-active:before {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
     background: none;
   }
 .tabs-boxed {
@@ -4329,14 +4338,16 @@
   padding: 0.25rem;
   border-radius: var(--rounded-btn, 0.5rem);
 }
-.tabs-boxed .tab-active {
+.tabs-boxed .tab {
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
-  border-radius: var(--rounded-btn, 0.5rem);
 }
-.tabs-boxed .tab-active:hover {
+.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
@@ -4649,7 +4660,7 @@
     --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset, var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;
 }
 
-/* backward comptability */
+/* backward compatibility */
 
 .toggle-mark {
   display: none;
@@ -4666,7 +4677,7 @@
 .tooltip:before,
 .tooltip:after {
   opacity: 0;
-  transition-property: color, background-color, border-color, outline-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;
   transition-delay: 100ms;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);