color-mix-variadic-function-arguments (#1616)

Author: romainmenke

.github/ISSUE_TEMPLATE/css-issue.yml

@@ -75,6 +75,7 @@ body:
         - PostCSS Color Functional Notation
         - PostCSS Color Hex Alpha
         - PostCSS Color Mix Function
+        - PostCSS Color Mix Variadic Function Arguments
         - PostCSS Conditional Values
         - PostCSS Content Alt Text
         - PostCSS Contrast Color Functions

.github/ISSUE_TEMPLATE/plugin-issue.yml

@@ -72,6 +72,7 @@ body:
         - PostCSS Color Functional Notation
         - PostCSS Color Hex Alpha
         - PostCSS Color Mix Function
+        - PostCSS Color Mix Variadic Function Arguments
         - PostCSS Conditional Values
         - PostCSS Content Alt Text
         - PostCSS Contrast Color Functions

.github/labeler.yml

@@ -113,6 +113,12 @@
       - plugins/postcss-color-rebeccapurple/**
       - experimental/postcss-color-rebeccapurple/**
 
+"plugins/postcss-color-mix-variadic-function-args":
+  - changed-files:
+    - any-glob-to-any-file:
+      - plugins/postcss-color-mix-variadic-function-arguments/**
+      - experimental/postcss-color-mix-variadic-function-arguments/**
+
 "plugins/postcss-color-mix-function":
   - changed-files:
     - any-glob-to-any-file:

package-lock.json

@@ -153,6 +153,8 @@ export declare enum SyntaxFlag {
     RelativeColorSyntax = "relative-color-syntax",
     /** Is a mixed color, e.g. `color-mix(in oklch, red, blue)` */
     ColorMix = "color-mix",
+    /** Is a variadic mixed color, e.g. `color-mix(in oklch, red)` `color-mix(in oklch, red, blue, green)` */
+    ColorMixVariadic = "color-mix-variadic",
     /** Is a contrasting color, e.g. `contrast-color()` */
     ContrastColor = "contrast-color",
     /** Is an experimental color syntax */

packages/css-color-parser/dist/index.cjs

@@ -1107,6 +1107,27 @@
               "releaseTag": "Public",
               "name": "ColorMix"
             },
+            {
+              "kind": "EnumMember",
+              "canonicalReference": "@csstools/css-color-parser!SyntaxFlag.ColorMixVariadic:member",
+              "docComment": "/**\n * Is a variadic mixed color, e.g. `color-mix(in oklch, red)` `color-mix(in oklch, red, blue, green)`\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "ColorMixVariadic = "
+                },
+                {
+                  "kind": "Content",
+                  "text": "\"color-mix-variadic\""
+                }
+              ],
+              "initializerTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "name": "ColorMixVariadic"
+            },
             {
               "kind": "EnumMember",
               "canonicalReference": "@csstools/css-color-parser!SyntaxFlag.ContrastColor:member",

packages/css-color-parser/dist/index.d.ts

@@ -59,6 +59,22 @@ ColorMix
 Is a mixed color, e.g. `color-mix(in oklch, red, blue)`
 
 
+</td></tr>
+<tr><td>
+
+ColorMixVariadic
+
+
+</td><td>
+
+`"color-mix-variadic"`
+
+
+</td><td>
+
+Is a variadic mixed color, e.g. `color-mix(in oklch, red)` `color-mix(in oklch, red, blue, green)`
+
+
 </td></tr>
 <tr><td>
 

packages/css-color-parser/dist/index.mjs

@@ -74,6 +74,8 @@ export enum SyntaxFlag {
 	RelativeColorSyntax = 'relative-color-syntax',
 	/** Is a mixed color, e.g. `color-mix(in oklch, red, blue)` */
 	ColorMix = 'color-mix',
+	/** Is a variadic mixed color, e.g. `color-mix(in oklch, red)` `color-mix(in oklch, red, blue, green)` */
+	ColorMixVariadic = 'color-mix-variadic',
 	/** Is a contrasting color, e.g. `contrast-color()` */
 	ContrastColor = 'contrast-color',
 	/** Is an experimental color syntax */