@csstools/css-syntax-patches-for-csstree 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,9 +1,9 @@
 # Changes to CSS Syntax Patches For CSSTree
 
-### 1.0.1
+### 1.0.3
 
-_November 1, 2024_
+_November 5, 2024_
 
-- Add TypeScript types
+- Update `@webref/css` to [`v6.17.1`](https://github.com/w3c/webref/releases/tag/%40webref%2Fraw-css%406.17.1)
 
 [Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/packages/css-syntax-patches-for-csstree/CHANGELOG.md)

package/README.md

@@ -3,7 +3,7 @@
 [<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/css-syntax-patches-for-csstree.svg" height="20">][npm-url]
 [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url]
 
-Path [csstree](https://github.com/csstree/csstree) syntax definitions with the latest data from CSS specifications.  
+Patch [csstree](https://github.com/csstree/csstree) syntax definitions with the latest data from CSS specifications.  
 
 ## Usage
 

package/dist/index.json

@@ -73,7 +73,6 @@
 			"alignment-baseline": "| text-bottom | text-top",
 			"animation-duration": "[ auto | <time [0s,∞]> ]#",
 			"appearance": "none | auto | base | <compat-auto> | <compat-special>",
-			"aspect-ratio": "auto || <ratio>",
 			"backdrop-filter": "none | <filter-value-list>",
 			"background": "<bg-layer>#? , <final-bg-layer>",
 			"background-blend-mode": "<'mix-blend-mode'>#",
@@ -164,6 +163,7 @@
 			"color-adjust": "<'print-color-adjust'>",
 			"color-interpolation": "auto | sRGB | linearRGB",
 			"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>",
@@ -181,7 +181,7 @@
 			"cy": "<length-percentage>",
 			"display": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
 			"dominant-baseline": "auto | text-bottom | text-top | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge",
-			"dynamic-range-limit": "standard | high | constrained-high",
+			"dynamic-range-limit": "standard | high | constrained-high | <dynamic-range-limit-mix()>",
 			"fill-break": "bounding-box | slice | clone",
 			"fill-color": "<color>",
 			"fill-image": "<paint>#",
@@ -195,7 +195,7 @@
 			"flex-shrink": "<number [0,∞]>",
 			"float": "| block-start | block-end | snap-block | snap-block( <length> , [ start | end | near ]? ) | snap-inline | snap-inline( <length> , [ left | right | near ]? ) | top | bottom | footnote",
 			"float-defer": "<integer> | last | none",
-			"float-offset": "<length> | <percentage>",
+			"float-offset": "<length-percentage>",
 			"float-reference": "inline | column | region | page",
 			"flood-color": "<color>",
 			"flood-opacity": "<'opacity'>",
@@ -229,7 +229,6 @@
 			"inset-block-start": "auto | <length-percentage>",
 			"inset-inline-end": "auto | <length-percentage>",
 			"inset-inline-start": "auto | <length-percentage>",
-			"interpolate-size": "numeric-only | allow-keywords",
 			"isolation": "<isolation-mode>",
 			"justify-items": "| anchor-center",
 			"justify-self": "| anchor-center",
@@ -285,7 +284,8 @@
 			"object-view-box": "none | <basic-shape-rect>",
 			"opacity": "<opacity-value>",
 			"orphans": "<integer [1,∞]>",
-			"outline-color": "auto | [ <color> | <image-1D> ]",
+			"outline": "<'outline-width'> || <'outline-style'> || <'outline-color'>",
+			"outline-color": "| <image-1D>",
 			"outline-style": "auto | none | dotted | dashed | solid | double | groove | ridge | inset | outset",
 			"overflow": "<'overflow-block'>{1,2} | <-non-standard-overflow>",
 			"overflow-clip-margin-block": "<visual-box> || <length [0,∞]>",
@@ -314,7 +314,6 @@
 			"perspective": "none | <length [0,∞]>",
 			"pointer-events": "| bounding-box",
 			"position": "| <running()>",
-			"position-anchor": "auto | <anchor-name>",
 			"quotes": "| match-parent",
 			"r": "<length-percentage>",
 			"reading-flow": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
@@ -364,7 +363,6 @@
 			"stroke-image": "<paint>#",
 			"stroke-linejoin": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
 			"stroke-miterlimit": "<number>",
-			"stroke-opacity": "<'opacity'>",
 			"stroke-origin": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
 			"stroke-position": "<position>#",
 			"stroke-repeat": "<repeat-style>#",
@@ -385,7 +383,6 @@
 			"text-decoration-skip-spaces": "none | all | [ start || end ]",
 			"text-decoration-thickness": "auto | from-font | <length-percentage>",
 			"text-decoration-trim": "<length>{1,2} | auto",
-			"text-emphasis-position": "[ over | under ] && [ right | left ]?",
 			"text-emphasis-skip": "spaces || punctuation || symbols || narrow",
 			"text-group-align": "none | start | end | left | right | center",
 			"text-indent": "[ <length-percentage> ] && hanging? && each-line?",
@@ -400,7 +397,6 @@
 			"text-transform": "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
 			"text-underline-offset": "auto | <length-percentage>",
 			"text-underline-position": "auto | [ from-font | under ] || [ left | right ]",
-			"text-wrap": "<'text-wrap-mode'> || <'text-wrap-style'>",
 			"text-wrap-mode": "wrap | nowrap",
 			"text-wrap-style": "auto | balance | stable | pretty | avoid-orphans",
 			"timeline-scope": "| all",
@@ -432,7 +428,6 @@
 		},
 		"types": {
 			"dashed-ident": "<custom-property-name>",
-			"anchor-name": "<dashed-ident>",
 			"anchor-size()": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
 			"anchor()": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
 			"angle-percentage": "[ <angle> | <percentage> ]",
@@ -442,8 +437,7 @@
 			"arc-size": "large | small",
 			"arc-sweep": "cw | ccw",
 			"attr-name": "[ [ <ident-token> '|' ]? <ident-token> ]",
-			"attr-type": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>",
-			"attr()": "attr( [ <attr-name> <attr-type>? , <declaration-value>? ] )",
+			"attr()": "attr( <attr-name> <syntax>? , <declaration-value>? )",
 			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 			"axis": "block | inline | x | y",
 			"baseline-position": "[ first | last ]? && baseline",
@@ -478,7 +472,7 @@
 			"conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
 			"conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
 			"container-condition": "[ <container-name> ]? <container-query>",
-			"container-progress()": "container-progress( <size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum> )",
+			"container-progress()": "container-progress( <mf-name> [ of <container-name> ]? , <calc-sum> , <calc-sum> )",
 			"container-query": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]",
 			"content-level": "element | content | text | <attr()> | <counter>",
 			"content-list": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
@@ -498,8 +492,7 @@
 			"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",
-			"dimension-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",
-			"dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2} )",
+			"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>? )",
@@ -532,6 +525,7 @@
 			"image-tags": "[ ltr | rtl ]",
 			"import-conditions": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
 			"inflexible-breadth": "<length-percentage [0,∞]> | min-content | max-content | auto",
+			"inherit()": "inherit( <custom-property-name> , <declaration-value>? )",
 			"integrity-modifier": "integrity( <string> )",
 			"intrinsic-size-keyword": "auto | max-content | min-content | stretch",
 			"isolation-mode": "auto | isolate",
@@ -558,14 +552,14 @@
 			"media-condition": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
 			"media-condition-without-or": "<media-not> | <media-in-parens> <media-and>*",
 			"media-or": "or <media-in-parens>",
-			"media-progress()": "media-progress( <media-feature> from <calc-sum> to <calc-sum> )",
+			"media-progress()": "media-progress( <mf-name> , <calc-sum> , <calc-sum> )",
 			"media()": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
 			"mf-comparison": "<mf-lt> | <mf-gt> | <mf-eq>",
 			"mf-eq": "'='",
 			"mf-gt": "'>' '='?",
 			"mf-lt": "'<' '='?",
 			"mf-range": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-			"mix()": "mix( <progress> , <any-value> , <any-value> ) | mix( <progress> && of <'animation-name'> )",
+			"mix()": "mix( <progress> , <any-value> , <any-value> ) | mix( <progress> && of <keyframes-name> )",
 			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"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 ] ]? )",
@@ -594,7 +588,7 @@
 			"predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
 			"predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
 			"progress": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
-			"progress()": "progress( <calc-sum> from <calc-sum> to <calc-sum> )",
+			"progress()": "progress( <calc-sum> , <calc-sum> , <calc-sum> )",
 			"pseudo-page": "':' [ left | right | first | blank ]",
 			"pt-class-selector": "[ '.' <custom-ident> ]+",
 			"pt-name-and-class-selector": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
@@ -611,7 +605,6 @@
 			"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 )",
 			"repeat-style": "repeat-x | repeat-y | <repetition>{1,2}",
-			"repeat()": "auto-fill | auto-fit",
 			"repeating-conic-gradient()": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
 			"repeating-linear-gradient()": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
 			"repeating-radial-gradient()": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
@@ -652,11 +645,12 @@
 			"svg-paint": "child | child( <integer> )",
 			"symbols-type": "cyclic | numeric | alphabetic | symbolic | fixed",
 			"symbols()": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
-			"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+",
+			"syntax": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]* | <syntax-string>",
 			"syntax-combinator": "'|'",
 			"syntax-component": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
 			"syntax-multiplier": "[ '#' | '+' ]",
 			"syntax-single-component": "'<' <syntax-type-name> '>' | <ident>",
+			"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 ]?",
@@ -676,4 +670,4 @@
 			"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.1",
+	"version": "1.0.3",
 	"contributors": [
 		{
 			"name": "Antonio Laguna",