Allow :focus-visible to appear escaped in a selector

Author: thecrypticace

plugins/postcss-focus-visible/index.js

@@ -1,6 +1,6 @@
 import postcss from 'postcss';
 
-const selectorRegExp = /:focus-visible([^\w-]|$)/gi;
+const selectorRegExp = /(?<!\\):focus-visible([^\w-]|$)/gi;
 
 export default postcss.plugin('postcss-focus-visible', opts => {
 	const replaceWith = String(Object(opts).replaceWith || '.focus-visible');

plugins/postcss-focus-visible/test/basic.css

@@ -25,3 +25,10 @@ test :matches(test :focus-visible :focus-visible test) test {
 :focus-visibleignore {
 	order: 3;
 }
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible:focus-visible,
+.escaped\:times\:two:focus-visible {
+	order: 4;
+}

plugins/postcss-focus-visible/test/basic.expect.css

@@ -46,3 +46,17 @@ test :matches(test :focus-visible :focus-visible test) test {
 :focus-visibleignore {
 	order: 3;
 }
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible.focus-visible,
+.escaped\:times\:two.focus-visible {
+	order: 4;
+}
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible:focus-visible,
+.escaped\:times\:two:focus-visible {
+	order: 4;
+}

plugins/postcss-focus-visible/test/basic.preserve.expect.css

@@ -25,3 +25,10 @@ test :matches(test .focus-visible .focus-visible test) test {
 :focus-visibleignore {
 	order: 3;
 }
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible.focus-visible,
+.escaped\:times\:two.focus-visible {
+	order: 4;
+}

plugins/postcss-focus-visible/test/basic.replacewith.expect.css

@@ -46,3 +46,17 @@ test :matches(test :focus-visible :focus-visible test) test {
 :focus-visibleignore {
 	order: 3;
 }
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible[focus-visible],
+.escaped\:times\:two[focus-visible] {
+	order: 4;
+}
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible:focus-visible,
+.escaped\:times\:two:focus-visible {
+	order: 4;
+}

plugins/postcss-focus-visible/test/basic.replacewith.result.css

@@ -46,3 +46,17 @@ test :matches(test :focus-visible :focus-visible test) test {
 :focus-visibleignore {
 	order: 3;
 }
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible[focus-visible],
+.escaped\:times\:two[focus-visible] {
+	order: 4;
+}
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible:focus-visible,
+.escaped\:times\:two:focus-visible {
+	order: 4;
+}

plugins/postcss-focus-visible/test/basic.result.css

@@ -46,3 +46,17 @@ test :matches(test :focus-visible :focus-visible test) test {
 :focus-visibleignore {
 	order: 3;
 }
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible.focus-visible,
+.escaped\:times\:two.focus-visible {
+	order: 4;
+}
+
+.escaped\:focus-visible,
+.escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible:focus-visible,
+.escaped\:times\:two:focus-visible {
+	order: 4;
+}