@csstools/css-syntax-patches-for-csstree 1.0.6 → 1.0.8

package/CHANGELOG.md

@@ -1,10 +1,9 @@
 # Changes to CSS Syntax Patches For CSSTree
 
-### 1.0.6
+### 1.0.8
 
-_December 9, 2024_
+_December 27, 2024_
 
-- Update `csstree` to [`v3.1.0`](https://github.com/csstree/csstree/releases/tag/v3.1.0)
-- Update `@webref/css` to [`v6.17.05`](https://github.com/w3c/webref/releases/tag/%40webref%2Fcss%406.17.5)
+- Update `@webref/css` to [`v6.18.0`](https://github.com/w3c/webref/releases/tag/%40webref%2Fcss%406.18.0)
 
 [Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/packages/css-syntax-patches-for-csstree/CHANGELOG.md)

package/dist/index.json

@@ -166,8 +166,12 @@
 			"column-count": "auto | <integer [1,∞]>",
 			"column-fill": "| balance-all",
 			"column-gap": "normal | <length-percentage [0,∞]>",
-			"column-rule-style": "<line-style>",
-			"column-rule-width": "<line-width>",
+			"column-rule": "<gap-rule-list> | <auto-gap-rule-list>",
+			"column-rule-break": "intersection | spanning-item | none",
+			"column-rule-color": "<line-color-list> | <auto-line-color-list>",
+			"column-rule-outset": "<length-percentage>",
+			"column-rule-style": "<line-style-list> | <auto-line-style-list>",
+			"column-rule-width": "<line-width-list> | <auto-line-width-list>",
 			"column-span": "| <integer [1,∞]> | auto",
 			"column-width": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
 			"contain": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
@@ -211,6 +215,13 @@
 			"font-width": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
 			"footnote-display": "block | inline | compact",
 			"footnote-policy": "auto | line | block",
+			"gap-rule": "<'column-rule'>",
+			"gap-rule-break": "<'column-rule-break'>",
+			"gap-rule-color": "<'column-rule-color'>",
+			"gap-rule-outset": "<'column-rule-outset'>",
+			"gap-rule-paint-order": "row-over-column | column-over-row",
+			"gap-rule-style": "<'column-rule-style'>",
+			"gap-rule-width": "<'column-rule-width'>",
 			"glyph-orientation-vertical": "auto | 0deg | 90deg | 0 | 90",
 			"grid-auto-flow": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
 			"grid-template-columns": "| masonry",
@@ -322,10 +333,17 @@
 			"rest-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
 			"right": "| <anchor()> | <anchor-size()>",
 			"row-gap": "normal | <length-percentage [0,∞]>",
+			"row-rule": "<gap-rule-list> | <auto-gap-rule-list>",
+			"row-rule-break": "intersection | spanning-item | none",
+			"row-rule-color": "<line-color-list> | <auto-line-color-list>",
+			"row-rule-outset": "<length-percentage>",
+			"row-rule-style": "<line-style-list> | <auto-line-style-list>",
+			"row-rule-width": "<line-width-list> | <auto-line-width-list>",
 			"ruby-merge": "separate | merge | auto",
 			"ruby-overhang": "auto | none",
 			"rx": "<length-percentage> | auto",
 			"ry": "<length-percentage> | auto",
+			"scroll-initial-target": "none | nearest",
 			"scroll-marker-group": "none | before | after",
 			"scroll-padding": "[ auto | <length-percentage [0,∞]> ]{1,4}",
 			"scroll-padding-block": "[ auto | <length-percentage [0,∞]> ]{1,2}",
@@ -338,7 +356,6 @@
 			"scroll-padding-left": "auto | <length-percentage [0,∞]>",
 			"scroll-padding-right": "auto | <length-percentage [0,∞]>",
 			"scroll-padding-top": "auto | <length-percentage [0,∞]>",
-			"scroll-start-target": "none | auto",
 			"scroll-timeline": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
 			"shape-image-threshold": "<opacity-value>",
 			"shape-inside": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
@@ -433,13 +450,21 @@
 			"angle-percentage": "[ <angle> | <percentage> ]",
 			"angular-color-stop": "<color> <color-stop-angle>?",
 			"angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
-			"arc-command": "arc [ [ <by-to> <coordinate-pair> ] || [ of <length-percentage>{1,2} ] || <arc-sweep>? || <arc-size>? || [ rotate <angle> ]? ]",
+			"arc-command": "arc [ <command-end-point> && [ of <coordinate-pair> ] && <arc-sweep>? && <arc-size>? && [ rotate <angle> ]? ]",
 			"arc-size": "large | small",
 			"arc-sweep": "cw | ccw",
-			"attr-name": "[ [ <ident-token> '|' ]? <ident-token> ]",
+			"attr-name": "[ [ <ident-token>? '|' ]? <ident-token> ]",
 			"attr-type": "type( <syntax> ) | string | <attr-unit>",
 			"attr-unit": "'%' | em | ex | cap | ch | ic | rem | lh | rlh | vw | vh | vi | vb | vmin | vmax | cm | mm | q | in | pc | pt | px | deg | grad | rad | turn | s | ms | hz | khz | fr",
 			"attr()": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
+			"auto-gap-rule-list": "[ [ <gap-rule-or-repeat> ] / ]* <auto-repeat-gap-rule> [ / [ <gap-rule-or-repeat> ] ]*",
+			"auto-line-color-list": "[ <line-color-or-repeat> ]* <auto-repeat-line-color> [ <line-color-or-repeat> ]*",
+			"auto-line-style-list": "[ <line-style-or-repeat> ]* <auto-repeat-line-style> [ <line-style-or-repeat> ]*",
+			"auto-line-width-list": "[ <line-width-or-repeat> ]* <auto-repeat-line-width> [ <line-width-or-repeat> ]*",
+			"auto-repeat-gap-rule": "repeat( auto , [ <gap-rule> ]# )",
+			"auto-repeat-line-color": "repeat( auto , [ <color> ]+ )",
+			"auto-repeat-line-style": "repeat( auto , [ <line-style> ]+ )",
+			"auto-repeat-line-width": "repeat( auto , [ <line-width> ]+ )",
 			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 			"baseline-position": "[ first | last ]? && baseline",
 			"basic-shape": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? ) | xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? ) | rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? ) | circle( <radial-size>? [ at <position> ]? ) | ellipse( [ <radial-size>{2} ]? [ at <position> ]? ) | polygon( <'fill-rule'>? [ round <length> ]? , [ <length-percentage> <length-percentage> ]# ) | path( <'fill-rule'>? , <string> )",
@@ -452,7 +477,6 @@
 			"border-width": "thin | medium | thick | <length>",
 			"bottom": "<length-percentage> | auto",
 			"box": "| margin-box | fill-box | stroke-box | view-box",
-			"by-to": "by | to",
 			"calc-keyword": "e | pi | infinity | -infinity | NaN",
 			"calc-mix()": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
 			"calc-product": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
@@ -468,6 +492,7 @@
 			"color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
 			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
+			"command-end-point": "[ to <position> | by <coordinate-pair> ]",
 			"compat-special": "textfield | menulist-button",
 			"composite-mode": "clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter",
 			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
@@ -479,6 +504,7 @@
 			"content-list": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
 			"content()": "content( [ text | before | after | first-letter | marker ]? )",
 			"contrast-color()": "contrast-color( <color> max? )",
+			"control-point": "[ <position> | <relative-control-point> ]",
 			"coord-box": "<paint-box> | view-box",
 			"coordinate-pair": "<length-percentage>{2}",
 			"counter-style": "<counter-style-name> | <symbols()>",
@@ -488,12 +514,12 @@
 			"css-type": "<syntax-component> | <type()>",
 			"cubic-bezier-easing-function": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
 			"cubic-bezier()": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
-			"curve-command": "curve [ <by-to> <coordinate-pair> using <coordinate-pair>{1,2} ]",
+			"curve-command": "curve [ [ to <position> && [ with <control-point> [ / <control-point> ]? ] ] | [ by <coordinate-pair> && [ with <relative-control-point> [ / <relative-control-point> ]? ] ] ]",
 			"custom-arg": "$ <ident-token> ;",
 			"custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
 			"dasharray": "[ [ <length-percentage> | <number> ]+ ]#",
 			"deprecated-color": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
-			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]> ]+ )",
+			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]> ]# )",
 			"easing-function": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
 			"element()": "element( <id-selector> )",
 			"env()": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
@@ -514,12 +540,18 @@
 			"function-name": "<dashed-ident>",
 			"function-parameter": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
 			"function-parameter-list": "<function-parameter>#",
+			"gap-rule": "[ <line-width> || <line-style> || <color> ]",
+			"gap-rule-list": "<gap-rule-or-repeat> [ / <gap-rule-or-repeat> ]*",
+			"gap-rule-or-repeat": "[ <gap-rule> | <repeat-gap-rule> ]",
 			"gradient": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient> ]",
 			"grid-line": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
+			"horizontal-line-command": "hline [ to [ <length-percentage> | left | center | right | x-start | x-end ] | by <length-percentage> ]",
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
-			"hv-line-command": "[ hline | vline ] <by-to> <length-percentage>",
 			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"if-condition": "<boolean-expr[<if-test>]> | else",
+			"if-test": "supports( [ <supports-condition> | <ident> : <declaration-value> ] ) | media( <media-query> ) | style( <style-query> )",
+			"if()": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ;? )",
 			"image-1D": "<stripes()>",
 			"image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"image-src": "[ <url> | <string> ]",
@@ -540,8 +572,14 @@
 			"legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
 			"legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
 			"length-percentage": "[ <length> | <percentage> ]",
-			"line-command": "line <by-to> <coordinate-pair>",
+			"line-color-list": "[ <line-color-or-repeat> ]+",
+			"line-color-or-repeat": "[ <color> | <repeat-line-color> ]",
+			"line-command": "line <command-end-point>",
+			"line-style-list": "[ <line-style-or-repeat> ]+",
+			"line-style-or-repeat": "[ <line-style> | <repeat-line-style> ]",
 			"line-width": "<length [0,∞]> | thin | medium | thick",
+			"line-width-list": "[ <line-width-or-repeat> ]+",
+			"line-width-or-repeat": "[ <line-width> | <repeat-line-width> ]",
 			"linear-easing-function": "linear | <linear()>",
 			"linear-gradient-syntax": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
 			"linear-gradient()": "linear-gradient( [ <linear-gradient-syntax> ] )",
@@ -565,7 +603,7 @@
 			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
 			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"move-command": "move <by-to> <coordinate-pair>",
+			"move-command": "move <command-end-point>",
 			"mq-boolean": "<integer [0,1]>",
 			"number-optional-number": "<number> <number>?",
 			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
@@ -605,6 +643,11 @@
 			"random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
 			"ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
 			"referrerpolicy-modifier": "referrerpolicy( no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url )",
+			"relative-control-point": "<coordinate-pair> [ from [ start | end | origin ] ]?",
+			"repeat-gap-rule": "repeat( [ <integer [1,∞]> ] , [ <gap-rule> ]# )",
+			"repeat-line-color": "repeat( [ <integer [1,∞]> ] , [ <color> ]+ )",
+			"repeat-line-style": "repeat( [ <integer [1,∞]> ] , [ <line-style> ]+ )",
+			"repeat-line-width": "repeat( [ <integer [1,∞]> ] , [ <line-width> ]+ )",
 			"repeat-style": "repeat-x | repeat-y | <repetition>{1,2}",
 			"repeating-conic-gradient()": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 			"repeating-linear-gradient()": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
@@ -623,10 +666,10 @@
 			"scroll()": "scroll( [ <scroller> || <axis> ]? )",
 			"shadow": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
 			"shape-box": "<visual-box> | margin-box",
-			"shape-command": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close",
+			"shape-command": "<move-command> | <line-command> | close | <horizontal-line-command> | <vertical-line-command> | <curve-command> | <smooth-command> | <arc-command>",
 			"shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
 			"single-animation-iteration-count": "infinite | <number [0,∞]>",
-			"smooth-command": "smooth [ [ <by-to> <coordinate-pair> ] || [ using <coordinate-pair> ]? ]",
+			"smooth-command": "smooth [ [ to <position> && [ with <control-point> ]? ] | [ by <coordinate-pair> && [ with <relative-control-point> ]? ] ]",
 			"source-size": "<media-condition> <source-size-value> | auto",
 			"source-size-list": "<source-size>#? , <source-size-value>",
 			"source-size-value": "<length> | auto",
@@ -654,7 +697,7 @@
 			"syntax-string": "<string>",
 			"syntax-type-name": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function",
 			"target-contrast": "<wcag2>",
-			"text-edge": "[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?",
+			"text-edge": "[ text | ideographic | ideographic-ink ] | [ text | ideographic | ideographic-ink | cap | ex ] [ text | ideographic | ideographic-ink | alphabetic ]",
 			"time-percentage": "[ <time> | <percentage> ]",
 			"toggle()": "toggle( <any-value># )",
 			"top": "<length-percentage> | auto",
@@ -666,6 +709,7 @@
 			"url-set-option": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?",
 			"url-set()": "url-set( <url-set-option># )",
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
+			"vertical-line-command": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]",
 			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 			"xyz": "xyz | xyz-d50 | xyz-d65",
 			"xyz-params": "<xyz> [ <number> | <percentage> | none ]{3}"

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@csstools/css-syntax-patches-for-csstree",
 	"description": "CSS syntax patches for CSS tree",
-	"version": "1.0.6",
+	"version": "1.0.8",
 	"contributors": [
 		{
 			"name": "Antonio Laguna",