Update dependencies + remove visited variant

Author: benface

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project mostly adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.2.0] - 2019-09-02
+
+### Removed
+- Removed the `visited` variant since it is now built in to Tailwind
+
 ## [2.1.0] - 2019-07-11
 
 ### Added
@@ -23,7 +28,8 @@ No change since 2.0.0-beta.1
 
 Initial release
 
-[Unreleased]: https://github.com/benface/tailwindcss-interaction-variants/compare/v2.1.0...HEAD
+[Unreleased]: https://github.com/benface/tailwindcss-interaction-variants/compare/v2.2.0...HEAD
+[2.2.0]: https://github.com/benface/tailwindcss-interaction-variants/compare/v2.1.0...v2.2.0
 [2.1.0]: https://github.com/benface/tailwindcss-interaction-variants/compare/v2.0.0...v2.1.0
 [2.0.0]: https://github.com/benface/tailwindcss-interaction-variants/compare/v2.0.0-beta.1...v2.0.0
 [2.0.0-beta.1]: https://github.com/benface/tailwindcss-interaction-variants/compare/v1.0.0...v2.0.0-beta.1

README.md

@@ -17,7 +17,7 @@ npm install tailwindcss-interaction-variants
     },
   },
   variants: {
-    backgroundColor: ['hocus', 'group-hocus', 'group-focus', 'group-active', 'visited'],
+    backgroundColor: ['hocus', 'group-hocus', 'group-focus', 'group-active'],
   },
   plugins: [
     require('tailwindcss-interaction-variants')(),
@@ -47,8 +47,4 @@ The above configuration would generate the following CSS:
 .group:active .group-active\:bg-black {
   background-color: black;
 }
-
-.visited\:bg-black:visited {
-  background-color: black;
-}
 ```

index.js

@@ -1,19 +1,6 @@
 const _ = require('lodash');
 const selectorParser = require('postcss-selector-parser');
 
-const pseudoClassVariant = function(pseudoClass) {
-  return ({ modifySelectors, separator }) => {
-    return modifySelectors(({ selector }) => {
-      return selectorParser(selectors => {
-        selectors.walkClasses(classNode => {
-          classNode.value = `${pseudoClass}${separator}${classNode.value}`;
-          classNode.parent.insertAfter(classNode, selectorParser.pseudo({ value: `:${pseudoClass}` }));
-        })
-      }).processSync(selector);
-    });
-  };
-};
-
 const groupPseudoClassVariant = function(pseudoClass) {
   return ({ modifySelectors, separator }) => {
     return modifySelectors(({ selector }) => {
@@ -29,7 +16,6 @@ const groupPseudoClassVariant = function(pseudoClass) {
 
 module.exports = function() {
   return ({ addVariant, e }) => {
-    addVariant('visited', pseudoClassVariant('visited'));
     addVariant('group-focus', groupPseudoClassVariant('focus'));
     addVariant('group-active', groupPseudoClassVariant('active'));