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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/README.md +1 -1
  3. package/dist/index.json +111 -62
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,9 @@
1
1
  # Changes to CSS Syntax Patches For CSSTree
2
2
 
3
- ### 1.0.8
3
+ ### 1.0.10
4
4
 
5
- _December 27, 2024_
5
+ _April 19, 2025_
6
6
 
7
- - Update `@webref/css` to [`v6.18.0`](https://github.com/w3c/webref/releases/tag/%40webref%2Fcss%406.18.0)
7
+ - Update `@webref/css` to [`v6.20.8`](https://github.com/w3c/webref/releases/tag/%40webref%2Fcss%406.20.8)
8
8
 
9
9
  [Full CHANGELOG](https://github.com/csstools/postcss-plugins/tree/main/packages/css-syntax-patches-for-csstree/CHANGELOG.md)
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # CSS Syntax Patches For CSSTree <img src="https://cssdb.org/images/css.svg" alt="for CSS" width="90" height="90" align="right">
2
2
 
3
3
  [<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/css-syntax-patches-for-csstree.svg" height="20">][npm-url]
4
- [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url]
4
+ [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/actions/workflows/test.yml/badge.svg?branch=main" height="20">][cli-url]
5
5
 
6
6
  Patch [csstree](https://github.com/csstree/csstree) syntax definitions with the latest data from CSS specifications.
7
7
 
package/dist/index.json CHANGED
@@ -21,7 +21,7 @@
21
21
  "font-language-override": "normal | <string>",
22
22
  "font-named-instance": "auto | <string>",
23
23
  "font-size": "auto | [ <number> ]{1,2}",
24
- "font-style": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
24
+ "font-style": "auto | normal | italic | left | right | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
25
25
  "font-weight": "| auto",
26
26
  "font-width": "auto | <'font-width'>{1,2}",
27
27
  "line-gap-override": "[ normal | <percentage [0,∞]> ]{1,2}",
@@ -73,7 +73,16 @@
73
73
  "align-self": "| anchor-center",
74
74
  "alignment-baseline": "| text-bottom | text-top",
75
75
  "animation-duration": "[ auto | <time [0s,∞]> ]#",
76
- "appearance": "none | auto | base | <compat-auto> | <compat-special>",
76
+ "animation-trigger": "<single-animation-trigger>#",
77
+ "animation-trigger-exit-range": "[ <'animation-trigger-exit-range-start'> <'animation-trigger-exit-range-end'>? ]#",
78
+ "animation-trigger-exit-range-end": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
79
+ "animation-trigger-exit-range-start": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
80
+ "animation-trigger-range": "[ <'animation-trigger-range-start'> <'animation-trigger-range-end'>? ]#",
81
+ "animation-trigger-range-end": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
82
+ "animation-trigger-range-start": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
83
+ "animation-trigger-timeline": "<single-animation-timeline>#",
84
+ "animation-trigger-type": "<single-animation-trigger-type>#",
85
+ "appearance": "none | auto | base | <compat-auto> | <compat-special> | base",
77
86
  "backdrop-filter": "none | <filter-value-list>",
78
87
  "background": "<bg-layer>#? , <final-bg-layer>",
79
88
  "background-blend-mode": "<'mix-blend-mode'>#",
@@ -143,6 +152,7 @@
143
152
  "border-radius": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
144
153
  "border-right-color": "<color> | <image-1D>",
145
154
  "border-right-radius": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
155
+ "border-shape": "none | [ <basic-shape> <geometry-box>? ]{1,2}",
146
156
  "border-spacing": "<length>{1,2}",
147
157
  "border-start-end-radius": "<length-percentage [0,∞]>{1,2}",
148
158
  "border-start-start-radius": "<length-percentage [0,∞]>{1,2}",
@@ -166,27 +176,49 @@
166
176
  "column-count": "auto | <integer [1,∞]>",
167
177
  "column-fill": "| balance-all",
168
178
  "column-gap": "normal | <length-percentage [0,∞]>",
169
- "column-rule": "<gap-rule-list> | <auto-gap-rule-list>",
170
- "column-rule-break": "intersection | spanning-item | none",
179
+ "column-height": "auto | <length [0,∞]>",
180
+ "column-rule": "<gap-rule-list> | <gap-auto-rule-list>",
181
+ "column-rule-break": "none | spanning-item | intersection",
171
182
  "column-rule-color": "<line-color-list> | <auto-line-color-list>",
172
183
  "column-rule-outset": "<length-percentage>",
173
184
  "column-rule-style": "<line-style-list> | <auto-line-style-list>",
174
185
  "column-rule-width": "<line-width-list> | <auto-line-width-list>",
175
186
  "column-span": "| <integer [1,∞]> | auto",
176
187
  "column-width": "auto | <length [0,∞]> | min-content | max-content | fit-content( <length-percentage> )",
188
+ "column-wrap": "auto | nowrap | wrap",
189
+ "columns": "<'column-width'> || <'column-count'> [ / <'column-height'> ]?",
177
190
  "contain": "none | strict | content | [ [ size | inline-size ] || layout || style || paint ]",
191
+ "contain-intrinsic-block-size": "auto? [ none | <length [0,∞]> ]",
192
+ "contain-intrinsic-height": "auto? [ none | <length [0,∞]> ]",
193
+ "contain-intrinsic-inline-size": "auto? [ none | <length [0,∞]> ]",
194
+ "contain-intrinsic-width": "auto? [ none | <length [0,∞]> ]",
178
195
  "container-type": "normal | [ [ size | inline-size ] || scroll-state ]",
179
196
  "content": "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
180
197
  "continue": "auto | discard | -webkit-discard | overflow | paginate | fragments",
181
198
  "copy-into": "none | [ [ <custom-ident> <content-level> ] [, <custom-ident> <content-level> ]* ]?",
182
- "corner-shape": "[ round | angle ]{1,4}",
183
- "corners": "<'corner-shape'> || <'border-radius'>",
199
+ "corner-block-end-shape": "<corner-shape-value>",
200
+ "corner-block-start-shape": "<corner-shape-value>",
201
+ "corner-bottom-left-shape": "<corner-shape-value>",
202
+ "corner-bottom-right-shape": "<corner-shape-value>",
203
+ "corner-bottom-shape": "<corner-shape-value>",
204
+ "corner-end-end-shape": "<corner-shape-value>",
205
+ "corner-end-start-shape": "<corner-shape-value>",
206
+ "corner-inline-end-shape": "<corner-shape-value>",
207
+ "corner-inline-start-shape": "<corner-shape-value>",
208
+ "corner-left-shape": "<corner-shape-value>",
209
+ "corner-right-shape": "<corner-shape-value>",
210
+ "corner-shape": "<corner-shape-value>{1,4}",
211
+ "corner-start-end-shape": "<corner-shape-value>",
212
+ "corner-start-start-shape": "<corner-shape-value>",
213
+ "corner-top-left-shape": "<corner-shape-value>",
214
+ "corner-top-right-shape": "<corner-shape-value>",
215
+ "corner-top-shape": "<corner-shape-value>",
184
216
  "cursor": "[ [ <url> | <url-set()> ] [ <x> <y> ]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | -webkit-grab | -webkit-grabbing | -webkit-zoom-in | -webkit-zoom-out | -moz-grab | -moz-grabbing | -moz-zoom-in | -moz-zoom-out ]",
185
217
  "cx": "<length-percentage>",
186
218
  "cy": "<length-percentage>",
187
- "display": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-non-standard-display> | masonry | inline-masonry | <display-outside> || [ <display-inside> | math ]",
219
+ "display": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
188
220
  "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",
189
- "dynamic-range-limit": "standard | high | constrained-high | <dynamic-range-limit-mix()>",
221
+ "dynamic-range-limit": "standard | no-limit | constrained-high | <dynamic-range-limit-mix()>",
190
222
  "fill-break": "bounding-box | slice | clone",
191
223
  "fill-color": "<color>",
192
224
  "fill-image": "<paint>#",
@@ -209,23 +241,14 @@
209
241
  "font-palette": "| <palette-mix()>",
210
242
  "font-size": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
211
243
  "font-size-adjust": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
212
- "font-style": "normal | italic | oblique <angle [-90deg,90deg]>?",
244
+ "font-style": "normal | italic | left | right | oblique <angle [-90deg,90deg]>?",
245
+ "font-synthesis-style": "auto | none | oblique-only",
213
246
  "font-variant": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
214
247
  "font-variation-settings": "normal | [ <opentype-tag> <number> ]#",
215
248
  "font-width": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
216
249
  "footnote-display": "block | inline | compact",
217
250
  "footnote-policy": "auto | line | block",
218
- "gap-rule": "<'column-rule'>",
219
- "gap-rule-break": "<'column-rule-break'>",
220
- "gap-rule-color": "<'column-rule-color'>",
221
- "gap-rule-outset": "<'column-rule-outset'>",
222
- "gap-rule-paint-order": "row-over-column | column-over-row",
223
- "gap-rule-style": "<'column-rule-style'>",
224
- "gap-rule-width": "<'column-rule-width'>",
225
251
  "glyph-orientation-vertical": "auto | 0deg | 90deg | 0 | 90",
226
- "grid-auto-flow": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
227
- "grid-template-columns": "| masonry",
228
- "grid-template-rows": "| masonry",
229
252
  "height": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | fit-content | contain | <anchor-size()> | <-non-standard-size>",
230
253
  "hyphenate-limit-last": "none | always | column | page | spread",
231
254
  "hyphenate-limit-lines": "no-limit | <integer>",
@@ -240,7 +263,15 @@
240
263
  "inset-block-start": "auto | <length-percentage>",
241
264
  "inset-inline-end": "auto | <length-percentage>",
242
265
  "inset-inline-start": "auto | <length-percentage>",
266
+ "interactivity": "auto | inert",
243
267
  "isolation": "<isolation-mode>",
268
+ "item-cross": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
269
+ "item-direction": "auto | row | column | row-reverse | column-reverse",
270
+ "item-flow": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-slack'>",
271
+ "item-pack": "normal | dense || balance",
272
+ "item-slack": "<length-percentage> | infinite",
273
+ "item-track": "auto | row | column | row-reverse | column-reverse",
274
+ "item-wrap": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
244
275
  "justify-items": "| anchor-center",
245
276
  "justify-self": "| anchor-center",
246
277
  "left": "| <anchor()> | <anchor-size()>",
@@ -276,14 +307,6 @@
276
307
  "mask-border-slice": "[ <number> | <percentage> ]{1,4} fill?",
277
308
  "mask-clip": "[ <coord-box> | no-clip ]#",
278
309
  "mask-origin": "<coord-box>#",
279
- "masonry": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
280
- "masonry-auto-tracks": "<'grid-auto-columns'>",
281
- "masonry-direction": "row | column | row-reverse | column-reverse",
282
- "masonry-fill": "normal | reverse",
283
- "masonry-flow": "<'masonry-direction'> || <'masonry-fill'>",
284
- "masonry-slack": "<length-percentage> | infinite",
285
- "masonry-template-areas": "none | <string>",
286
- "masonry-template-tracks": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
287
310
  "max-height": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
288
311
  "max-lines": "none | <integer [1,∞]>",
289
312
  "max-width": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content( <length-percentage [0,∞]> ) | <calc-size()> | stretch | <-non-standard-size> | fit-content | contain | <anchor-size()>",
@@ -327,20 +350,28 @@
327
350
  "position": "| <running()>",
328
351
  "quotes": "| match-parent",
329
352
  "r": "<length-percentage>",
330
- "reading-flow": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
353
+ "reading-flow": "normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
354
+ "reading-order": "<integer>",
331
355
  "region-fragment": "auto | break",
332
356
  "rest-after": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
333
357
  "rest-before": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
334
358
  "right": "| <anchor()> | <anchor-size()>",
335
359
  "row-gap": "normal | <length-percentage [0,∞]>",
336
- "row-rule": "<gap-rule-list> | <auto-gap-rule-list>",
337
- "row-rule-break": "intersection | spanning-item | none",
360
+ "row-rule": "<gap-rule-list> | <gap-auto-rule-list>",
361
+ "row-rule-break": "none | spanning-item | intersection",
338
362
  "row-rule-color": "<line-color-list> | <auto-line-color-list>",
339
363
  "row-rule-outset": "<length-percentage>",
340
364
  "row-rule-style": "<line-style-list> | <auto-line-style-list>",
341
365
  "row-rule-width": "<line-width-list> | <auto-line-width-list>",
342
366
  "ruby-merge": "separate | merge | auto",
343
367
  "ruby-overhang": "auto | none",
368
+ "rule": "<'column-rule'>",
369
+ "rule-break": "<'column-rule-break'>",
370
+ "rule-color": "<'column-rule-color'>",
371
+ "rule-outset": "<'column-rule-outset'>",
372
+ "rule-paint-order": "row-over-column | column-over-row",
373
+ "rule-style": "<'column-rule-style'>",
374
+ "rule-width": "<'column-rule-width'>",
344
375
  "rx": "<length-percentage> | auto",
345
376
  "ry": "<length-percentage> | auto",
346
377
  "scroll-initial-target": "none | nearest",
@@ -362,6 +393,7 @@
362
393
  "shape-margin": "<length-percentage [0,∞]>",
363
394
  "shape-padding": "<length-percentage [0,∞]>",
364
395
  "shape-subtract": "none | [ <basic-shape> | <url> ]+",
396
+ "slider-orientation": "auto | left-to-right | right-to-left | top-to-bottom | bottom-to-top",
365
397
  "spatial-navigation-action": "auto | focus | scroll",
366
398
  "spatial-navigation-contain": "auto | contain",
367
399
  "spatial-navigation-function": "normal | grid",
@@ -448,20 +480,20 @@
448
480
  "anchor-size()": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
449
481
  "anchor()": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
450
482
  "angle-percentage": "[ <angle> | <percentage> ]",
483
+ "angular-color-hint": "| <zero>",
451
484
  "angular-color-stop": "<color> <color-stop-angle>?",
452
485
  "angular-color-stop-list": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?",
453
- "arc-command": "arc [ <command-end-point> && [ of <coordinate-pair> ] && <arc-sweep>? && <arc-size>? && [ rotate <angle> ]? ]",
486
+ "arc-command": "arc <command-end-point> [ [ of <length-percentage>{1,2} ] && <arc-sweep>? && <arc-size>? && [ rotate <angle> ]? ]",
454
487
  "arc-size": "large | small",
455
488
  "arc-sweep": "cw | ccw",
489
+ "attr-args": "attr( <declaration-value> , <declaration-value>? )",
456
490
  "attr-name": "[ [ <ident-token>? '|' ]? <ident-token> ]",
457
- "attr-type": "type( <syntax> ) | string | <attr-unit>",
491
+ "attr-type": "type( <syntax> ) | raw-string | <attr-unit>",
458
492
  "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",
459
493
  "attr()": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
460
- "auto-gap-rule-list": "[ [ <gap-rule-or-repeat> ] / ]* <auto-repeat-gap-rule> [ / [ <gap-rule-or-repeat> ] ]*",
461
494
  "auto-line-color-list": "[ <line-color-or-repeat> ]* <auto-repeat-line-color> [ <line-color-or-repeat> ]*",
462
495
  "auto-line-style-list": "[ <line-style-or-repeat> ]* <auto-repeat-line-style> [ <line-style-or-repeat> ]*",
463
496
  "auto-line-width-list": "[ <line-width-or-repeat> ]* <auto-repeat-line-width> [ <line-width-or-repeat> ]*",
464
- "auto-repeat-gap-rule": "repeat( auto , [ <gap-rule> ]# )",
465
497
  "auto-repeat-line-color": "repeat( auto , [ <color> ]+ )",
466
498
  "auto-repeat-line-style": "repeat( auto , [ <line-style> ]+ )",
467
499
  "auto-repeat-line-width": "repeat( auto , [ <line-width> ]+ )",
@@ -479,7 +511,7 @@
479
511
  "box": "| margin-box | fill-box | stroke-box | view-box",
480
512
  "calc-keyword": "e | pi | infinity | -infinity | NaN",
481
513
  "calc-mix()": "calc-mix( <progress> , <calc-sum> , <calc-sum> )",
482
- "calc-product": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*",
514
+ "calc-product": "<calc-value> [ [ '*' | / ] <calc-value> ]*",
483
515
  "calc-size-basis": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]",
484
516
  "calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
485
517
  "calc-value": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
@@ -487,15 +519,17 @@
487
519
  "clamp()": "clamp( [ <calc-sum> | none ] , <calc-sum> , [ <calc-sum> | none ] )",
488
520
  "color": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <-non-standard-color>",
489
521
  "color-font-tech": "[ color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]",
522
+ "color-function": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <color()>",
490
523
  "color-layers()": "color-layers( [ <blend-mode> , ]? <color># )",
524
+ "color-stop-angle": "[ <angle-percentage> | <zero> ]{1,2}",
491
525
  "color-stop-list": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
492
526
  "color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
493
527
  "color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
494
- "colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params> ]",
528
+ "colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <xyz-params> ]",
495
529
  "command-end-point": "[ to <position> | by <coordinate-pair> ]",
496
530
  "compat-special": "textfield | menulist-button",
497
531
  "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",
498
- "conic-gradient-syntax": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
532
+ "conic-gradient-syntax": "[ [ [ from [ <angle> | <zero> ] ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>",
499
533
  "conic-gradient()": "conic-gradient( [ <conic-gradient-syntax> ] )",
500
534
  "container-condition": "[ <container-name>? <container-query>? ]!",
501
535
  "container-progress()": "container-progress( <mf-name> [ of <container-name> ]? , <calc-sum> , <calc-sum> )",
@@ -503,23 +537,25 @@
503
537
  "content-level": "element | content | text | <attr()> | <counter>",
504
538
  "content-list": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <counter()> | <counters()> ]+",
505
539
  "content()": "content( [ text | before | after | first-letter | marker ]? )",
506
- "contrast-color()": "contrast-color( <color> max? )",
540
+ "contrast-color()": "contrast-color( <color> )",
507
541
  "control-point": "[ <position> | <relative-control-point> ]",
542
+ "control-value()": "control-value( <type>? )",
508
543
  "coord-box": "<paint-box> | view-box",
509
544
  "coordinate-pair": "<length-percentage>{2}",
545
+ "corner-shape-value": "round | scoop | bevel | notch | straight | squircle | superellipse( <number [0,∞]> | infinity )",
510
546
  "counter-style": "<counter-style-name> | <symbols()>",
511
- "counter-style-name": "| decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
547
+ "counter-style-name": "| decimal | decimal-leading-zero | arabic-indic | armenian | upper-armenian | lower-armenian | bengali | cambodian | khmer | cjk-decimal | devanagari | georgian | gujarati | gurmukhi | hebrew | kannada | lao | malayalam | mongolian | myanmar | oriya | persian | lower-roman | upper-roman | tamil | telugu | thai | tibetan | lower-alpha | lower-latin | upper-alpha | upper-latin | lower-greek | hiragana | hiragana-iroha | katakana | katakana-iroha | disc | circle | square | disclosure-open | disclosure-closed | cjk-earthly-branch | cjk-heavenly-stem | japanese-informal | japanese-formal | korean-hangul-formal | korean-hanja-informal | korean-hanja-formal | ethiopic-numeric",
512
548
  "cross-fade()": "cross-fade( <cf-image># )",
513
549
  "crossorigin-modifier": "crossorigin( anonymous | use-credentials )",
514
550
  "css-type": "<syntax-component> | <type()>",
515
551
  "cubic-bezier-easing-function": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
516
552
  "cubic-bezier()": "cubic-bezier( [ <number [0,1]> , <number> ]#{2} )",
517
- "curve-command": "curve [ [ to <position> && [ with <control-point> [ / <control-point> ]? ] ] | [ by <coordinate-pair> && [ with <relative-control-point> [ / <relative-control-point> ]? ] ] ]",
553
+ "curve-command": "curve [ [ to <position> with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> with <relative-control-point> [ / <relative-control-point> ]? ] ]",
518
554
  "custom-arg": "$ <ident-token> ;",
519
555
  "custom-params": "<dashed-ident> [ <number> | <percentage> | none ]+",
520
556
  "dasharray": "[ [ <length-percentage> | <number> ]+ ]#",
521
557
  "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",
522
- "dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]> ]# )",
558
+ "dynamic-range-limit-mix()": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )",
523
559
  "easing-function": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
524
560
  "element()": "element( <id-selector> )",
525
561
  "env()": "env( <custom-ident> <integer [0,∞]>* , <declaration-value>? )",
@@ -536,32 +572,43 @@
536
572
  "font-tech": "[ <font-features-tech> | <color-font-tech> | variations | palettes | incremental ]",
537
573
  "font-weight-absolute": "[ normal | bold | <number [1,1000]> ]",
538
574
  "frequency-percentage": "[ <frequency> | <percentage> ]",
539
- "function-dependency-list": "<function-parameter>#",
540
- "function-name": "<dashed-ident>",
541
575
  "function-parameter": "<custom-property-name> <css-type>? [ : <declaration-value> ]?",
542
- "function-parameter-list": "<function-parameter>#",
543
- "gap-rule": "[ <line-width> || <line-style> || <color> ]",
544
- "gap-rule-list": "<gap-rule-or-repeat> [ / <gap-rule-or-repeat> ]*",
545
- "gap-rule-or-repeat": "[ <gap-rule> | <repeat-gap-rule> ]",
576
+ "gap-auto-repeat-rule": "repeat( auto , <gap-rule># )",
577
+ "gap-auto-rule-list": "<gap-rule-or-repeat>#? , <gap-auto-repeat-rule> , <gap-rule-or-repeat>#?",
578
+ "gap-repeat-rule": "repeat( <integer [1,∞]> , <gap-rule># )",
579
+ "gap-rule": "<line-width> || <line-style> || <color>",
580
+ "gap-rule-list": "<gap-rule-or-repeat>#",
581
+ "gap-rule-or-repeat": "<gap-rule> | <gap-repeat-rule>",
582
+ "generic-script-specific": "generic( fangsong ) | generic( kai ) | generic( khmer-mul ) | generic( nastaliq )",
546
583
  "gradient": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient> ]",
547
584
  "grid-line": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
585
+ "hdr-color()": "color-hdr( [ <color> && <number [0,∞]>? ]#{2} )",
548
586
  "horizontal-line-command": "hline [ to [ <length-percentage> | left | center | right | x-start | x-end ] | by <length-percentage> ]",
549
587
  "hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
550
588
  "hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
551
589
  "hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
590
+ "ictcp()": "ictcp( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
591
+ "ident-arg": "<string> | <integer> | <ident>",
592
+ "ident()": "ident( <ident-arg>+ )",
593
+ "if-args": "if( [ <if-args-branch> ; ]* <if-args-branch> ;? )",
594
+ "if-args-branch": "<declaration-value> : <declaration-value>?",
595
+ "if-branch": "<if-condition> : <declaration-value>?",
552
596
  "if-condition": "<boolean-expr[<if-test>]> | else",
553
- "if-test": "supports( [ <supports-condition> | <ident> : <declaration-value> ] ) | media( <media-query> ) | style( <style-query> )",
554
- "if()": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ;? )",
597
+ "if-test": "supports( [ <ident> : <declaration-value> ] | <supports-condition> ) | media( <media-feature> | <media-condition> ) | style( <style-query> )",
598
+ "if()": "if( [ <if-branch> ; ]* <if-branch> ;? )",
555
599
  "image-1D": "<stripes()>",
556
600
  "image-set-option": "[ <image> | <string> ] [ <resolution> || type( <string> ) ]?",
557
601
  "image-src": "[ <url> | <string> ]",
558
602
  "image-tags": "[ ltr | rtl ]",
559
603
  "import-conditions": "[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?",
560
604
  "inflexible-breadth": "<length-percentage [0,∞]> | min-content | max-content | auto",
605
+ "inherit-args": "inherit( <declaration-value> , <declaration-value>? )",
561
606
  "inherit()": "inherit( <custom-property-name> , <declaration-value>? )",
562
607
  "integrity-modifier": "integrity( <string> )",
563
608
  "intrinsic-size-keyword": "auto | max-content | min-content | stretch",
564
609
  "isolation-mode": "auto | isolate",
610
+ "jzazbz()": "jzazbz( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
611
+ "jzczhz()": "jzczhz( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
565
612
  "keyframe-selector": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>",
566
613
  "lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
567
614
  "layout-box": "<visual-box> | margin-box",
@@ -569,6 +616,7 @@
569
616
  "left": "<length-percentage> | auto",
570
617
  "legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
571
618
  "legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
619
+ "legacy-pseudo-element-selector": ": [ before | after | first-line | first-letter ]",
572
620
  "legacy-rgb-syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
573
621
  "legacy-rgba-syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
574
622
  "length-percentage": "[ <length> | <percentage> ]",
@@ -581,12 +629,11 @@
581
629
  "line-width-list": "[ <line-width-or-repeat> ]+",
582
630
  "line-width-or-repeat": "[ <line-width> | <repeat-line-width> ]",
583
631
  "linear-easing-function": "linear | <linear()>",
584
- "linear-gradient-syntax": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
632
+ "linear-gradient-syntax": "[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
585
633
  "linear-gradient()": "linear-gradient( [ <linear-gradient-syntax> ] )",
586
634
  "linear()": "linear( [ <number> && <percentage>{0,2} ]# )",
587
635
  "link-param": "param( <custom-property-name> <declaration-value>? )",
588
636
  "marker-ref": "<url>",
589
- "masonry-auto-track-list": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-size> | <track-repeat> ] <line-names>? ]*",
590
637
  "media-and": "and <media-in-parens>",
591
638
  "media-condition": "<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]",
592
639
  "media-condition-without-or": "<media-not> | <media-in-parens> <media-and>*",
@@ -622,13 +669,11 @@
622
669
  "position-one": "[ left | center | right | top | bottom | x-start | x-end | y-start | y-end | block-start | block-end | inline-start | inline-end | <length-percentage> ]",
623
670
  "position-three": "[ [ left | center | right ] && [ [ top | bottom ] <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ top | center | bottom ] ]",
624
671
  "position-two": "[ [ left | center | right | x-start | x-end ] && [ top | center | bottom | y-start | y-end ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ block-start | center | block-end ] && [ inline-start | center | inline-end ] | [ start | center | end ]{2} ]",
625
- "predefined-polar-params": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none ]",
626
- "predefined-rectangular": "jzazbz | ictcp",
627
- "predefined-rectangular-params": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}",
628
672
  "predefined-rgb": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear",
629
- "progress": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
673
+ "progress": "[ <percentage-token> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
630
674
  "progress()": "progress( <calc-sum> , <calc-sum> , <calc-sum> )",
631
- "pseudo-page": "':' [ left | right | first | blank ]",
675
+ "pseudo-class-selector": ": <ident-token> | : <function-token> <any-value> )",
676
+ "pseudo-element-selector": ": <pseudo-class-selector> | <legacy-pseudo-element-selector>",
632
677
  "pt-class-selector": "[ '.' <custom-ident> ]+",
633
678
  "pt-name-and-class-selector": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>",
634
679
  "pt-name-selector": "'*' | <custom-ident>",
@@ -638,13 +683,13 @@
638
683
  "radial-gradient()": "radial-gradient( [ <radial-gradient-syntax> ] )",
639
684
  "radial-shape": "circle | ellipse",
640
685
  "radial-size": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>",
641
- "random-caching-options": "<dashed-ident> || per-element",
642
- "random-item()": "random-item( <random-caching-options> , [ <declaration-value>? ]# )",
643
- "random()": "random( <random-caching-options>? , <calc-sum> , <calc-sum> , [ by <calc-sum> ]? )",
686
+ "random-item-args": "random-item( <declaration-value> , [ <declaration-value>? ]# )",
687
+ "random-item()": "random-item( <random-value-sharing> , [ <declaration-value>? ]# )",
688
+ "random-value-sharing": "[ [ auto | <dashed-ident> ] || element-shared ] | fixed <number [0,1]>",
689
+ "random()": "random( <random-value-sharing>? , <calc-sum> , <calc-sum> , <calc-sum>? )",
644
690
  "ray()": "ray( [ <angle> && <ray-size>? && contain? && [ at <position> ]? ] )",
645
691
  "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 )",
646
692
  "relative-control-point": "<coordinate-pair> [ from [ start | end | origin ] ]?",
647
- "repeat-gap-rule": "repeat( [ <integer [1,∞]> ] , [ <gap-rule> ]# )",
648
693
  "repeat-line-color": "repeat( [ <integer [1,∞]> ] , [ <color> ]+ )",
649
694
  "repeat-line-style": "repeat( [ <integer [1,∞]> ] , [ <line-style> ]+ )",
650
695
  "repeat-line-width": "repeat( [ <integer [1,∞]> ] , [ <line-width> ]+ )",
@@ -667,9 +712,11 @@
667
712
  "shadow": "<color>? && [ <length>{2} <length [0,∞]>? <length>? ] && inset?",
668
713
  "shape-box": "<visual-box> | margin-box",
669
714
  "shape-command": "<move-command> | <line-command> | close | <horizontal-line-command> | <vertical-line-command> | <curve-command> | <smooth-command> | <arc-command>",
670
- "shape()": "shape( <'fill-rule'>? from <coordinate-pair> , <shape-command># )",
715
+ "shape()": "shape( <'fill-rule'>? from <position> , <shape-command># )",
671
716
  "single-animation-iteration-count": "infinite | <number [0,∞]>",
672
- "smooth-command": "smooth [ [ to <position> && [ with <control-point> ]? ] | [ by <coordinate-pair> && [ with <relative-control-point> ]? ] ]",
717
+ "single-animation-trigger": "<single-animation-trigger-type> || [ none | auto | [ [ <dashed-ident> | <scroll()> | <view()> ] [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]{0,4} ] ]",
718
+ "single-animation-trigger-type": "once | repeat | alternate | state",
719
+ "smooth-command": "smooth [ [ to <position> [ with <control-point> ]? ] | [ by <coordinate-pair> [ with <relative-control-point> ]? ] ]",
673
720
  "source-size": "<media-condition> <source-size-value> | auto",
674
721
  "source-size-list": "<source-size>#? , <source-size-value>",
675
722
  "source-size-value": "<length> | auto",
@@ -682,6 +729,7 @@
682
729
  "stripes()": "stripes( <color-stripe># )",
683
730
  "style-in-parens": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>",
684
731
  "style-query": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>",
732
+ "superellipse()": "superellipse( <number> | infinity )",
685
733
  "supports-feature": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>",
686
734
  "supports-font-format-fn": "font-format( <font-format> )",
687
735
  "supports-font-tech-fn": "font-tech( <font-tech> )",
@@ -704,6 +752,7 @@
704
752
  "track-breadth": "<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto",
705
753
  "track-size": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )",
706
754
  "transform-mix()": "transform-mix( <progress> , <transform-list> , <transform-list> )",
755
+ "type": "'<' [ number | string ] '>'",
707
756
  "type()": "type( <syntax> )",
708
757
  "url": "<url()> | <src()> | <url-token>",
709
758
  "url-set-option": "[ <url> | <string> ] [ <resolution> || type( <string> ) ]?",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@csstools/css-syntax-patches-for-csstree",
3
3
  "description": "CSS syntax patches for CSS tree",
4
- "version": "1.0.8",
4
+ "version": "1.0.10",
5
5
  "contributors": [
6
6
  {
7
7
  "name": "Antonio Laguna",