postcss-focus-within 5.0.0 → 5.0.1

package/dist/index.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+const selectorRegExp = /(?<!\\):focus-within([^\w-]|$)/gi;
+
+const plugin = opts => {
+  const replaceWith = String(Object(opts).replaceWith || '[focus-within]');
+  const preserve = Boolean('preserve' in Object(opts) ? opts.preserve : true);
+  return {
+    postcssPlugin: 'postcss-focus-within',
+    Rule: rule => {
+      var _rule$prev;
+
+      if (!selectorRegExp.test(rule.selector)) {
+        return;
+      }
+
+      const selector = rule.selector.replace(selectorRegExp, ($0, $1) => `${replaceWith}${$1}`); // Check is the rule is processed yet
+
+      if (preserve && ((_rule$prev = rule.prev()) === null || _rule$prev === void 0 ? void 0 : _rule$prev.selector) === selector) {
+        return;
+      }
+
+      const clone = rule.clone({
+        selector
+      });
+
+      if (preserve) {
+        rule.before(clone);
+      } else {
+        rule.replaceWith(clone);
+      }
+    }
+  };
+};
+
+plugin.postcss = true;
+
+module.exports = plugin;

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export type PluginOptions = {
+	/** Defines whether the original selector should remain. */
+	preserve?: boolean
+	/** Defines the selector to replace `:focus-within`. */
+	replaceWith?: string
+}
+
+export type Plugin = {
+	(pluginOptions?: PluginOptions): {
+		postcssPlugin: 'postcss-focus-within'
+	}
+	postcss: true
+}
+
+declare const plugin: Plugin
+
+export default plugin

package/dist/index.mjs

@@ -0,0 +1,36 @@
+const selectorRegExp = /(?<!\\):focus-within([^\w-]|$)/gi;
+
+const plugin = opts => {
+  const replaceWith = String(Object(opts).replaceWith || '[focus-within]');
+  const preserve = Boolean('preserve' in Object(opts) ? opts.preserve : true);
+  return {
+    postcssPlugin: 'postcss-focus-within',
+    Rule: rule => {
+      var _rule$prev;
+
+      if (!selectorRegExp.test(rule.selector)) {
+        return;
+      }
+
+      const selector = rule.selector.replace(selectorRegExp, ($0, $1) => `${replaceWith}${$1}`); // Check is the rule is processed yet
+
+      if (preserve && ((_rule$prev = rule.prev()) === null || _rule$prev === void 0 ? void 0 : _rule$prev.selector) === selector) {
+        return;
+      }
+
+      const clone = rule.clone({
+        selector
+      });
+
+      if (preserve) {
+        rule.before(clone);
+      } else {
+        rule.replaceWith(clone);
+      }
+    }
+  };
+};
+
+plugin.postcss = true;
+
+export { plugin as default };

package/package.json

@@ -1,14 +1,22 @@
 {
   "name": "postcss-focus-within",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "Use the :focus-within pseudo-selector in CSS",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",
   "repository": "csstools/postcss-focus-within",
   "homepage": "https://github.com/csstools/postcss-focus-within#readme",
   "bugs": "https://github.com/csstools/postcss-focus-within/issues",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.mjs",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -17,6 +25,7 @@
     "build:watch": "npx rollup -c .rollup.js --watch",
     "lint": "npx eslint --cache src",
     "lint:fix": "npx eslint --cache --fix",
+    "prepublishOnly": "npm test",
     "pretest": "npm install && npm run build",
     "test": "npm run lint && npm run tape",
     "tape": "npx postcss-tape"
@@ -34,8 +43,9 @@
     "postcss": "8.3.6",
     "postcss-tape": "6.0.1",
     "pre-commit": "1.2.2",
-    "rollup": "2.56.3",
-    "rollup-plugin-babel": "4.4.0"
+    "rollup": "2.57.0",
+    "rollup-plugin-babel": "4.4.0",
+    "rollup-plugin-copy": "^3.4.0"
   },
   "babel": {
     "presets": [
@@ -61,16 +71,27 @@
   "rollup": {
     "input": "src/index.js",
     "plugins": [
-      "rollup-plugin-babel"
+      "rollup-plugin-babel",
+      [
+        "rollup-plugin-copy",
+        {
+          "targets": [
+            {
+              "src": "./src/index.d.ts",
+              "dest": "./dist"
+            }
+          ]
+        }
+      ]
     ],
     "output": [
       {
         "exports": "default",
-        "file": "dist/index.cjs.js",
+        "file": "dist/index.cjs",
         "format": "cjs"
       },
       {
-        "file": "dist/index.esm.js",
+        "file": "dist/index.mjs",
         "format": "esm"
       }
     ]