1.2.1

See also: https://www.w3.org/TR/2019/WD-css-color-4-20190305/

after/syntax/css/box-3.vim

@@ -1,4 +1,9 @@
-syn match cssBoxProp contained "\<overflow-\(style\|x\|y\)\>"
-syn match cssBoxProp contained "\<rotation\(-point\)\=\>"
-syn keyword cssBoxAttr contained scrollbar panner marquee
-syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
+syn match cssBoxProp contained "\<margin-trim\>"
+syn match cssBoxAttr contained "\<in-flow\>"
+" These will be moved to block-3
+syn match cssBoxProp contained "\<clear-after\>"
+syn match cssBoxProp contained "\<float-displace\>"
+syn match cssBoxProp contained "\<indent-edge-reset\>"
+syn keyword cssBoxAttr contained scrollbar panner marquee decendants
+syn match cssBoxAttr contained "\<block-within-page\>"
+syn match cssBoxAttr contained "\<\(margin\|border\|padding\|content\)-edge\>"

after/syntax/css/break-3.vim

@@ -0,0 +1 @@
+syn keyword cssFontAttr contained recto verso

after/syntax/css/break-4.vim

@@ -0,0 +1,2 @@
+syn match cssBoxProp contained "\<margin-break\>"
+syn keyword cssFontAttr contained keep

after/syntax/css/color-4.vim

@@ -1,3 +1,3 @@
 syn match cssColorProp contained "\<color-adjust\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\|color-mod\=\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/display-3.vim

@@ -1,2 +1,3 @@
 syn keyword cssFontAttr contained contents discard
 syn match cssFontAttr contained "\<flow\(-root\)\=\>"
+syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"

after/syntax/css/fonts-3.vim

@@ -1,12 +1,10 @@
-syn keyword cssFontAttr contained unicase ordinal jis78 jis83 jis90 jis04 simplified traditional
+syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal
 syn match cssFontAttr contained "\<\(no-\)\=\(common\|discretionary\|historical\)-ligatures\>"
 syn match cssFontAttr contained "\<\(no-\)\=contextual\>"
-syn match cssFontAttr contained "\<historical-forms\>"
 syn match cssFontAttr contained "\<all-small-caps\>"
 syn match cssFontAttr contained "\<\(all-\)\=petite-caps\>"
 syn match cssFontAttr contained "\<titling-caps\>"
 syn match cssFontAttr contained "\<\(lining\|oldstyle\|proportional\|tabular\)-nums\>"
 syn match cssFontAttr contained "\<\(diagonal\|stacked\)-fractions\>"
-syn match cssFontAttr contained "\<slashed-zero\>"
 syn match cssFontAttr contained "\<proportional-width\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend
+syn match cssFontAttr contained "\<slashed-zero\>"

after/syntax/css/fonts-4.vim

@@ -5,7 +5,11 @@ syn match cssFontProp contained "\<font-variation-settings\>"
 syn match cssFontProp contained "\<font-palette\>"
 syn match cssFontProp contained "\<font-presentation\>"
 syn match cssFontProp contained "\<base-palette\>"
+syn match cssFontProp contained "\<override-color\>"
 syn match cssFontProp contained "\<font-variant-emoji\>"
 syn keyword cssFontAttr contained emoji math fangsong infinity swap fallback optional light dark
 syn match cssFontAttr contained "\<system-ui\>"
+syn match cssFontAttr contained "\<historical-forms\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend
+" syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
 syn match cssFontDescriptor "@font-palette-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/inline-3.vim

@@ -1,4 +1,5 @@
 syn match cssFontProp contained "\<\(dominant\|alignment\)-baseline\>"
 syn match cssFontProp contained "\<baseline-shift\>"
-syn match cssFontProp contained "\<initial-letter\(-\(align\|wrap\)\)\="
+syn match cssFontProp contained "\<inline-sizing\>"
+syn match cssFontProp contained "\<initial-letters\(-\(align\|wrap\)\)\="
 syn keyword cssFontAttr contained mathematical ideographic

after/syntax/css/logical-1.vim

@@ -1,5 +1,5 @@
 syn match cssFontProp contained "\<\(\(min\|max\)-\)\=\(block\|inline\)-size\>"
 syn match cssFontProp contained "\<\(margin\|inset\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
 syn match cssFontProp contained "\<border-\(block\|inline\)\(\(-\(start\|end\)\)\=\(-\(width\|style\|color\)\)\=\)\=\>"
-syn match cssFontProp contained "\<\(background\|border\)-image-transform\>"
+syn match cssFontProp contained "\<border-\(start\|end\)-\(start\|end\)-radius\>"
 syn keyword cssFontAttr contained logical physical rotate

after/syntax/css/motion-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<offset\(-\(path\|distance\|anchor\|rotate\)\)\=\>"
+syn match cssFontProp contained "\<offset\(-\(path\|distance\|position\|anchor\|rotate\)\)\=\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(ray\|path\)\s*(" end=")" oneline keepend

after/syntax/css/overflow-3.vim

@@ -1 +1,5 @@
+syn keyword cssFontProp contained continue
+syn match cssFontProp contained "\<block-overflow\>"
+syn match cssFontProp contained "\<line-clamp\>"
 syn match cssFontProp contained "\<max-lines\>"
+syn match cssFontProp contained "\<overflow-\(block\|inline\)\>"

after/syntax/css/overflow-4.vim

@@ -1,4 +1,3 @@
-syn keyword cssFontProp contained continue
 syn match cssFontProp contained "\<scrollbar-gutter\>"
 syn keyword cssFontAttr contained stable force overflow paginate fragments
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth-fragment\)(" end=")" oneline

after/syntax/css/page-3.vim

@@ -1 +1 @@
-syn keyword cssFontAttr contained recto verso
+syn keyword cssFontProp contained marks bleed

after/syntax/css/selectors-4.vim

@@ -7,4 +7,4 @@ syn match cssPseudoClassId contained "\<\(in\|out-of\)-range\>"
 syn match cssPseudoClassId contained "\<user-invalid\>"
 syn match cssPseudoClassId contained "\<target-within\>"
 syn match cssPseudoClassId contained "\<focus-\(within\|visible\)\>"
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(matches\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|drop\)(" end=")" oneline
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(is\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline

after/syntax/css/shadow-parts-1.vim

@@ -0,0 +1 @@
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":part(" end=")" oneline

after/syntax/css/text-3.vim

@@ -7,3 +7,5 @@ syn keyword cssTextAttr contained manual loose strict hanging anywhere
 syn match cssTextAttr contained "\<match-parent\>"
 syn match cssTextAttr contained "\<each-line\>"
 syn match cssTextAttr contained "\<full-width\>"
+syn match cssTextAttr contained "\<justify-all\>"
+syn match cssTextAttr contained "\<break-spaces\>"

after/syntax/css/text-4.vim

@@ -1,14 +1,16 @@
 syn match cssTextProp contained "\<text-space-\(collapse\|trim\)\>"
-syn match cssTextProp contained "\<text-\(wrap\|spacing\)\>"
+syn match cssTextProp contained "\<text-\(wrap\|spacing\|group-align\)\>"
 syn match cssTextProp contained "\<wrap-\(before\|after\|inside\)\>"
 syn match cssTextProp contained "\<hyphenate-\(character\|limit-\(zone\|chars\|lines\|last\)\)\>"
+syn match cssTextProp contained "\<line-padding\>"
 syn keyword cssTextAttr contained spread punctuation
-syn match cssTextAttr contained "\<preserve-\(auto\|trim\|breaks\|spaces\)\>"
+syn match cssTextAttr contained "\<preserve-\(breaks\|spaces\)\>"
 syn match cssTextAttr contained "\<trim-inner\>"
 syn match cssTextAttr contained "\<discard-\(before\|after\)\>"
 syn match cssTextAttr contained "\<avoid-\(line\|flex\)\>"
 syn match cssTextAttr contained "\<pre-wrap-auto\>"
 syn match cssTextAttr contained "\<no-limit\>"
 syn match cssTextAttr contained "\<\(trim\|space\)-\(start\|end\|adjacent\)\>"
+syn match cssTextAttr contained "\<space-first\>"
 syn match cssTextAttr contained "\<no-compress\>"
 syn match cssTextAttr contained "\<ideograph-\(alpha\|numeric\)\>"

after/syntax/css/transforms-1.vim

@@ -1 +1 @@
-syn keyword cssFontAttr contained flat
+syn match cssFontProp contained "\<transform-box\>"

after/syntax/css/values-4.vim

@@ -0,0 +1,2 @@
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(vi\|vb\|ic\|cap\|lh\|rlh\)"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|toggle\)\s*(" end=")" oneline keepend

test/test.css

@@ -43,22 +43,32 @@
 }
 
 .box-3 {
-  overflow-style: auto;
-  overflow-x: auto;
-  overflow-y: auto;
-  rotation-point: auto;
+  margin-trim: auto;
+  display: in-flow;
+  /* .block-3 */
+  clear-after: auto;
+  float-displace: auto;
+  indent-edge-reset: auto;
   display: scrollbar;
   display: panner;
   display: marquee;
-  display: ruby;
-  display: ruby-base;
-  display: ruby-text;
-  display: ruby-base-group;
-  display: ruby-text-group;
+  display: discard;
+  display: decendants;
+  display: block-within-page;
+  display: margin-edge;
+  display: border-edge;
+  display: padding-edge;
+  display: content-edge;
 }
 
 .break-3 {
-  display: auto;
+  display: recto;
+  display: verso;
+}
+
+.break-4 {
+  margin-break: auto;
+  display: keep;
 }
 
 .cascade-3 {
@@ -85,7 +95,6 @@
   display: gray(50%);
   display: color(swopc, 0 206 190 77);
   display: device-cmyk(0, 81%, 81%, 30%);
-  display: color-mod(#112233 tint(50%));
 }
 
 @color-profile swopc {
@@ -220,7 +229,15 @@
   display: flow;
   display: flow-root;
   display: contents;
-  display: discard;
+  display: ruby;
+  display: ruby-base;
+  display: ruby-text;
+  display: ruby-base-group;
+  display: ruby-text-group;
+}
+
+.easing-1 {
+  display: auto;
 }
 
 .exclusions-3 {
@@ -298,18 +315,12 @@
 .fonts-3 {
   display: common-ligatures;
   display: no-common-ligatures;
+  display: discretionary-ligatures;
   display: no-discretionary-ligatures;
   display: historical-ligatures;
   display: no-historical-ligatures;
   display: contextual;
   display: no-contextual;
-  display: stylistic(feature-value-name);
-  display: historical-forms;
-  display: styleset(feature-value-name #);
-  display: character-variant(feature-vlue-name #);
-  display: swash(feature-value-name);
-  display: ornaments(feature-value-name);
-  display: annotation(feature-value-name);
   display: all-small-caps;
   display: petite-caps;
   display: all-petite-caps;
@@ -321,8 +332,6 @@
   display: tabular-nums;
   display: diagonal-fractions;
   display: stacked-fractions;
-  display: ordinal;
-  display: slashed-zero;
   display: jis78;
   display: jis83;
   display: jis90;
@@ -330,7 +339,8 @@
   display: simplified;
   display: traditional;
   display: proportional-width;
-  display: discretionary-ligatures;
+  display: ordinal;
+  display: slashed-zero;
 }
 
 .fonts-4 {
@@ -342,11 +352,18 @@
   font-palette: auto;
   font-presentation: auto;
   font-variant-emoji: auto;
+  display: system-ui;
   display: emoji;
   display: math;
   display: fangsong;
-  display: system-ui;
   display: infinity;
+  display: stylistic(feature-value-name);
+  display: historical-forms;
+  display: styleset(feature-value-name #);
+  display: character-variant(feature-vlue-name #);
+  display: swash(feature-value-name);
+  display: ornaments(feature-value-name);
+  display: annotation(feature-value-name);
   display: swap;
   display: fallback;
   display: optional;
@@ -356,6 +373,7 @@
 
 @font-palette-values Test {
   base-palette: 1;
+  override-color: 1 rgb(43, 12, 9);
 }
 
 .gcpm-3::footnote-call,
@@ -418,9 +436,10 @@ template {
   dominant-baseline: auto;
   alignment-baseline: auto;
   baseline-shift: auto;
-  initial-letter: auto;
-  initial-letter-align: auto;
-  initial-letter-wrap: auto;
+  inline-sizing: auto;
+  initial-letters: auto;
+  initial-letters-align: auto;
+  initial-letters-wrap: auto;
   display: mathematical;
   display: ideographic;
 }
@@ -498,8 +517,10 @@ template {
   border-inline-end: auto;
   border-block: auto;
   border-inline: auto;
-  background-image-transform: auto;
-  border-image-transform: auto;
+  border-start-start-radius: auto;
+  border-start-end-radius: auto;
+  border-end-start-radius: auto;
+  border-end-end-radius: auto;
   display: logical;
   display: physical;
   display: rotate;
@@ -543,6 +564,7 @@ mask {
 .motion-1 {
   offset-path: auto;
   offset-distance: auto;
+  offset-position: auto;
   offset-anchor: auto;
   offset-rotate: auto;
   offset: auto;
@@ -560,11 +582,15 @@ mask {
 
 .overflow-3 {
   max-lines: auto;
+  block-overflow: auto;
+  line-clamp: auto;
+  continue: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
 }
 
 .overflow-4::nth-fragment(1) {
   scrollbar-gutter: auto;
-  continue: auto;
   display: stable;
   display: force;
   display: overflow;
@@ -573,8 +599,8 @@ mask {
 }
 
 .page-3 {
-  display: recto;
-  display: verso;
+  marks: auto;
+  bleed: auto;
 }
 
 .page-floats-3 {
@@ -740,7 +766,7 @@ mask {
 .selectors-4:in-range,
 .selectors-4:out-of-range,
 .selectors-4:user-invalid,
-.selectors-4:matches(:hover, :focus),
+.selectors-4:is(:hover, :focus),
 .selectors-4:dir(ltr),
 .selectors-4:local-link(0),
 .selectors-4:current(p, li, dt, dd),
@@ -752,7 +778,7 @@ mask {
 .selectors-4:playing,
 .selectors-4:paused,
 .selectors-4:has(> img),
-.selectors-4:drop(active) {
+.selectors-4:where(:not(:hover)) {
   display: auto;
 }
 
@@ -760,6 +786,10 @@ mask {
   display: auto;
 }
 
+.shadow-parts::part(textspan) {
+  display: auto;
+}
+
 .shapes-1 {
   shape-outside: auto;
   shape-image-threshold: auto;
@@ -907,6 +937,8 @@ view {
   display: each-line;
   display: full-width;
   display: anywhere;
+  display: justify-all;
+  display: break-spaces;
 }
 
 .text-4 {
@@ -921,9 +953,9 @@ view {
   hyphenate-limit-chars: auto;
   hyphenate-limit-lines: auto;
   hyphenate-limit-last: auto;
+  text-group-align: auto;
+  line-padding: auto;
   text-spacing: auto;
-  display: preserve-auto;
-  display: preserve-trim;
   display: preserve-breaks;
   display: preserve-spaces;
   display: trim-inner;
@@ -936,6 +968,7 @@ view {
   display: spread;
   display: trim-start;
   display: space-start;
+  display: space-first;
   display: trim-end;
   display: space-end;
   display: trim-adjacent;
@@ -987,7 +1020,7 @@ view {
 }
 
 .transforms-1 {
-  display: flat;
+  transform-box: auto;
 }
 
 .transitions-1 {
@@ -1022,6 +1055,19 @@ view {
   display: calc(100%/3 - 2*1em - 2*1px);
 }
 
+.values-4 {
+  display: 1vi;
+  display: 1vb;
+  display: 1ic;
+  display: 1cap;
+  display: 1lh;
+  display: 1rlh;
+  display: min(0, 1);
+  display: max(0, 1);
+  display: clamp(0, 100, 2);
+  display: toggle(italic, normal);
+}
+
 .variables-1 {
   --var-foo: auto;
   display: var(foo);