From 1760beb7db3b63e051b23eb7246c1c2e756fe0b7 Mon Sep 17 00:00:00 2001 From: Romain Menke <11521496+romainmenke@users.noreply.github.com> Date: Mon, 27 Nov 2023 08:22:49 +0100 Subject: [PATCH] Update chromatic adaptation matrices to higher precision (#1179) --- packages/color-helpers/CHANGELOG.md | 4 ++++ packages/color-helpers/dist/index.cjs | 8 ++++---- packages/color-helpers/dist/index.mjs | 8 ++++---- packages/color-helpers/scripts/hashes.json | 2 +- packages/color-helpers/src/conversions/d50-to-d65.ts | 6 +++--- packages/color-helpers/src/conversions/d65-to-d50.ts | 6 +++--- .../color-helpers/src/conversions/oklab-to-xyz.ts | 12 ++++++------ .../color-helpers/src/conversions/xyz-to-oklab.ts | 12 ++++++------ .../test/basic/color-mix-function-oklch.mjs | 2 +- .../css-color-parser/test/wpt/color-computed-lab.mjs | 2 +- .../test/wpt/color-computed-oklab.mjs | 4 ++-- .../test/basic.autoprefixer.expect.css | 2 +- .../test/basic.autoprefixer.false.expect.css | 2 +- .../postcss-preset-env/test/basic.ch38.expect.css | 2 +- .../test/basic.ch88-ff78-saf10.expect.css | 2 +- .../test/basic.ch88-ff78.expect.css | 2 +- .../test/basic.ch88-ff78.no-is-pseudo.expect.css | 2 +- .../postcss-preset-env/test/basic.expect.css | 2 +- .../postcss-preset-env/test/basic.ff49.expect.css | 2 +- .../postcss-preset-env/test/basic.ff66.expect.css | 2 +- .../postcss-preset-env/test/basic.hebrew.expect.css | 2 +- .../postcss-preset-env/test/basic.ie10.expect.css | 2 +- .../test/basic.nesting.false.expect.css | 2 +- .../postcss-preset-env/test/basic.op_mini.expect.css | 2 +- .../test/basic.preserve.false.expect.css | 2 +- .../test/basic.preserve.true.expect.css | 2 +- .../test/basic.safari15.expect.css | 2 +- .../test/basic.stage0-ff49.expect.css | 2 +- .../test/basic.stage0-ff66.expect.css | 2 +- .../postcss-preset-env/test/basic.stage0.expect.css | 2 +- .../test/basic.supports-query.expect.css | 2 +- .../test/basic.vendors-1.expect.css | 2 +- .../test/basic.vendors-2.expect.css | 2 +- .../test/basic.vendors-3.expect.css | 2 +- plugins/postcss-color-function/test/basic.expect.css | 2 +- .../test/basic.preserve-true.expect.css | 2 +- .../test/basic.with-cloned-rules.expect.css | 2 +- .../postcss-color-mix-function/test/basic.expect.css | 4 ++-- .../test/basic.preserve-true.expect.css | 4 ++-- .../test/basic.with-cloned-rules.expect.css | 4 ++-- .../test/basic.expect.css | 8 ++++---- .../test/basic.preserve-false.expect.css | 8 ++++---- .../test/basic.with-cloned-rules.expect.css | 8 ++++---- .../test/variables.expect.css | 6 +++--- .../test/variables.preserve-false.expect.css | 6 +++--- .../test/variables.preserve-true.expect.css | 6 +++--- ...iables.preserve-true.progressive-false.expect.css | 6 +++--- plugins/postcss-lab-function/test/basic.expect.css | 2 +- .../test/basic.preserve-true.expect.css | 2 +- .../test/basic.with-cloned-rules.expect.css | 2 +- plugins/postcss-slow-plugins/test/basic.expect.css | 2 +- 51 files changed, 95 insertions(+), 91 deletions(-) diff --git a/packages/color-helpers/CHANGELOG.md b/packages/color-helpers/CHANGELOG.md index 032f05787..4491e83e7 100644 --- a/packages/color-helpers/CHANGELOG.md +++ b/packages/color-helpers/CHANGELOG.md @@ -1,5 +1,9 @@ # Changes to Color Helpers +### Unreleased (patch) + +- Use higher precision color conversion matrices. + ### 3.0.2 _September 2, 2023_ diff --git a/packages/color-helpers/dist/index.cjs b/packages/color-helpers/dist/index.cjs index ca6c274bf..fd922c1e6 100644 --- a/packages/color-helpers/dist/index.cjs +++ b/packages/color-helpers/dist/index.cjs @@ -89,7 +89,7 @@ function lin_sRGB(t){return t.map((function(t){const _=t<0?-1:1,o=Math.abs(t);re * * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). */ -function D50_to_D65(t){return multiplyMatrices([[.9554734527042182,-.023098536874261423,.0632593086610217],[-.028369706963208136,1.0099954580058226,.021041398966943008],[.012314001688319899,-.020507696433477912,1.3303659366080753]],t)} +function D50_to_D65(t){return multiplyMatrices([[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]],t)} /** * Bradford chromatic adaptation from D65 to D50 * @license W3C https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document @@ -97,7 +97,7 @@ function D50_to_D65(t){return multiplyMatrices([[.9554734527042182,-.02309853687 * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). * * @see http://www.brucelindbloom.com/index.html?Eqn_ChromAdapt.html - */function D65_to_D50(t){return multiplyMatrices([[1.0479298208405488,.022946793341019088,-.05019222954313557],[.029627815688159344,.990434484573249,-.01707382502938514],[-.009243058152591178,.015055144896577895,.7518742899580008]],t)} + */function D65_to_D50(t){return multiplyMatrices([[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]],t)} /** * Convert an array of linear-light rec2020 RGB in the range 0.0-1.0 * to gamma corrected form ITU-R BT.2020-2 p.4 @@ -301,7 +301,7 @@ function OKLab_to_OKLCH(t){const _=180*Math.atan2(t[2],t[1])/Math.PI;return[t[0] * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). * * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js - */function OKLab_to_XYZ(t){const _=multiplyMatrices([[.9999999984505198,.39633779217376786,.2158037580607588],[1.0000000088817609,-.10556134232365635,-.06385417477170591],[1.0000000546724108,-.08948418209496575,-1.2914855378640917]],t);return multiplyMatrices([[1.2268798733741557,-.5578149965554813,.28139105017721583],[-.04057576262431372,1.1122868293970594,-.07171106666151701],[-.07637294974672142,-.4214933239627914,1.5869240244272418]],_.map((t=>t**3)))} + */function OKLab_to_XYZ(t){const _=multiplyMatrices([[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]],t);return multiplyMatrices([[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],_.map((t=>t**3)))} /** * Convert an array of gamma-corrected sRGB values in the 0.0 to 1.0 range to HSL. * @@ -367,7 +367,7 @@ function XYZ_to_Lab(t){const _=t.map(((t,_)=>t/r[_])).map((t=>t>.008856451679035 * * XYZ <-> LMS matrices recalculated for consistent reference white * @see https://github.com/w3c/csswg-drafts/issues/6642#issuecomment-943521484 - */function XYZ_to_OKLab(t){const _=multiplyMatrices([[.8190224432164319,.3619062562801221,-.12887378261216414],[.0329836671980271,.9292868468965546,.03614466816999844],[.048177199566046255,.26423952494422764,.6335478258136937]],t);return multiplyMatrices([[.2104542553,.793617785,-.0040720468],[1.9779984951,-2.428592205,.4505937099],[.0259040371,.7827717662,-.808675766]],_.map((t=>Math.cbrt(t))))} + */function XYZ_to_OKLab(t){const _=multiplyMatrices([[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],t);return multiplyMatrices([[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],_.map((t=>Math.cbrt(t))))} /** * Convert an array of three XYZ values to u*,v* chromaticity coordinates * diff --git a/packages/color-helpers/dist/index.mjs b/packages/color-helpers/dist/index.mjs index 5d1c126ab..331e6d50c 100644 --- a/packages/color-helpers/dist/index.mjs +++ b/packages/color-helpers/dist/index.mjs @@ -89,7 +89,7 @@ function lin_sRGB(t){return t.map((function(t){const _=t<0?-1:1,o=Math.abs(t);re * * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). */ -function D50_to_D65(t){return multiplyMatrices([[.9554734527042182,-.023098536874261423,.0632593086610217],[-.028369706963208136,1.0099954580058226,.021041398966943008],[.012314001688319899,-.020507696433477912,1.3303659366080753]],t)} +function D50_to_D65(t){return multiplyMatrices([[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]],t)} /** * Bradford chromatic adaptation from D65 to D50 * @license W3C https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document @@ -97,7 +97,7 @@ function D50_to_D65(t){return multiplyMatrices([[.9554734527042182,-.02309853687 * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). * * @see http://www.brucelindbloom.com/index.html?Eqn_ChromAdapt.html - */function D65_to_D50(t){return multiplyMatrices([[1.0479298208405488,.022946793341019088,-.05019222954313557],[.029627815688159344,.990434484573249,-.01707382502938514],[-.009243058152591178,.015055144896577895,.7518742899580008]],t)} + */function D65_to_D50(t){return multiplyMatrices([[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]],t)} /** * Convert an array of linear-light rec2020 RGB in the range 0.0-1.0 * to gamma corrected form ITU-R BT.2020-2 p.4 @@ -301,7 +301,7 @@ function OKLab_to_OKLCH(t){const _=180*Math.atan2(t[2],t[1])/Math.PI;return[t[0] * @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang). * * @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js - */function OKLab_to_XYZ(t){const _=multiplyMatrices([[.9999999984505198,.39633779217376786,.2158037580607588],[1.0000000088817609,-.10556134232365635,-.06385417477170591],[1.0000000546724108,-.08948418209496575,-1.2914855378640917]],t);return multiplyMatrices([[1.2268798733741557,-.5578149965554813,.28139105017721583],[-.04057576262431372,1.1122868293970594,-.07171106666151701],[-.07637294974672142,-.4214933239627914,1.5869240244272418]],_.map((t=>t**3)))} + */function OKLab_to_XYZ(t){const _=multiplyMatrices([[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]],t);return multiplyMatrices([[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],_.map((t=>t**3)))} /** * Convert an array of gamma-corrected sRGB values in the 0.0 to 1.0 range to HSL. * @@ -367,7 +367,7 @@ function XYZ_to_Lab(t){const _=t.map(((t,_)=>t/r[_])).map((t=>t>.008856451679035 * * XYZ <-> LMS matrices recalculated for consistent reference white * @see https://github.com/w3c/csswg-drafts/issues/6642#issuecomment-943521484 - */function XYZ_to_OKLab(t){const _=multiplyMatrices([[.8190224432164319,.3619062562801221,-.12887378261216414],[.0329836671980271,.9292868468965546,.03614466816999844],[.048177199566046255,.26423952494422764,.6335478258136937]],t);return multiplyMatrices([[.2104542553,.793617785,-.0040720468],[1.9779984951,-2.428592205,.4505937099],[.0259040371,.7827717662,-.808675766]],_.map((t=>Math.cbrt(t))))} + */function XYZ_to_OKLab(t){const _=multiplyMatrices([[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],t);return multiplyMatrices([[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],_.map((t=>Math.cbrt(t))))} /** * Convert an array of three XYZ values to u*,v* chromaticity coordinates * diff --git a/packages/color-helpers/scripts/hashes.json b/packages/color-helpers/scripts/hashes.json index bfe077293..285589681 100644 --- a/packages/color-helpers/scripts/hashes.json +++ b/packages/color-helpers/scripts/hashes.json @@ -1,6 +1,6 @@ [ "384d52db3fcd98381e18743e1eba590a", - "f736dea5b83ebcd853449a02255f747e", + "b6577238c494767f36e2904d3edea5cb", "094c9859b0960c4e394947cc4832b54f", "c9e2f2a3b2cba543a01cb8aa5d77c04a", "840ef26f992267c924230a26f939eaad", diff --git a/packages/color-helpers/src/conversions/d50-to-d65.ts b/packages/color-helpers/src/conversions/d50-to-d65.ts index 98cc2f2fb..19e584033 100644 --- a/packages/color-helpers/src/conversions/d50-to-d65.ts +++ b/packages/color-helpers/src/conversions/d50-to-d65.ts @@ -10,9 +10,9 @@ import { multiplyMatrices } from 'calculations/multiply-matrices'; */ export function D50_to_D65(XYZ: Color): Color { const M = [ - [0.9554734527042182, -0.023098536874261423, 0.0632593086610217], - [-0.028369706963208136, 1.0099954580058226, 0.021041398966943008], - [0.012314001688319899, -0.020507696433477912, 1.3303659366080753], + [0.955473421488075, -0.02309845494876471, 0.06325924320057072], + [-0.0283697093338637, 1.0099953980813041, 0.021041441191917323], + [0.012314014864481998, -0.020507649298898964, 1.330365926242124], ]; return multiplyMatrices(M, XYZ) as Color; diff --git a/packages/color-helpers/src/conversions/d65-to-d50.ts b/packages/color-helpers/src/conversions/d65-to-d50.ts index 8ee85a240..09824eee6 100644 --- a/packages/color-helpers/src/conversions/d65-to-d50.ts +++ b/packages/color-helpers/src/conversions/d65-to-d50.ts @@ -15,9 +15,9 @@ export function D65_to_D50(XYZ: Color): Color { // - scale components from one reference white to another // - convert back to XYZ const M = [ - [1.0479298208405488, 0.022946793341019088, -0.05019222954313557], - [0.029627815688159344, 0.990434484573249, -0.01707382502938514], - [-0.009243058152591178, 0.015055144896577895, 0.7518742899580008], + [1.0479297925449969, 0.022946870601609652, -0.05019226628920524], + [0.02962780877005599, 0.9904344267538799, -0.017073799063418826], + [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371], ]; return multiplyMatrices(M, XYZ) as Color; diff --git a/packages/color-helpers/src/conversions/oklab-to-xyz.ts b/packages/color-helpers/src/conversions/oklab-to-xyz.ts index f009cfda4..6c10db3a7 100644 --- a/packages/color-helpers/src/conversions/oklab-to-xyz.ts +++ b/packages/color-helpers/src/conversions/oklab-to-xyz.ts @@ -13,14 +13,14 @@ import { multiplyMatrices } from 'calculations/multiply-matrices'; export function OKLab_to_XYZ(OKLab: Color): Color { const LMStoXYZ = [ - [1.2268798733741557, -0.5578149965554813, 0.28139105017721583], - [-0.04057576262431372, 1.1122868293970594, -0.07171106666151701], - [-0.07637294974672142, -0.4214933239627914, 1.5869240244272418], + [1.2268798758459243, -0.5578149944602171, 0.2813910456659647], + [-0.0405757452148008, 1.1122868032803170, -0.0717110580655164], + [-0.0763729366746601, -0.4214933324022432, 1.5869240198367816], ]; const OKLabtoLMS = [ - [0.99999999845051981432, 0.39633779217376785678, 0.21580375806075880339], - [1.0000000088817607767, -0.1055613423236563494, -0.063854174771705903402], - [1.0000000546724109177, -0.089484182094965759684, -1.2914855378640917399], + [1.0000000000000000, 0.3963377773761749, 0.2158037573099136], + [1.0000000000000000, -0.1055613458156586, -0.0638541728258133], + [1.0000000000000000, -0.0894841775298119, -1.2914855480194092], ]; const LMSnl = multiplyMatrices(OKLabtoLMS, OKLab) as Color; diff --git a/packages/color-helpers/src/conversions/xyz-to-oklab.ts b/packages/color-helpers/src/conversions/xyz-to-oklab.ts index 20607d0c7..d4ec35bc6 100644 --- a/packages/color-helpers/src/conversions/xyz-to-oklab.ts +++ b/packages/color-helpers/src/conversions/xyz-to-oklab.ts @@ -12,14 +12,14 @@ import { multiplyMatrices } from 'calculations/multiply-matrices'; export function XYZ_to_OKLab(XYZ: Color): Color { // Given XYZ relative to D65, convert to OKLab const XYZtoLMS = [ - [0.8190224432164319, 0.3619062562801221, -0.12887378261216414], - [0.0329836671980271, 0.9292868468965546, 0.03614466816999844], - [0.048177199566046255, 0.26423952494422764, 0.6335478258136937], + [0.8190224379967030, 0.3619062600528904, -0.1288737815209879], + [0.0329836539323885, 0.9292868615863434, 0.0361446663506424], + [0.0481771893596242, 0.2642395317527308, 0.6335478284694309], ]; const LMStoOKLab = [ - [0.2104542553, 0.7936177850, -0.0040720468], - [1.9779984951, -2.4285922050, 0.4505937099], - [0.0259040371, 0.7827717662, -0.8086757660], + [0.2104542683093140, 0.7936177747023054, -0.0040720430116193], + [1.9779985324311684, -2.4285922420485799, 0.4505937096174110], + [0.0259040424655478, 0.7827717124575296, -0.8086757549230774], ]; const LMS = multiplyMatrices(XYZtoLMS, XYZ) as Color; diff --git a/packages/css-color-parser/test/basic/color-mix-function-oklch.mjs b/packages/css-color-parser/test/basic/color-mix-function-oklch.mjs index 90661d940..2f5b351a0 100644 --- a/packages/css-color-parser/test/basic/color-mix-function-oklch.mjs +++ b/packages/css-color-parser/test/basic/color-mix-function-oklch.mjs @@ -6,7 +6,7 @@ import { serialize_OKLCH_data } from '../util/serialize.mjs'; const tests = [ ['color-mix(in oklch, oklch(100% 0% 60deg), oklch(50% 50% 0deg))', 'oklch(0.75 0.1 0)'], ['color-mix(in oklch, rgb(255, 255, 255), rgb(180, 6, 95))', 'oklch(0.75031 0.10016 359.858)'], - ['color-mix(in lch, oklch(75% 0% 60deg), oklch(75% 50% 0deg))', 'oklch(0.74979 0.09824 0.1059)'], + ['color-mix(in lch, oklch(75% 0% 60deg), oklch(75% 50% 0deg))', 'oklch(0.74979 0.09824 0.10588)'], ['color-mix(in oklch, oklch(100% 0% none), oklch(50% 50% 0deg))', 'oklch(0.75 0.1 0)'], ['color-mix(in oklch, oklch(100% none 60deg), oklch(50% 50% 0deg))', 'oklch(0.75 0.2 0)'], ]; diff --git a/packages/css-color-parser/test/wpt/color-computed-lab.mjs b/packages/css-color-parser/test/wpt/color-computed-lab.mjs index c35256d7a..3e0d8d425 100644 --- a/packages/css-color-parser/test/wpt/color-computed-lab.mjs +++ b/packages/css-color-parser/test/wpt/color-computed-lab.mjs @@ -44,7 +44,7 @@ const tests = [ ['oklab(0.2 0 0.1/50%)', 'rgba(31, 20, 0, 0.5)', 'color(display-p3 0.11443 0.08142 0 / 0.5)'], ['oklab(4 0 0.1/50%)', 'rgba(255, 255, 255, 0.5)', 'color(display-p3 1 1 1 / 0.5)'], ['oklab(0.5 -1.6 1.6)', 'rgb(53, 117, 0)', 'color(display-p3 0.25974 0.45977 0)'], - ['oklab(0.5 -2 2)', 'rgb(55, 117, 0)', 'color(display-p3 0.25973 0.45977 0)'], + ['oklab(0.5 -2 2)', 'rgb(55, 117, 0)', 'color(display-p3 0.25974 0.45977 0)'], ['oklab(0 0 0 / -10%)', 'rgba(0, 0, 0, 0)', 'color(display-p3 0 0 0 / 0)'], ['oklab(0 0 0 / 110%)', 'rgb(0, 0, 0)', 'color(display-p3 0 0 0)'], ['oklab(0 0 0 / 300%)', 'rgb(0, 0, 0)', 'color(display-p3 0 0 0)'], diff --git a/packages/css-color-parser/test/wpt/color-computed-oklab.mjs b/packages/css-color-parser/test/wpt/color-computed-oklab.mjs index 52bef7d7d..ec284a024 100644 --- a/packages/css-color-parser/test/wpt/color-computed-oklab.mjs +++ b/packages/css-color-parser/test/wpt/color-computed-oklab.mjs @@ -22,7 +22,7 @@ const tests = [ ['oklab(0.2 0 0.1/0.5)', 'rgba(31, 20, 0, 0.5)', 'color(display-p3 0.11443 0.08142 0 / 0.5)'], ['oklab(0.2 0 0.1/50%)', 'rgba(31, 20, 0, 0.5)', 'color(display-p3 0.11443 0.08142 0 / 0.5)'], ['oklab(4 0 0.1/50%)', 'rgba(255, 255, 255, 0.5)', 'color(display-p3 1 1 1 / 0.5)'], - ['oklab(0.5 -0.4 0.4)', 'rgb(53, 117, 0)', 'color(display-p3 0.25974 0.45978 0)'], + ['oklab(0.5 -0.4 0.4)', 'rgb(53, 117, 0)', 'color(display-p3 0.25974 0.45977 0)'], ['oklab(0.5 -1 1)', 'rgb(55, 117, 0)', 'color(display-p3 0.25974 0.45977 0)'], ['oklab(0 0 0 / -10%)', 'rgba(0, 0, 0, 0)', 'color(display-p3 0 0 0 / 0)'], ['oklab(0 0 0 / 110%)', 'rgb(0, 0, 0)', 'color(display-p3 0 0 0)'], @@ -31,7 +31,7 @@ const tests = [ ['oklab(0.5 -0.1 0)', 'rgb(0, 116, 101)', 'color(display-p3 0.1594 0.45196 0.39888)'], ['oklab(0.5 0 -0.1)', 'rgb(77, 95, 156)', 'color(display-p3 0.31641 0.3713 0.59541)'], ['oklab(calc(0.50 * 3) calc(0.5 - 1) calc(1.5) / calc(-0.5 + 1))', 'rgba(255, 255, 255, 0.5)', 'color(display-p3 1 1 1 / 0.5)'], - ['oklab(calc(0.50 / 3) calc(0.5 - 1) calc(1.5) / calc(-0.5 + 1))', 'rgba(17, 16, 0, 0.5)', 'color(display-p3 0.06561 0.06186 0 / 0.5)'], + ['oklab(calc(0.50 / 3) calc(0.5 - 1) calc(1.5) / calc(-0.5 + 1))', 'rgba(17, 16, 0, 0.5)', 'color(display-p3 0.06561 0.06185 0 / 0.5)'], ['oklab(calc(-0.50 * 3) calc(0.5 + 1) calc(-1.5) / calc(-0.5 * 2))', 'rgba(0, 0, 0, 0)', 'color(display-p3 0 0 0 / 0)'], ['oklab(none none none / none)', 'rgba(0, 0, 0, 0)', 'color(display-p3 0 0 0 / 0)'], diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css index d0eb34edd..9db823d34 100644 --- a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css @@ -578,7 +578,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css index d0eb34edd..9db823d34 100644 --- a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css @@ -578,7 +578,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css index 5e4faa42e..ae8a51464 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css @@ -490,7 +490,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css index 3926597c6..e5d85a369 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css @@ -488,7 +488,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css index f6969cbea..ec8074d93 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css @@ -482,7 +482,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css index f6969cbea..ec8074d93 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css @@ -482,7 +482,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.expect.css b/plugin-packs/postcss-preset-env/test/basic.expect.css index 1e6188536..91239074f 100644 --- a/plugin-packs/postcss-preset-env/test/basic.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.expect.css @@ -597,7 +597,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css index ee3767ee1..41515c5af 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css @@ -491,7 +491,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css index fb062a6f9..bcad4f9cd 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css @@ -486,7 +486,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.hebrew.expect.css b/plugin-packs/postcss-preset-env/test/basic.hebrew.expect.css index 80af52127..de12e9eff 100644 --- a/plugin-packs/postcss-preset-env/test/basic.hebrew.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.hebrew.expect.css @@ -593,7 +593,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css index cf769d7e1..66f72cc9d 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css @@ -614,7 +614,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css index 6fdfec580..61be8168c 100644 --- a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css @@ -595,7 +595,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css index 2863d45e5..5f030fd9f 100644 --- a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css @@ -575,7 +575,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css index f0f16dd0b..a62525775 100644 --- a/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css @@ -708,7 +708,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css index c4f095a43..3bc14c8d3 100644 --- a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css @@ -966,7 +966,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe color-3: rgba(0, 0, 255, 0.65); color-3: color-mix(in xyz, rgb(255 0 0 / 0), blue 65%); color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-4: color-mix(in oklch, rgb(255 0 0 / 0), blue 65%); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); diff --git a/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css b/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css index d12bedebc..ab872cf53 100644 --- a/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css @@ -467,7 +467,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css index 80f4f7ba4..6c8b84805 100644 --- a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css @@ -487,7 +487,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css index e6d16d772..a235df2e6 100644 --- a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css @@ -482,7 +482,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css index 00a1bca35..e6b2f32f9 100644 --- a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css @@ -593,7 +593,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.supports-query.expect.css b/plugin-packs/postcss-preset-env/test/basic.supports-query.expect.css index e93cf86e0..3bdaf9227 100644 --- a/plugin-packs/postcss-preset-env/test/basic.supports-query.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.supports-query.expect.css @@ -484,7 +484,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } } diff --git a/plugin-packs/postcss-preset-env/test/basic.vendors-1.expect.css b/plugin-packs/postcss-preset-env/test/basic.vendors-1.expect.css index f4172f13a..3ef38d726 100644 --- a/plugin-packs/postcss-preset-env/test/basic.vendors-1.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.vendors-1.expect.css @@ -590,7 +590,7 @@ color-2: rgba(0, 0, 255, 0.65); color-3: rgba(0, 0, 255, 0.65); color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); color-6: rgba(179, 0, 255, 0.65); diff --git a/plugin-packs/postcss-preset-env/test/basic.vendors-2.expect.css b/plugin-packs/postcss-preset-env/test/basic.vendors-2.expect.css index 773d5b40c..a5f2b51d5 100644 --- a/plugin-packs/postcss-preset-env/test/basic.vendors-2.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.vendors-2.expect.css @@ -592,7 +592,7 @@ color-2: rgba(0, 0, 255, 0.65); color-3: rgba(0, 0, 255, 0.65); color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); color-6: rgba(179, 0, 255, 0.65); diff --git a/plugin-packs/postcss-preset-env/test/basic.vendors-3.expect.css b/plugin-packs/postcss-preset-env/test/basic.vendors-3.expect.css index 8c6f8249d..595c9624a 100644 --- a/plugin-packs/postcss-preset-env/test/basic.vendors-3.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.vendors-3.expect.css @@ -587,7 +587,7 @@ color-2: rgba(0, 0, 255, 0.65); color-3: rgba(0, 0, 255, 0.65); color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); color-6: rgba(179, 0, 255, 0.65); diff --git a/plugins/postcss-color-function/test/basic.expect.css b/plugins/postcss-color-function/test/basic.expect.css index 4f26e1208..908da4e15 100644 --- a/plugins/postcss-color-function/test/basic.expect.css +++ b/plugins/postcss-color-function/test/basic.expect.css @@ -165,7 +165,7 @@ .test-out-of-range-values-srgb { color-1: rgb(128, 0, 255); color-2: rgb(122, 0, 236); - color-3: rgb(25, 255, 25); + color-3: rgb(26, 255, 26); color-4: rgb(169, 255, 161); } diff --git a/plugins/postcss-color-function/test/basic.preserve-true.expect.css b/plugins/postcss-color-function/test/basic.preserve-true.expect.css index 436f984d4..beb6156b2 100644 --- a/plugins/postcss-color-function/test/basic.preserve-true.expect.css +++ b/plugins/postcss-color-function/test/basic.preserve-true.expect.css @@ -230,7 +230,7 @@ color-1: color(srgb 0.5 0 1); color-2: rgb(122, 0, 236); color-2: color(srgb 0.5 -0.2 1); - color-3: rgb(25, 255, 25); + color-3: rgb(26, 255, 26); color-3: color(srgb 0.1 1 0.1); color-4: rgb(169, 255, 161); color-4: color(srgb 0.1 1.1 0.1); diff --git a/plugins/postcss-color-function/test/basic.with-cloned-rules.expect.css b/plugins/postcss-color-function/test/basic.with-cloned-rules.expect.css index 49042f670..7d9fc4e58 100644 --- a/plugins/postcss-color-function/test/basic.with-cloned-rules.expect.css +++ b/plugins/postcss-color-function/test/basic.with-cloned-rules.expect.css @@ -230,7 +230,7 @@ color-1: color(srgb 0.5 0 1); color-2: rgb(122, 0, 236); color-2: color(srgb 0.5 -0.2 1); - color-3: rgb(25, 255, 25); + color-3: rgb(26, 255, 26); color-3: color(srgb 0.1 1 0.1); color-4: rgb(169, 255, 161); color-4: color(srgb 0.1 1.1 0.1); diff --git a/plugins/postcss-color-mix-function/test/basic.expect.css b/plugins/postcss-color-mix-function/test/basic.expect.css index 8fd71cb67..d4775f39d 100644 --- a/plugins/postcss-color-mix-function/test/basic.expect.css +++ b/plugins/postcss-color-mix-function/test/basic.expect.css @@ -44,7 +44,7 @@ color-1: color(display-p3 0.66273 0.5437 0.98509); /* https://github.com/w3c/csswg-drafts/issues/8609 */ color-2: rgb(119, 163, 255); - color-2: color(display-p3 0.49508 0.63377 1); + color-2: color(display-p3 0.49508 0.63378 1); color-3: rgb(128, 128, 255); } @@ -139,7 +139,7 @@ .zero-alpha-cylindrical { color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); color-6: rgba(179, 0, 255, 0.65); diff --git a/plugins/postcss-color-mix-function/test/basic.preserve-true.expect.css b/plugins/postcss-color-mix-function/test/basic.preserve-true.expect.css index 6511477a7..7c210c323 100644 --- a/plugins/postcss-color-mix-function/test/basic.preserve-true.expect.css +++ b/plugins/postcss-color-mix-function/test/basic.preserve-true.expect.css @@ -74,7 +74,7 @@ color-1: color-mix(in lch, white, blue); /* https://github.com/w3c/csswg-drafts/issues/8609 */ color-2: rgb(119, 163, 255); - color-2: color(display-p3 0.49508 0.63377 1); + color-2: color(display-p3 0.49508 0.63378 1); color-2: color-mix(in oklch, white, blue); color-3: rgb(128, 128, 255); color-3: color-mix(in srgb, white, blue); @@ -202,7 +202,7 @@ .zero-alpha-cylindrical { color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-4: color-mix(in oklch, rgb(255 0 0 / 0), blue 65%); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); diff --git a/plugins/postcss-color-mix-function/test/basic.with-cloned-rules.expect.css b/plugins/postcss-color-mix-function/test/basic.with-cloned-rules.expect.css index 6511477a7..7c210c323 100644 --- a/plugins/postcss-color-mix-function/test/basic.with-cloned-rules.expect.css +++ b/plugins/postcss-color-mix-function/test/basic.with-cloned-rules.expect.css @@ -74,7 +74,7 @@ color-1: color-mix(in lch, white, blue); /* https://github.com/w3c/csswg-drafts/issues/8609 */ color-2: rgb(119, 163, 255); - color-2: color(display-p3 0.49508 0.63377 1); + color-2: color(display-p3 0.49508 0.63378 1); color-2: color-mix(in oklch, white, blue); color-3: rgb(128, 128, 255); color-3: color-mix(in srgb, white, blue); @@ -202,7 +202,7 @@ .zero-alpha-cylindrical { color-4: rgba(122, 0, 182, 0.65); - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-4: color-mix(in oklch, rgb(255 0 0 / 0), blue 65%); color-5: rgba(149, 0, 122, 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); diff --git a/plugins/postcss-gradients-interpolation-method/test/basic.expect.css b/plugins/postcss-gradients-interpolation-method/test/basic.expect.css index aba2e3e94..c97e5d45b 100644 --- a/plugins/postcss-gradients-interpolation-method/test/basic.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/basic.expect.css @@ -11,7 +11,7 @@ .test-2-0 { background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, rgb(249, 0, 71), rgb(239, 0, 107), rgb(225, 0, 138), rgb(207, 0, 167), rgb(186, 0, 194), rgb(163, 0, 217), rgb(136, 0, 236), rgb(107, 0, 250), rgb(73, 0, 255), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); - background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); + background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); background-image: linear-gradient(in oklch shorter hue 90deg, red 25% 50%, blue 70% 75%); } @@ -129,7 +129,7 @@ } .test-visual-effect-9-1-c { - background-image: linear-gradient(rgb(245, 137, 137) 0%, rgb(245, 133, 166), rgb(244, 129, 198), rgb(243, 124, 231), rgb(218, 120, 242), rgb(179, 116, 241), rgb(137, 111, 240), rgb(107, 120, 240), rgb(103, 157, 239), rgb(99, 196, 238), rgb(94, 237, 237) 100%); + background-image: linear-gradient(rgb(245, 137, 137) 0%, rgb(245, 166, 133), rgb(244, 198, 129), rgb(243, 231, 124), rgb(218, 242, 120), rgb(179, 241, 116), rgb(137, 240, 111), rgb(107, 240, 120), rgb(103, 239, 157), rgb(99, 238, 196), rgb(94, 237, 237) 100%); background-image: linear-gradient(in hwb longer hue, hsl(0deg 85% 75%) 0%, hsl(180deg 80% 65%) 100%); } @@ -373,7 +373,7 @@ to-clone { .test-teal-dead-zone { background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(241, 46, 0), rgb(210, 83, 0), rgb(162, 113, 0), rgb(87, 135, 0), rgb(0, 147, 0), rgb(0, 149, 78), rgb(0, 140, 148), rgb(0, 118, 204), rgb(0, 81, 242), rgb(0, 0, 255) 100%); - background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, color(display-p3 0.86777 0.26008 -0.2622), color(display-p3 0.76447 0.35833 -0.309), color(display-p3 0.60778 0.45183 -0.3093), color(display-p3 0.38399 0.52283 -0.2788), color(display-p3 -0.208 0.56371 -0.1475), color(display-p3 -0.3942 0.5688 0.32693), color(display-p3 -0.4344 0.53163 0.57087), color(display-p3 -0.4032 0.44581 0.77207), color(display-p3 -0.3069 0.30401 0.9108), rgb(0, 0, 255) 100%); + background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, color(display-p3 0.86777 0.26008 -0.2622), color(display-p3 0.76447 0.35833 -0.309), color(display-p3 0.60779 0.45183 -0.3093), color(display-p3 0.38399 0.52283 -0.2788), color(display-p3 -0.208 0.56371 -0.1475), color(display-p3 -0.3942 0.5688 0.32693), color(display-p3 -0.4344 0.53163 0.57087), color(display-p3 -0.4032 0.44581 0.77207), color(display-p3 -0.3069 0.30401 0.9108), rgb(0, 0, 255) 100%); background-image: linear-gradient(in oklch longer hue to right, red 0%, blue 100%); } @@ -383,7 +383,7 @@ to-clone { } .wpt-srgb-gradient { - background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(230, 26, 0), rgb(204, 51, 0), rgb(179, 77, 0), rgb(153, 102, 0), rgb(128, 128, 0), rgb(102, 153, 0), rgb(77, 179, 0), rgb(51, 204, 0), rgb(25, 230, 0), rgb(0, 255, 0) 100%); + background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(230, 26, 0), rgb(204, 51, 0), rgb(179, 77, 0), rgb(153, 102, 0), rgb(128, 128, 0), rgb(102, 153, 0), rgb(77, 179, 0), rgb(51, 204, 0), rgb(26, 230, 0), rgb(0, 255, 0) 100%); background: linear-gradient(to right in srgb, rgb(255 0 0) 0%, rgb(0 255 0) 100%); } diff --git a/plugins/postcss-gradients-interpolation-method/test/basic.preserve-false.expect.css b/plugins/postcss-gradients-interpolation-method/test/basic.preserve-false.expect.css index ab6dd7c27..173e143fc 100644 --- a/plugins/postcss-gradients-interpolation-method/test/basic.preserve-false.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/basic.preserve-false.expect.css @@ -5,7 +5,7 @@ .test-2-0 { background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, rgb(249, 0, 71), rgb(239, 0, 107), rgb(225, 0, 138), rgb(207, 0, 167), rgb(186, 0, 194), rgb(163, 0, 217), rgb(136, 0, 236), rgb(107, 0, 250), rgb(73, 0, 255), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); - background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); + background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); } .test-2-1 { @@ -105,7 +105,7 @@ } .test-visual-effect-9-1-c { - background-image: linear-gradient(rgb(245, 137, 137) 0%, rgb(245, 133, 166), rgb(244, 129, 198), rgb(243, 124, 231), rgb(218, 120, 242), rgb(179, 116, 241), rgb(137, 111, 240), rgb(107, 120, 240), rgb(103, 157, 239), rgb(99, 196, 238), rgb(94, 237, 237) 100%); + background-image: linear-gradient(rgb(245, 137, 137) 0%, rgb(245, 166, 133), rgb(244, 198, 129), rgb(243, 231, 124), rgb(218, 242, 120), rgb(179, 241, 116), rgb(137, 240, 111), rgb(107, 240, 120), rgb(103, 239, 157), rgb(99, 238, 196), rgb(94, 237, 237) 100%); } .test-visual-effect-9-1-d { @@ -300,7 +300,7 @@ to-clone { .test-teal-dead-zone { background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(241, 46, 0), rgb(210, 83, 0), rgb(162, 113, 0), rgb(87, 135, 0), rgb(0, 147, 0), rgb(0, 149, 78), rgb(0, 140, 148), rgb(0, 118, 204), rgb(0, 81, 242), rgb(0, 0, 255) 100%); - background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, color(display-p3 0.86777 0.26008 -0.2622), color(display-p3 0.76447 0.35833 -0.309), color(display-p3 0.60778 0.45183 -0.3093), color(display-p3 0.38399 0.52283 -0.2788), color(display-p3 -0.208 0.56371 -0.1475), color(display-p3 -0.3942 0.5688 0.32693), color(display-p3 -0.4344 0.53163 0.57087), color(display-p3 -0.4032 0.44581 0.77207), color(display-p3 -0.3069 0.30401 0.9108), rgb(0, 0, 255) 100%); + background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, color(display-p3 0.86777 0.26008 -0.2622), color(display-p3 0.76447 0.35833 -0.309), color(display-p3 0.60779 0.45183 -0.3093), color(display-p3 0.38399 0.52283 -0.2788), color(display-p3 -0.208 0.56371 -0.1475), color(display-p3 -0.3942 0.5688 0.32693), color(display-p3 -0.4344 0.53163 0.57087), color(display-p3 -0.4032 0.44581 0.77207), color(display-p3 -0.3069 0.30401 0.9108), rgb(0, 0, 255) 100%); } .wpt-oklab-gradient { @@ -308,7 +308,7 @@ to-clone { } .wpt-srgb-gradient { - background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(230, 26, 0), rgb(204, 51, 0), rgb(179, 77, 0), rgb(153, 102, 0), rgb(128, 128, 0), rgb(102, 153, 0), rgb(77, 179, 0), rgb(51, 204, 0), rgb(25, 230, 0), rgb(0, 255, 0) 100%); + background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(230, 26, 0), rgb(204, 51, 0), rgb(179, 77, 0), rgb(153, 102, 0), rgb(128, 128, 0), rgb(102, 153, 0), rgb(77, 179, 0), rgb(51, 204, 0), rgb(26, 230, 0), rgb(0, 255, 0) 100%); } .wpt-srgb-linear-gradient { diff --git a/plugins/postcss-gradients-interpolation-method/test/basic.with-cloned-rules.expect.css b/plugins/postcss-gradients-interpolation-method/test/basic.with-cloned-rules.expect.css index 4c41fcf0f..00d357e9b 100644 --- a/plugins/postcss-gradients-interpolation-method/test/basic.with-cloned-rules.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/basic.with-cloned-rules.expect.css @@ -11,7 +11,7 @@ .test-2-0 { background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, rgb(249, 0, 71), rgb(239, 0, 107), rgb(225, 0, 138), rgb(207, 0, 167), rgb(186, 0, 194), rgb(163, 0, 217), rgb(136, 0, 236), rgb(107, 0, 250), rgb(73, 0, 255), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); - background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); + background-image: linear-gradient(90deg, rgb(255, 0, 0) 25%, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0) 50%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 70%, rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255), rgb(0, 0, 255) 75%); background-image: linear-gradient(in oklch shorter hue 90deg, red 25% 50%, blue 70% 75%); } @@ -129,7 +129,7 @@ } .test-visual-effect-9-1-c { - background-image: linear-gradient(rgb(245, 137, 137) 0%, rgb(245, 133, 166), rgb(244, 129, 198), rgb(243, 124, 231), rgb(218, 120, 242), rgb(179, 116, 241), rgb(137, 111, 240), rgb(107, 120, 240), rgb(103, 157, 239), rgb(99, 196, 238), rgb(94, 237, 237) 100%); + background-image: linear-gradient(rgb(245, 137, 137) 0%, rgb(245, 166, 133), rgb(244, 198, 129), rgb(243, 231, 124), rgb(218, 242, 120), rgb(179, 241, 116), rgb(137, 240, 111), rgb(107, 240, 120), rgb(103, 239, 157), rgb(99, 238, 196), rgb(94, 237, 237) 100%); background-image: linear-gradient(in hwb longer hue, hsl(0deg 85% 75%) 0%, hsl(180deg 80% 65%) 100%); } @@ -378,7 +378,7 @@ to-clone { .test-teal-dead-zone { background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(241, 46, 0), rgb(210, 83, 0), rgb(162, 113, 0), rgb(87, 135, 0), rgb(0, 147, 0), rgb(0, 149, 78), rgb(0, 140, 148), rgb(0, 118, 204), rgb(0, 81, 242), rgb(0, 0, 255) 100%); - background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, color(display-p3 0.86777 0.26008 -0.2622), color(display-p3 0.76447 0.35833 -0.309), color(display-p3 0.60778 0.45183 -0.3093), color(display-p3 0.38399 0.52283 -0.2788), color(display-p3 -0.208 0.56371 -0.1475), color(display-p3 -0.3942 0.5688 0.32693), color(display-p3 -0.4344 0.53163 0.57087), color(display-p3 -0.4032 0.44581 0.77207), color(display-p3 -0.3069 0.30401 0.9108), rgb(0, 0, 255) 100%); + background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, color(display-p3 0.86777 0.26008 -0.2622), color(display-p3 0.76447 0.35833 -0.309), color(display-p3 0.60779 0.45183 -0.3093), color(display-p3 0.38399 0.52283 -0.2788), color(display-p3 -0.208 0.56371 -0.1475), color(display-p3 -0.3942 0.5688 0.32693), color(display-p3 -0.4344 0.53163 0.57087), color(display-p3 -0.4032 0.44581 0.77207), color(display-p3 -0.3069 0.30401 0.9108), rgb(0, 0, 255) 100%); background-image: linear-gradient(in oklch longer hue to right, red 0%, blue 100%); } @@ -388,7 +388,7 @@ to-clone { } .wpt-srgb-gradient { - background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(230, 26, 0), rgb(204, 51, 0), rgb(179, 77, 0), rgb(153, 102, 0), rgb(128, 128, 0), rgb(102, 153, 0), rgb(77, 179, 0), rgb(51, 204, 0), rgb(25, 230, 0), rgb(0, 255, 0) 100%); + background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(230, 26, 0), rgb(204, 51, 0), rgb(179, 77, 0), rgb(153, 102, 0), rgb(128, 128, 0), rgb(102, 153, 0), rgb(77, 179, 0), rgb(51, 204, 0), rgb(26, 230, 0), rgb(0, 255, 0) 100%); background: linear-gradient(to right in srgb, rgb(255 0 0) 0%, rgb(0 255 0) 100%); } diff --git a/plugins/postcss-gradients-interpolation-method/test/variables.expect.css b/plugins/postcss-gradients-interpolation-method/test/variables.expect.css index 6df08f51e..558c7fc8a 100644 --- a/plugins/postcss-gradients-interpolation-method/test/variables.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/variables.expect.css @@ -9,7 +9,7 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00333 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); + --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00334 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); } } @@ -21,7 +21,7 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); + --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); } } @@ -39,7 +39,7 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); + --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); } } diff --git a/plugins/postcss-gradients-interpolation-method/test/variables.preserve-false.expect.css b/plugins/postcss-gradients-interpolation-method/test/variables.preserve-false.expect.css index 1364ab364..c17a71fba 100644 --- a/plugins/postcss-gradients-interpolation-method/test/variables.preserve-false.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/variables.preserve-false.expect.css @@ -9,8 +9,8 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00333 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); - --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); - --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); + --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00334 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); + --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); + --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); } } diff --git a/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.expect.css b/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.expect.css index 6df08f51e..558c7fc8a 100644 --- a/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.expect.css @@ -9,7 +9,7 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00333 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); + --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00334 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); } } @@ -21,7 +21,7 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); + --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); } } @@ -39,7 +39,7 @@ @supports (color: color(display-p3 0 0 0)) { :root { - --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); + --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); } } diff --git a/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.progressive-false.expect.css b/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.progressive-false.expect.css index 2ffc3f627..a39e1a4f8 100644 --- a/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.progressive-false.expect.css +++ b/plugins/postcss-gradients-interpolation-method/test/variables.preserve-true.progressive-false.expect.css @@ -1,14 +1,14 @@ :root { --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, rgb(24, 255, 236), rgb(57, 255, 216), rgb(88, 255, 195), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, rgb(255, 199, 0), rgb(255, 182, 0), rgb(255, 164, 0), rgb(255, 146, 0), rgb(255, 127, 0), rgb(255, 107, 0), rgb(255, 87, 27), rgb(255, 66, 60), rgb(255, 42, 83), rgb(255, 0, 102) 180deg, rgb(244, 0, 128), rgb(230, 0, 153), rgb(214, 0, 176), rgb(195, 0, 197), rgb(174, 0, 216), rgb(151, 0, 233), rgb(127, 0, 245), rgb(99, 0, 254), rgb(67, 0, 255), rgb(0, 0, 255) 100%); - --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00333 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); + --gradient-prop-1: conic-gradient(rgb(0, 255, 255) 0deg, color(display-p3 0.46959 0.99047 0.92627), color(display-p3 0.49985 0.99171 0.85485), color(display-p3 0.54521 0.98867 0.77958), rgb(116, 253, 172), rgb(143, 250, 149), rgb(169, 245, 125), rgb(193, 239, 99), rgb(215, 232, 73), rgb(236, 224, 44), rgb(255, 215, 0) 45deg, rgb(255, 215, 0) 50deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 180deg, color(display-p3 0.87681 0.15273 0.49748), color(display-p3 0.82604 0.11418 0.58428), color(display-p3 0.76599 0.08203 0.66761), color(display-p3 0.69762 0.0482 0.74597), color(display-p3 0.62186 0.00334 0.81693), color(display-p3 0.53937 -0.0428 0.87762), color(display-p3 0.44998 -0.0733 0.92496), color(display-p3 0.35136 -0.0839 0.956), color(display-p3 0.23382 -0.0697 0.9682), rgb(0, 0, 255) 100%); --gradient-prop-1: conic-gradient(in oklch, cyan 0deg, gold 45deg, gold 50deg, #f06 180deg, blue 100%); --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, rgb(249, 0, 71), rgb(239, 0, 107), rgb(225, 0, 138), rgb(207, 0, 167), rgb(186, 0, 194), rgb(163, 0, 217), rgb(136, 0, 236), rgb(107, 0, 250), rgb(73, 0, 255), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); - --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41862), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); + --gradient-prop-2: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(3, 0, 0), rgb(22, 0, 0), rgb(46, 0, 0), rgb(72, 0, 0), rgb(99, 0, 0), rgb(128, 0, 0), rgb(158, 0, 0), rgb(190, 0, 0), rgb(222, 0, 0), rgb(255, 0, 0) 45%, color(display-p3 0.89484 0.11059 0.29739), color(display-p3 0.85721 -0.0003 0.41863), color(display-p3 0.80547 -0.0635 0.53001), color(display-p3 0.74092 -0.0802 0.63538), color(display-p3 0.66511 -0.0895 0.7332), color(display-p3 0.57951 -0.1015 0.81971), color(display-p3 0.4848 -0.1135 0.89016), color(display-p3 0.37932 -0.1162 0.93966), color(display-p3 0.25342 -0.0953 0.96388), rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); --gradient-prop-2: linear-gradient(in oklch 90deg, black 25%, red 45%, blue 50% 75%); --gradient-prop-3: radial-gradient(rgb(0, 255, 255) 0%, rgba(0, 255, 255, 0.9), rgba(0, 255, 255, 0.8), rgba(0, 255, 255, 0.7), rgba(0, 255, 255, 0.6), rgba(0, 255, 255, 0.5), rgba(0, 255, 255, 0.4), rgba(0, 255, 255, 0.3), rgba(0, 255, 255, 0.2), rgba(0, 255, 255, 0.1), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 30%, rgba(250, 128, 114, 0.1), rgba(250, 128, 114, 0.2), rgba(250, 128, 114, 0.3), rgba(250, 128, 114, 0.4), rgba(250, 128, 114, 0.5), rgba(250, 128, 114, 0.6), rgba(250, 128, 114, 0.7), rgba(250, 128, 114, 0.8), rgba(250, 128, 114, 0.9), rgb(250, 128, 114) 40%); --gradient-prop-3: radial-gradient(in oklch, cyan 0%, transparent 20% 30%, salmon 40%); --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), rgb(217, 212, 0), rgb(227, 213, 0), rgb(237, 213, 0), rgb(246, 214, 0), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, rgb(255, 199, 0), rgb(255, 182, 0), rgb(255, 164, 0), rgb(255, 146, 0), rgb(255, 127, 0), rgb(255, 107, 0), rgb(255, 87, 27), rgb(255, 66, 60), rgb(255, 42, 83), rgb(255, 0, 102) 0deg); - --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.66411 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03345), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); + --gradient-prop-4: repeating-conic-gradient(from 0deg, rgb(154, 205, 50) 40deg, rgb(165, 206, 43), rgb(176, 208, 35), rgb(187, 209, 27), rgb(197, 210, 17), rgb(207, 211, 5), color(display-p3 0.84825 0.83124 0.26768), color(display-p3 0.88052 0.8359 0.2679), color(display-p3 0.91234 0.84039 0.2709), color(display-p3 0.94369 0.84473 0.27678), rgb(255, 215, 0) 60deg, rgb(255, 215, 0) 75deg, color(display-p3 0.99264 0.78957 0.18861), color(display-p3 1.0074 0.72781 0.07954), color(display-p3 1.01782 0.6641 -0.0465), color(display-p3 1.02309 0.59891 -0.0572), color(display-p3 1.0225 0.53272 0.03346), color(display-p3 1.01552 0.46604 0.13763), color(display-p3 1.00173 0.39934 0.21402), color(display-p3 0.98086 0.33297 0.28199), color(display-p3 0.95278 0.26693 0.3458), rgb(255, 0, 102) 0deg); --gradient-prop-4: repeating-conic-gradient(in oklch from 0deg, yellowgreen 40deg, gold 60deg 75deg, #f06 0deg); --gradient-prop-5: repeating-linear-gradient(90deg, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 50%, rgb(0, 0, 255) 50%, rgb(0, 0, 255) 75%); --gradient-prop-5: repeating-linear-gradient(in oklch 90deg, black 25% 50%, blue 50% 75%); diff --git a/plugins/postcss-lab-function/test/basic.expect.css b/plugins/postcss-lab-function/test/basic.expect.css index 4fffd73be..fc8d330c4 100644 --- a/plugins/postcss-lab-function/test/basic.expect.css +++ b/plugins/postcss-lab-function/test/basic.expect.css @@ -154,7 +154,7 @@ /* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B87%2C-94%2C103%5D%2C%5B88%2C-9%2C62%5D%5D */ /* out */ prop-9: rgb(0, 252, 0); - prop-9: color(display-p3 0.32231 0.99185 0.02928); + prop-9: color(display-p3 0.32231 0.99185 0.02929); /* in */ prop-10: rgb(231, 224, 96); diff --git a/plugins/postcss-lab-function/test/basic.preserve-true.expect.css b/plugins/postcss-lab-function/test/basic.preserve-true.expect.css index e9e96b665..3ec5dd6f7 100644 --- a/plugins/postcss-lab-function/test/basic.preserve-true.expect.css +++ b/plugins/postcss-lab-function/test/basic.preserve-true.expect.css @@ -226,7 +226,7 @@ /* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B87%2C-94%2C103%5D%2C%5B88%2C-9%2C62%5D%5D */ /* out */ prop-9: rgb(0, 252, 0); - prop-9: color(display-p3 0.32231 0.99185 0.02928); + prop-9: color(display-p3 0.32231 0.99185 0.02929); prop-9: lab(87% -94 103); /* in */ prop-10: rgb(231, 224, 96); diff --git a/plugins/postcss-lab-function/test/basic.with-cloned-rules.expect.css b/plugins/postcss-lab-function/test/basic.with-cloned-rules.expect.css index 0890e4c60..3d35397e6 100644 --- a/plugins/postcss-lab-function/test/basic.with-cloned-rules.expect.css +++ b/plugins/postcss-lab-function/test/basic.with-cloned-rules.expect.css @@ -226,7 +226,7 @@ /* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B87%2C-94%2C103%5D%2C%5B88%2C-9%2C62%5D%5D */ /* out */ prop-9: rgb(0, 252, 0); - prop-9: color(display-p3 0.32231 0.99185 0.02928); + prop-9: color(display-p3 0.32231 0.99185 0.02929); prop-9: lab(87% -94 103); /* in */ prop-10: rgb(231, 224, 96); diff --git a/plugins/postcss-slow-plugins/test/basic.expect.css b/plugins/postcss-slow-plugins/test/basic.expect.css index 6a5987af0..31d29f643 100644 --- a/plugins/postcss-slow-plugins/test/basic.expect.css +++ b/plugins/postcss-slow-plugins/test/basic.expect.css @@ -472,7 +472,7 @@ @media (color-gamut: p3) { .color-mix { - color-4: color(display-p3 0.44471 0 0.71665 / 0.65); + color-4: color(display-p3 0.4447 0 0.71665 / 0.65); color-5: color(display-p3 0.55417 0 0.48083 / 0.65); } }