daisyui 4.12.17 → 4.12.18

package/dist/full.css

@@ -2176,7 +2176,8 @@ hr {
 Add the correct text decoration in Chrome, Edge, and Safari.
 */
 abbr:where([title]) {
-  text-decoration: underline dotted;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
 }
 /*
 Remove the default font size and weight for headings.
@@ -2564,7 +2565,9 @@ html {
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -2702,7 +2705,8 @@ html {
     min-height: 3rem;
     flex-shrink: 0;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
@@ -3026,7 +3030,8 @@ html {
     outline-offset: -3px;
     outline-color: var(--fallback-bc,oklch(var(--bc)/0.05));
     --tw-backdrop-blur: blur(8px);
-    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
+    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
 .diff-item-2 {
     overflow: hidden;
     border-right-width: 2px;
@@ -3154,7 +3159,9 @@ html {
     --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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms}
@@ -3340,7 +3347,8 @@ html {
     height: 100%;
     flex-shrink: 0;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
@@ -3350,7 +3358,9 @@ html {
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 1em;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -3394,7 +3404,8 @@ html {
     flex-direction: column}
 .label {
     display: flex;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     align-items: center;
     justify-content: space-between;
     padding-left: 0.25rem;
@@ -3561,10 +3572,12 @@ html {
     align-items: center;
     gap: 0.5rem;
     grid-auto-columns: minmax(auto, max-content) auto max-content;
-    user-select: none}
+    -webkit-user-select: none;
+            user-select: none}
 .menu li.disabled {
     cursor: not-allowed;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     color: var(--fallback-bc,oklch(var(--bc)/0.3))}
 .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
     display: none}
@@ -3658,7 +3671,9 @@ html {
     --tw-bg-opacity: 1;
     background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
     padding: 1.5rem;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -3788,7 +3803,8 @@ html {
 .select {
     display: inline-flex;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     appearance: none;
     height: 3rem;
     min-height: 3rem;
@@ -3896,7 +3912,8 @@ html {
 .swap {
     position: relative;
     display: inline-grid;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     place-content: center;
     cursor: pointer}
 .swap > * {
@@ -3932,7 +3949,8 @@ html {
     display: inline-flex;
     height: 2rem;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     appearance: none;
     flex-wrap: wrap;
     align-items: center;
@@ -5230,7 +5248,9 @@ details.collapse summary::-webkit-details-marker {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     text-align: start;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
@@ -27550,7 +27570,9 @@ details.collapse summary::-webkit-details-marker {
 .ring-offset-warning\/95 {
     --tw-ring-offset-color: var(--fallback-wa,oklch(var(--wa)/0.95))}
 .transition {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms}
 .transition-all {
@@ -27578,7 +27600,8 @@ details.collapse summary::-webkit-details-marker {
 .glass,
   .glass.btn-active {
     border: none;
-    backdrop-filter: blur(var(--glass-blur, 40px));
+    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
+            backdrop-filter: blur(var(--glass-blur, 40px));
     background-color: transparent;
     background-image: linear-gradient(
         135deg,
@@ -27596,7 +27619,8 @@ details.collapse summary::-webkit-details-marker {
 @media (hover: hover) {
     .glass.btn-active {
         border: none;
-        backdrop-filter: blur(var(--glass-blur, 40px));
+        -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
+                backdrop-filter: blur(var(--glass-blur, 40px));
         background-color: transparent;
         background-image: linear-gradient(
           135deg,
@@ -28764,7 +28788,9 @@ html:has(.drawer-open.drawer-open) {
 .tooltip:before,
 .tooltip:after {
     opacity: 0;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
     transition-delay: 100ms;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisyui",
-  "version": "4.12.17",
+  "version": "4.12.18",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",

package/src/lib/responsiveRegex.js

@@ -9,12 +9,12 @@ module.exports = [
     pattern: /.*/,
   },
   {
-    // responsive utilites for daisyUI responsive modifiers
+    // responsive utilities for daisyUI responsive modifiers
     pattern: /.(sm|md|lg|xl)/,
     variants: ["sm", "md", "lg", "xl"],
   },
   {
-    // responsive utilites for daisyUI components
+    // responsive utilities for daisyUI components
     pattern:
       /(drawer-open|modal-(middle|top|bottom)|card-(side|compact|normal)|(stats|divider)-(horizontal|vertical)|dropdown-(end|top|bottom|left|right))/,
     variants: ["sm", "md", "lg", "xl"],