daisyui 4.1.0-alpha.1 → 4.1.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisyui",
-  "version": "4.1.0-alpha.1",
+  "version": "4.1.0-alpha.2",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",

package/src/theming/functions.js

@@ -3,6 +3,9 @@ import { variables, themesOrder } from "./themeDefaults"
 
 import { toGamut, interpolate, wcagContrast } from "culori"
 
+const cutNumber = (number) => (number ? +number.toFixed(6) : 0)
+const toGamutOKLCH = toGamut("oklch")
+
 export function isDark(color) {
   if (wcagContrast(color, "black") < wcagContrast(color, "white")) {
     return true
@@ -10,14 +13,8 @@ export function isDark(color) {
   return false
 }
 export function colorObjToString(input) {
-  const cut = (number) => {
-    if (!number) {
-      return 0
-    }
-    return +number.toFixed(6)
-  }
-  const { l, c, h } = input
-  return `${cut(l)} ${cut(c)} ${cut(h)}`
+  const { colorLightness, colorChroma, colorHue } = input
+  return `${cutNumber(colorLightness)} ${cutNumber(colorChroma)} ${cutNumber(colorHue)}`
 }
 export function generateForegroundColorFrom(input, percentage = 0.8) {
   const result = interpolate([input, isDark(input) ? "white" : "black"], "oklch")(percentage)
@@ -36,7 +33,7 @@ export function convertColorFormat(input) {
 
   Object.entries(input).forEach(([rule, value]) => {
     if (colorNames.hasOwnProperty(rule)) {
-      const colorObj = toGamut("oklch")(value)
+      const colorObj = toGamutOKLCH("oklch")(value)
       resultObj[colorNames[rule]] = colorObjToString(colorObj)
     } else {
       resultObj[rule] = value