From 852ab92bc78cd27778dbbfd90b2b4e78b135c297 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9e=20Kooi?= <renee@kooi.me>
Date: Sat, 19 Sep 2020 12:38:21 +0200
Subject: [PATCH 1/3] Update to postcss 8

---
 package.json |  6 +++---
 src/index.js | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index d12b076..83c03c9 100644
--- a/package.json
+++ b/package.json
@@ -29,15 +29,15 @@
     "node": ">=10.0.0"
   },
   "dependencies": {
-    "postcss": "^7.0.27",
-    "postcss-values-parser": "^3.2.0"
+    "postcss-values-parser": "^4.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.9.5",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.8.0",
-    "postcss-tape": "^5.0.2",
+    "postcss": "^8.0.5",
+    "postcss-tape": "^6.0.0",
     "pre-commit": "^1.2.2",
     "rollup": "^2.7.2",
     "rollup-plugin-babel": "^4.4.0"
diff --git a/src/index.js b/src/index.js
index 70a4f2d..9f78cd5 100755
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,14 @@
-import postcss from 'postcss'
 import onCSSDeclaration from './onCSSDeclaration'
 import options from './options'
 
 /** Transform 4 & 8 character hex color notation in CSS. */
-const postcssPlugin = postcss.plugin('postcss-color-hex-alpha', /** @type {PostCSSPluginInitializer} */ opts => {
+export default function postcssColorHexAlpha(/** @type {PostCSSPluginInitializer} */ opts) {
 	options.preserve = 'preserve' in Object(opts) ? Boolean(opts.preserve) : false
 
-	return root => {
-		root.walkDecls(onCSSDeclaration)
+	return {
+		postcssPlugin: 'postcss-color-hex-alpha',
+		Declaration: onCSSDeclaration
 	}
-})
+}
 
-export default postcssPlugin
+postcssColorHexAlpha.postcss = true

From 1fc8bc1ca9e981e093203c31e8d8b20a3736ab9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9e=20Kooi?= <renee@kooi.me>
Date: Sat, 19 Sep 2020 12:39:28 +0200
Subject: [PATCH 2/3] remove `plugin.process()` from readme

---
 README.md | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/README.md b/README.md
index 29f7a33..b437fce 100755
--- a/README.md
+++ b/README.md
@@ -30,14 +30,6 @@ npm install postcss-color-hex-alpha --save-dev
 
 Use [PostCSS Color Hex Alpha] to process your CSS:
 
-```js
-const postcssColorHexAlpha = require('postcss-color-hex-alpha');
-
-postcssColorHexAlpha.process(YOUR_CSS /*, processOptions, pluginOptions */);
-```
-
-Or use it as a [PostCSS] plugin:
-
 ```js
 const postcss = require('postcss');
 const postcssColorHexAlpha = require('postcss-color-hex-alpha');

From afcf56c5e3268bbde72db5d33c38491c4ea30efb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9e=20Kooi?= <renee@kooi.me>
Date: Sat, 19 Sep 2020 12:40:05 +0200
Subject: [PATCH 3/3] add peerdep

---
 package.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/package.json b/package.json
index 83c03c9..a0103ca 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,9 @@
   "dependencies": {
     "postcss-values-parser": "^4.0.0"
   },
+  "peerDependencies": {
+    "postcss": "^8.0.0"
+  },
   "devDependencies": {
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.9.5",