daisyui 4.2.0 → 4.2.2

package/package.json

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

package/src/index.js

@@ -7,12 +7,12 @@ import { magenta, dim, yellow, blue, reset, green } from "picocolors"
 import postcssPrefix from "./lib/addPrefix"
 
 import { version, funding } from "../package.json"
-import utilities from "../dist/utilities"
-import base from "../dist/base"
-import unstyled from "../dist/unstyled"
-import styled from "../dist/styled"
-import utilitiesUnstyled from "../dist/utilities-unstyled"
-import utilitiesStyled from "../dist/utilities-styled"
+import utilities from "../dist/utilities.cjs"
+import base from "../dist/base.cjs"
+import unstyled from "../dist/unstyled.cjs"
+import styled from "../dist/styled.cjs"
+import utilitiesUnstyled from "../dist/utilities-unstyled.cjs"
+import utilitiesStyled from "../dist/utilities-styled.cjs"
 import { themes } from "./theming/themes"
 import { injectThemes } from "./theming/functions"
 import { utilityClasses } from "./lib/utility-classes"

package/src/theming/functions.js

@@ -12,8 +12,7 @@ export function isDark(color) {
   }
   return false
 }
-export function colorObjToString(input) {
-  const { l, c, h } = input
+export function colorObjToString({ l, c, h }) {
   return `${cutNumber(l)} ${cutNumber(c)} ${cutNumber(h)}`
 }
 export function generateForegroundColorFrom(input, percentage = 0.8) {
@@ -32,7 +31,7 @@ export function convertColorFormat(input) {
   const resultObj = {}
 
   Object.entries(input).forEach(([rule, value]) => {
-    if (colorNames.hasOwnProperty(rule)) {
+    if (Object.hasOwn(colorNames, rule)) {
       const colorObj = toGamutOKLCH(value)
       resultObj[colorNames[rule]] = colorObjToString(colorObj)
     } else {
@@ -114,15 +113,14 @@ export function convertColorFormat(input) {
     }
 
     // add css variables if not exist
-    Object.entries(variables).forEach((item) => {
-      const [variable, value] = item
+    Object.entries(variables).forEach(([variable, value]) => {
       if (!Object.hasOwn(input, variable)) {
         resultObj[variable] = value
       }
     })
 
     // add other custom styles
-    if (!colorNames.hasOwnProperty(rule)) {
+    if (!Object.hasOwn(colorNames, rule)) {
       resultObj[rule] = value
     }
   })