daisyui 2.3.6 → 2.3.7-alpha.2

package/README.md

@@ -74,7 +74,7 @@ module.exports = {
 Loading CSS files from CDN is not recommended for production. It's better to install Tailwind and daisyUI as Nodejs dependencies so you can config/customize everything, and purge unused styles.
 
 ```html
-<link href="https://cdn.jsdelivr.net/npm/daisyui@2.3.5/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@2.3.6/dist/full.css" rel="stylesheet" type="text/css" />
 <script src="https://cdn.tailwindcss.com"></script>
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisyui",
-  "version": "2.3.6",
+  "version": "2.3.7-alpha.2",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",
@@ -73,6 +73,7 @@
   },
   "devDependencies": {
     "@parcel/css-cli": "^1.5.0",
+    "@types/css-selector-tokenizer": "^0.7.1",
     "autoprefixer": "10.0.4",
     "postcss-cli": "8.3.0",
     "postcss-import": "13.0.0",
@@ -82,12 +83,12 @@
   },
   "dependencies": {
     "color": "^4.2",
-    "postcss": "^8.1.6",
+    "css-selector-tokenizer": "^0.8.0",
     "postcss-js": "^4.0.0",
-    "postcss-prefixer": "^2.1.3",
     "tailwindcss": "^3.0"
   },
   "peerDependencies": {
-    "autoprefixer": "^10.0.2"
+    "autoprefixer": "^10.0.2",
+    "postcss": "^8.1.6"
   }
-}
+}

package/src/index.js

@@ -10,8 +10,6 @@ let utilitiesUnstyled = require("../dist/utilities-unstyled");
 let utilitiesStyled = require("../dist/utilities-styled");
 const themes = require("./colors/themes");
 const colorFunctions = require("./colors/functions");
-const postcssJs = require('postcss-js');
-// const postcssPrefix = require('postcss-prefixer');
 
 const mainFunction = ({ addBase, addComponents, addUtilities, config }) => {
   let diasyuiIncludedItems = [];
@@ -65,12 +63,22 @@ const mainFunction = ({ addBase, addComponents, addUtilities, config }) => {
   }
 
   // add prefix to class names if specified
-  const prefix = config('daisyui.prefix');
+  const prefix = config("daisyui.prefix")
+  let postcssJs, postcssPrefix
   if (prefix) {
-    // file = postcssJs.sync(postcssPrefix({
-    //   prefix: prefix,
-    //   ignore: []
-    // }))(file)
+    try {
+      postcssJs = require("postcss-js")
+      postcssPrefix = require('./lib/postcss-prefixer')
+    } catch (error) {
+      logs && console.error(`Error occurred and prevent applying the "prefix" option:`, error)
+    }
+  }
+  const shouldApplyPrefix = prefix && postcssPrefix && postcssJs
+  if (shouldApplyPrefix) {
+    file = postcssJs.sync(postcssPrefix({
+      prefix: prefix,
+      ignore: []
+    }))(file)
   }
 
   addComponents(file);
@@ -83,18 +91,18 @@ const mainFunction = ({ addBase, addComponents, addUtilities, config }) => {
   // inject @utilities style needed by components
   if (config("daisyui.utils") != false) {
     addComponents(utilities, { variants: ["responsive"] });
-    if (prefix) {
-      // utilitiesUnstyled = postcssJs.sync(postcssPrefix({
-      //   prefix: prefix,
-      //   ignore: []
-      // }))(utilitiesUnstyled)
+    if (shouldApplyPrefix) {
+      utilitiesUnstyled = postcssJs.sync(postcssPrefix({
+        prefix: prefix,
+        ignore: []
+      }))(utilitiesUnstyled)
     }
     addComponents(utilitiesUnstyled, { variants: ["responsive"] });
-    if (prefix) {
-      // utilitiesStyled = postcssJs.sync(postcssPrefix({
-      //   prefix: prefix,
-      //   ignore: []
-      // }))(utilitiesStyled)
+    if (shouldApplyPrefix) {
+      utilitiesStyled = postcssJs.sync(postcssPrefix({
+        prefix: prefix,
+        ignore: []
+      }))(utilitiesStyled)
     }
     addComponents(utilitiesStyled, { variants: ["responsive"] });
     diasyuiIncludedItems.push("utilities");