daisyui 2.3.7-alpha.3 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisyui",
-  "version": "2.3.7-alpha.3",
+  "version": "2.4.0",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",
@@ -29,6 +29,7 @@
   "main": "src/index.js",
   "typings": "src/index.js",
   "files": [
+    "src/lib/**/*.js",
     "dist/*.js",
     "dist/{themes,styled,unstyled,full}.css",
     "!dist/*.rtl.css",

package/src/lib/postcss-prefixer/index.js

@@ -0,0 +1,87 @@
+const Tokenizer = require('css-selector-tokenizer');
+const {
+  parseAttrSelector,
+  attrStringify,
+  itMatchesOne,
+} = require('./utils');
+
+function prefixNode(node, prefix) {
+  if (['class', 'id'].includes(node.type)) {
+    return {
+      ...node,
+      name: `${prefix}${node.name}`,
+    };
+  }
+
+  if (['attribute'].includes(node.type) && node.content) {
+    const {
+      type, operator, head, classes, foot,
+    } = parseAttrSelector(node);
+
+    if (!['class', 'id'].includes(type)) return node;
+
+    return {
+      ...node,
+      content: attrStringify({
+        type,
+        operator,
+        head,
+        classes: classes.map((cls) => `${prefix}${cls}`),
+        foot,
+      }),
+    }
+  }
+
+  return node;
+}
+
+function iterateSelectorNodes(selector, options) {
+  const { prefix, ignore } = options;
+  return {
+    ...selector,
+    nodes: selector.nodes.map((node) => {
+      if (['selector', 'nested-pseudo-class'].includes(node.type)) {
+        return iterateSelectorNodes(node, options);
+      }
+
+      if (itMatchesOne(ignore, Tokenizer.stringify(node))) return node;
+
+      return prefixNode(node, prefix);
+    }),
+  };
+}
+
+/**
+ * @type {import('postcss').PluginCreator}
+ */
+module.exports = (opts = {}) => {
+  const { prefix, ignore } = {
+    prefix: '',
+    ignore: [],
+    ...opts,
+  };
+
+  if (typeof prefix !== 'string') {
+    throw new Error('@postcss-prefix: prefix option should be of type string.');
+  }
+
+  if (!Array.isArray(ignore)) {
+    throw new Error('@postcss-prefix: ignore options should be an Array.');
+  }
+
+  if (!prefix.length) return;
+
+  return {
+    postcssPlugin: 'postcss-prefixer',
+    Root(root, postcss) {
+      root.walkRules((rule) => {
+        const parsed = Tokenizer.parse(rule.selector);
+        const selector = iterateSelectorNodes(parsed, { prefix, ignore });
+
+        rule.selector = Tokenizer.stringify(selector);
+      });
+    },
+  };
+}
+
+module.exports.postcss = true

package/src/lib/postcss-prefixer/utils.js

@@ -0,0 +1,29 @@
+module.exports = {
+
+  itMatchesOne(arr, term) {
+    return arr.some((i) => term.search(i) >= 0);
+  },
+
+  parseAttrSelector(node) {
+    const { content } = node;
+    const regex = /(^class|^id)([*^?~|$=]*)+(?:("\s*)([^"\\]*?(?:\\.[^"\\]*)*?)(\s*")|('\s*)([^'\\]*?(?:\\.[^'\\]*)*?)(\s*'))/i;
+
+    const [type, operator, head, classes, foot] = content
+      .split(regex)
+      .filter((part) => part);
+
+    return {
+      type,
+      operator,
+      head,
+      classes: classes ? classes.split(' ').map((c) => c.replace(/"|'/g, '')) : [],
+      foot,
+    };
+  },
+
+  attrStringify({
+    type, operator, head, classes, foot,
+  }) {
+    return `${type}${operator || ''}${head || ''}${classes.join(' ')}${foot || ''}`;
+  },
+};

package/src/lib/responsiveRegex.js

@@ -0,0 +1 @@
+module.exports = { pattern: /.(sm|md|lg|xl)/, variants: ["sm", "md", "lg", "xl"] };