diff --git a/data/prefixes.js b/data/prefixes.js index b3ea4603b..b865252e5 100644 --- a/data/prefixes.js +++ b/data/prefixes.js @@ -1077,16 +1077,6 @@ f(prefixOverscroll, { match: /a #1/ }, browsers => }) ) -// color-adjust -let prefixColorAdjust = require('caniuse-lite/data/features/css-color-adjust') - -f(prefixColorAdjust, browsers => - prefix(['color-adjust'], { - feature: 'css-color-adjust', - browsers - }) -) - // text-orientation let prefixTextOrientation = require('caniuse-lite/data/features/css-text-orientation') @@ -1096,3 +1086,13 @@ f(prefixTextOrientation, browsers => browsers }) ) + +// print-color-adjust +let prefixPrintAdjust = require('caniuse-lite/data/features/css-print-color-adjust') + +f(prefixPrintAdjust, browsers => + prefix(['print-color-adjust', 'color-adjust'], { + feature: 'css-print-color-adjust', + browsers + }) +) diff --git a/lib/hacks/color-adjust.js b/lib/hacks/print-color-adjust.js similarity index 59% rename from lib/hacks/color-adjust.js rename to lib/hacks/print-color-adjust.js index 0a2ff5cef..385dc52b2 100644 --- a/lib/hacks/color-adjust.js +++ b/lib/hacks/print-color-adjust.js @@ -1,6 +1,6 @@ let Declaration = require('../declaration') -class ColorAdjust extends Declaration { +class PrintColorAdjust extends Declaration { /** * Change property name for WebKit-based browsers */ @@ -12,10 +12,10 @@ class ColorAdjust extends Declaration { * Return property name by spec */ normalize() { - return 'color-adjust' + return 'print-color-adjust' } } -ColorAdjust.names = ['color-adjust', 'print-color-adjust'] +PrintColorAdjust.names = ['print-color-adjust', 'color-adjust'] -module.exports = ColorAdjust +module.exports = PrintColorAdjust diff --git a/lib/prefixes.js b/lib/prefixes.js index 799ec4bb0..2cd497a53 100644 --- a/lib/prefixes.js +++ b/lib/prefixes.js @@ -33,7 +33,6 @@ let hackAlignItems = require('./hacks/align-items') let hackUserSelect = require('./hacks/user-select') let hackFlexShrink = require('./hacks/flex-shrink') let hackBreakProps = require('./hacks/break-props') -let hackColorAdjust = require('./hacks/color-adjust') let hackWritingMode = require('./hacks/writing-mode') let hackBorderImage = require('./hacks/border-image') let hackAlignContent = require('./hacks/align-content') @@ -53,6 +52,7 @@ let hackBackgroundSize = require('./hacks/background-size') let hackGridRowColumn = require('./hacks/grid-row-column') let hackGridRowsColumns = require('./hacks/grid-rows-columns') let hackGridColumnAlign = require('./hacks/grid-column-align') +let hackPrintColorAdjust = require('./hacks/print-color-adjust') let hackOverscrollBehavior = require('./hacks/overscroll-behavior') let hackGridTemplateAreas = require('./hacks/grid-template-areas') let hackTextEmphasisPosition = require('./hacks/text-emphasis-position') @@ -92,7 +92,6 @@ Declaration.hack(hackAlignItems) Declaration.hack(hackUserSelect) Declaration.hack(hackFlexShrink) Declaration.hack(hackBreakProps) -Declaration.hack(hackColorAdjust) Declaration.hack(hackWritingMode) Declaration.hack(hackBorderImage) Declaration.hack(hackAlignContent) @@ -114,6 +113,7 @@ Declaration.hack(hackGridRowsColumns) Declaration.hack(hackGridColumnAlign) Declaration.hack(hackOverscrollBehavior) Declaration.hack(hackGridTemplateAreas) +Declaration.hack(hackPrintColorAdjust) Declaration.hack(hackTextEmphasisPosition) Declaration.hack(hackTextDecorationSkipInk) Value.hack(hackGradient) diff --git a/lib/processor.js b/lib/processor.js index c6ae4aabf..de13fb730 100644 --- a/lib/processor.js +++ b/lib/processor.js @@ -112,7 +112,13 @@ class Processor { let prop = decl.prop let value = decl.value - if (prop === 'grid-row-span') { + if (prop === 'color-adjust') { + result.warn( + 'Replace color-adjust to print-color-adjust. ' + + 'The color-adjust shorthand is currently deprecated.', + { node: decl } + ) + } else if (prop === 'grid-row-span') { result.warn( 'grid-row-span is not part of final Grid Layout. Use grid-row.', { node: decl } diff --git a/test/autoprefixer.test.js b/test/autoprefixer.test.js index 801fa3888..fd64f4538 100644 --- a/test/autoprefixer.test.js +++ b/test/autoprefixer.test.js @@ -243,7 +243,7 @@ const COMMONS = [ 'grid-template', 'grid-template-areas', 'grid-gap', - 'color-adjust' + 'print-color-adjust' ] test.after.each(() => { @@ -819,8 +819,20 @@ test('supports overscroll-behavior', () => { check('overscroll-behavior') }) -test('supports color-adjust', () => { - check('color-adjust') +test('supports print-color-adjust', () => { + let input = read('print-color-adjust') + let output = read('print-color-adjust.out') + let result = postcss([prefixer('print-color-adjust')]).process(input) + + equal(result.css, output) + equal( + result.warnings().map(i => i.toString()), + [ + 'autoprefixer: :2:3: Replace color-adjust ' + + 'to print-color-adjust. The color-adjust shorthand ' + + 'is currently deprecated.' + ] + ) }) test('supports backdrop-filter', () => { diff --git a/test/cases/color-adjust.css b/test/cases/print-color-adjust.css similarity index 57% rename from test/cases/color-adjust.css rename to test/cases/print-color-adjust.css index c95e38c57..3eb8d8ff6 100644 --- a/test/cases/color-adjust.css +++ b/test/cases/print-color-adjust.css @@ -3,5 +3,5 @@ } .b { - color-adjust: exact; + print-color-adjust: exact; } diff --git a/test/cases/color-adjust.out.css b/test/cases/print-color-adjust.out.css similarity index 77% rename from test/cases/color-adjust.out.css rename to test/cases/print-color-adjust.out.css index 6865a8f41..7ccee2b15 100644 --- a/test/cases/color-adjust.out.css +++ b/test/cases/print-color-adjust.out.css @@ -5,5 +5,5 @@ .b { -webkit-print-color-adjust: exact; - color-adjust: exact; + print-color-adjust: exact; }