@csstools/css-syntax-patches-for-csstree 1.0.2 → 1.0.4

package/CHANGELOG.md

@@ -1,10 +1,9 @@
 # Changes to CSS Syntax Patches For CSSTree
 
-### 1.0.2
+### 1.0.4
 
-_November 4, 2024_
+_November 17, 2024_
 
-- Update `csstree` to [`v3.0.1`](https://github.com/csstree/csstree/releases/tag/v3.0.1)
-- Update `@webref/css` to [`v6.17.0`](https://github.com/w3c/webref/releases/tag/%40webref%2Fraw-css%406.17.0)
+- Update `@webref/css` to [`v6.17.2`](https://github.com/w3c/webref/releases/tag/%40webref%2Fraw-css%406.17.2)
 
 [Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/packages/css-syntax-patches-for-csstree/CHANGELOG.md)

package/README.md

@@ -1,4 +1,4 @@
-# CSS Syntax Patches For CSSTree
+# CSS Syntax Patches For CSSTree <img src="https://cssdb.org/images/css.svg" alt="for CSS" width="90" height="90" align="right">
 
 [<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]

package/dist/index.json

@@ -88,7 +88,7 @@
 			"block-ellipsis": "none | auto | <string>",
 			"block-step": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
 			"block-step-align": "auto | center | start | end",
-			"block-step-insert": "margin | padding",
+			"block-step-insert": "margin-box | padding-box | content-box",
 			"block-step-round": "up | down | nearest",
 			"block-step-size": "none | <length [0,∞]>",
 			"bookmark-label": "<content-list>",
@@ -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'>",
@@ -284,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,∞]>",
@@ -338,7 +339,7 @@
 			"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-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",
@@ -436,8 +437,9 @@
 			"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-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>? )",
 			"autospace": "no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]",
 			"axis": "block | inline | x | y",
 			"baseline-position": "[ first | last ]? && baseline",
@@ -471,8 +473,8 @@
 			"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>",
 			"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-condition": "[ <container-name>? <container-query>? ]!",
+			"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()> ]+",
@@ -492,8 +494,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>? )",
@@ -526,6 +527,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",
@@ -552,14 +554,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 ] ]? )",
@@ -588,7 +590,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>",
@@ -605,7 +607,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> ] )",
@@ -616,6 +617,7 @@
 			"right": "<length-percentage> | auto",
 			"round()": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 			"running()": "running( <custom-ident> )",
+			"scroll-button-direction": "up | down | left | right | block-start | block-end | inline-start | inline-end | prev | next",
 			"scroll-state-feature": "<ident> : <ident>",
 			"scroll-state-in-parens": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>",
 			"scroll-state-query": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>",
@@ -646,11 +648,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 ]?",

package/package.json

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