From 20ae74d87ed202a54da3e5eb6302414b59049445 Mon Sep 17 00:00:00 2001
From: Maxime Thirouin <m@moox.io>
Date: Tue, 4 Jul 2017 15:57:00 +0200
Subject: [PATCH] Change: upgrade to PostCSS 6

For now just a (stupid) bump of all dependencies.

Some breaking changes:

- image-set polyfill change 2x from 144dpi to 192dpi
- whitespace changes for image-set polyfill output
- rebeccapurpule is now an hexa number
- custom-selector does not output useless (empty) blocks with a selector with no rules associated

You can expect some other since all postcss plugins used have been updated to latest versions. If you have unexpected regression, please check corresponding plugins changelog before opening an issue.
---
 package.json                                  | 62 +++++++++----------
 .../features/color-rebeccapurple.expected.css |  2 +-
 .../fixtures/features/image-set.expected.css  | 12 ++--
 .../fixtures/regression.expected.css          |  6 +-
 src/__tests__/option.browsers.js              |  2 +-
 5 files changed, 38 insertions(+), 46 deletions(-)

diff --git a/package.json b/package.json
index b9ad124..5a01b48 100644
--- a/package.json
+++ b/package.json
@@ -21,37 +21,37 @@
     "!**/__tests__"
   ],
   "dependencies": {
-    "autoprefixer": "^6.0.2",
-    "caniuse-api": "^1.5.3",
-    "chalk": "^1.1.1",
-    "pixrem": "^3.0.0",
-    "pleeease-filters": "^3.0.0",
-    "postcss": "^5.0.4",
-    "postcss-apply": "^0.3.0",
-    "postcss-attribute-case-insensitive": "^1.0.1",
-    "postcss-calc": "^5.0.0",
-    "postcss-color-function": "^2.0.0",
-    "postcss-color-gray": "^3.0.0",
-    "postcss-color-hex-alpha": "^2.0.0",
-    "postcss-color-hsl": "^1.0.5",
-    "postcss-color-hwb": "^2.0.0",
-    "postcss-color-rebeccapurple": "^2.0.0",
-    "postcss-color-rgb": "^1.1.4",
-    "postcss-color-rgba-fallback": "^2.0.0",
-    "postcss-custom-media": "^5.0.0",
-    "postcss-custom-properties": "^5.0.0",
-    "postcss-custom-selectors": "^3.0.0",
-    "postcss-font-family-system-ui": "^1.0.1",
-    "postcss-font-variant": "^2.0.0",
-    "postcss-image-set-polyfill": "^0.3.3",
-    "postcss-initial": "^1.3.1",
-    "postcss-media-minmax": "^2.1.0",
-    "postcss-nesting": "^2.0.5",
-    "postcss-pseudo-class-any-link": "^1.0.0",
-    "postcss-pseudoelements": "^3.0.0",
-    "postcss-replace-overflow-wrap": "^1.0.0",
-    "postcss-selector-matches": "^2.0.0",
-    "postcss-selector-not": "^2.0.0"
+    "autoprefixer": "^7.1.1",
+    "caniuse-api": "^2.0.0",
+    "chalk": "^2.0.1",
+    "pixrem": "^3.0.2",
+    "pleeease-filters": "^4.0.0",
+    "postcss": "^6.0.5",
+    "postcss-apply": "^0.8.0",
+    "postcss-attribute-case-insensitive": "^2.0.0",
+    "postcss-calc": "^6.0.0",
+    "postcss-color-function": "^4.0.0",
+    "postcss-color-gray": "^4.0.0",
+    "postcss-color-hex-alpha": "^3.0.0",
+    "postcss-color-hsl": "^2.0.0",
+    "postcss-color-hwb": "^3.0.0",
+    "postcss-color-rebeccapurple": "^3.0.0",
+    "postcss-color-rgb": "^2.0.0",
+    "postcss-color-rgba-fallback": "^2.2.0",
+    "postcss-custom-media": "^6.0.0",
+    "postcss-custom-properties": "^6.1.0",
+    "postcss-custom-selectors": "^4.0.1",
+    "postcss-font-family-system-ui": "^2.0.1",
+    "postcss-font-variant": "^3.0.0",
+    "postcss-image-set-polyfill": "^0.3.5",
+    "postcss-initial": "^2.0.0",
+    "postcss-media-minmax": "^3.0.0",
+    "postcss-nesting": "^4.0.1",
+    "postcss-pseudo-class-any-link": "^4.0.0",
+    "postcss-pseudoelements": "^4.0.0",
+    "postcss-replace-overflow-wrap": "^2.0.0",
+    "postcss-selector-matches": "^3.0.1",
+    "postcss-selector-not": "^3.0.1"
   },
   "peerDependencies": {
     "caniuse-db": "^1.0.30000652"
diff --git a/src/__tests__/fixtures/features/color-rebeccapurple.expected.css b/src/__tests__/fixtures/features/color-rebeccapurple.expected.css
index 17739fc..0dab2ec 100644
--- a/src/__tests__/fixtures/features/color-rebeccapurple.expected.css
+++ b/src/__tests__/fixtures/features/color-rebeccapurple.expected.css
@@ -1,3 +1,3 @@
 body {
-  background: rgb(102, 51, 153)
+  background: #639
 }
diff --git a/src/__tests__/fixtures/features/image-set.expected.css b/src/__tests__/fixtures/features/image-set.expected.css
index a4d629a..6d45d1a 100644
--- a/src/__tests__/fixtures/features/image-set.expected.css
+++ b/src/__tests__/fixtures/features/image-set.expected.css
@@ -1,13 +1,9 @@
 .image {
   background-image: url(img/test.png);
+}@media (min-resolution: 192dpi) {.image {
+  background-image: url(img/test-2x.png);
 }
-@media (min-resolution: 144dpi) {
-  .image {
-    background-image: url(img/test-2x.png);
-  }
+}@media (min-resolution: 600dpi) {.image {
+  background-image: url(my-img-print.png);
 }
-@media (min-resolution: 600dpi) {
-  .image {
-    background-image: url(my-img-print.png);
-  }
 }
diff --git a/src/__tests__/fixtures/regression.expected.css b/src/__tests__/fixtures/regression.expected.css
index 7bd116c..bbeb9aa 100644
--- a/src/__tests__/fixtures/regression.expected.css
+++ b/src/__tests__/fixtures/regression.expected.css
@@ -1,7 +1,3 @@
-.button {
-}
-
 .button i {
-
-    color: black
+    color: black;
 }
diff --git a/src/__tests__/option.browsers.js b/src/__tests__/option.browsers.js
index a753ff2..118c76b 100644
--- a/src/__tests__/option.browsers.js
+++ b/src/__tests__/option.browsers.js
@@ -13,7 +13,7 @@ tape("cssnext browsers option", function(t) {
   )
 
   const customPropsInput = ":root{--foo:bar}baz{qux:var(--foo)}"
-  const customPropsOutput = "baz{qux: bar}"
+  const customPropsOutput = "baz{qux:bar}"
 
   // fx 30 doesn't handle custom prop
   t.equal(