daisyui 4.3.0-alpha.8 → 4.3.1

package/dist/full.css

@@ -2173,7 +2173,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.
@@ -2552,7 +2553,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;
@@ -2707,7 +2710,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;
@@ -3030,7 +3034,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;
@@ -3158,7 +3163,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}
@@ -3329,7 +3336,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;
@@ -3339,7 +3347,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;
@@ -3383,7 +3393,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;
@@ -3540,10 +3551,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}
@@ -3637,7 +3650,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;
@@ -3771,7 +3786,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;
@@ -3879,7 +3895,8 @@ html {
 .swap {
     position: relative;
     display: inline-grid;
-    user-select: none;
+    -webkit-user-select: none;
+            user-select: none;
     place-content: center;
     cursor: pointer}
 .swap > * {
@@ -3914,7 +3931,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;
@@ -5202,7 +5220,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;
@@ -21190,7 +21210,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 {
@@ -21218,7 +21240,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,
@@ -21236,7 +21259,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,
@@ -22395,7 +22419,9 @@ details.collapse summary::-webkit-details-marker {
 .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.3.0-alpha.8",
+  "version": "4.3.1",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",

package/src/theming/functions.js

@@ -1,10 +1,10 @@
 const colorNames = require("./colorNames")
 const themeDefaults = require("./themeDefaults")
 
-const { toGamut, interpolate, wcagContrast } = require("culori")
+const { toGamut, interpolate, wcagContrast } = require("culori/require")
 
-const cutNumber = (number) => (number ? +number.toFixed(6) : 0);
-const toGamutOKLCH = toGamut("oklch");
+const cutNumber = (number) => (number ? +number.toFixed(6) : 0)
+const toGamutOKLCH = toGamut("oklch")
 
 module.exports = {
   isDark: (color) => {
@@ -37,7 +37,7 @@ module.exports = {
     const resultObj = {}
 
     Object.entries(input).forEach(([rule, value]) => {
-      if (Object.hasOwn(colorNames,rule)) {
+      if (Object.hasOwn(colorNames, rule)) {
         const colorObj = toGamutOKLCH(value)
         resultObj[colorNames[rule]] = this.colorObjToString(colorObj)
       } else {
@@ -128,7 +128,7 @@ module.exports = {
       })
 
       // add other custom styles
-      if (!Object.hasOwn(colorNames,rule)) {
+      if (!Object.hasOwn(colorNames, rule)) {
         resultObj[rule] = value
       }
     })