[color-adjust]: added support for color-adjust declarations (#1007)

* wip: added hack and test, awaiting for caniuse PR

* test(autprefixer): added `color-adjust` property to COMMONS

data/prefixes.js

@@ -779,3 +779,11 @@ f(over, { match: /a #1/ }, browsers =>
         browsers
     })
 );
+
+// color-adjust
+f(require('caniuse-lite/data/features/css-color-adjust.js'), browsers =>
+    prefix(['color-adjust'], {
+        feature: 'css-color-adjust',
+        browsers
+    })
+);

lib/hacks/color-adjust.js

@@ -0,0 +1,23 @@
+
+const Declaration = require('../declaration');
+
+class ColorAdjust extends Declaration {
+
+    static names = ['color-adjust'];
+
+    /**
+     * Change property name for -webkit browsers
+     */
+    prefixed(prop, prefix) {
+        return prefix + 'print-color-adjust';
+    }
+
+    /**
+     * Return property name by spec
+     */
+    normalize() {
+        return 'color-adjust';
+    }
+}
+
+module.exports = ColorAdjust;

lib/prefixes.js

@@ -51,6 +51,7 @@ Declaration.hack(require('./hacks/grid-column-align'));
 Declaration.hack(require('./hacks/overscroll-behavior'));
 Declaration.hack(require('./hacks/grid-template-areas'));
 Declaration.hack(require('./hacks/text-emphasis-position'));
+Declaration.hack(require('./hacks/color-adjust'));
 
 Value.hack(require('./hacks/gradient'));
 Value.hack(require('./hacks/intrinsic'));

test/autoprefixer.test.js

@@ -144,7 +144,7 @@ const COMMONS = [
     'advanced-filter', 'element', 'image-set', 'image-rendering',
     'mask-border', 'writing-mode', 'cross-fade', 'gradient-fix',
     'text-emphasis-position', 'grid', 'grid-area', 'grid-template',
-    'grid-template-areas'
+    'grid-template-areas', 'color-adjust'
 ];
 
 it('throws on wrong options', () => {
@@ -422,6 +422,7 @@ describe('hacks', () => {
     it('supports text-decoration',      () => test('text-decoration'));
     it('ignores modern direction',      () => test('animation'));
     it('supports overscroll-behavior',  () => test('overscroll-behavior'));
+    it('supports color-adjust',         () => test('color-adjust'));
 
     it('supports appearance for IE', () => {
         const instance = autoprefixer({ browsers: 'Edge 15' });

test/cases/color-adjust.css

@@ -0,0 +1,7 @@
+.economy {
+  color-adjsut: economy;
+}
+
+.exact {
+  color-adjsut: exact;
+}

test/cases/color-adjust.out.css

@@ -0,0 +1,9 @@
+.economy {
+  -webkit-print-color-adjust: economy;
+  color-adjsut: economy;
+}
+
+.exact {
+  -webkit-print-color-adjust: exact;
+  color-adjsut: exact;
+}