Add sizing-4.vim

https://www.w3.org/TR/2020/WD-css-sizing-4-20200526/

README.md

@@ -89,7 +89,7 @@ Kyo Nagashima <hail2u@gmail.com> (https://kyonagashima.com/)
 LICENSE
 -------
 
-MIT: http://hail2u.mit-license.org/2011
+MIT License
 
 
 [1]: http://www.vim.org/

after/syntax/css/box-3.vim

@@ -1,7 +0,0 @@
-" 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/box-4.vim

@@ -0,0 +1,2 @@
+syn match cssBoxProp contained "\<margin-trim\>"
+syn match cssBoxAttr contained "\<in-flow\>"

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/cascade-3.vim

@@ -1,2 +0,0 @@
-syn keyword cssFontProp all
-syn keyword cssCommonAttr contained initial unset

after/syntax/css/color-4.vim

@@ -1,3 +1,4 @@
-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 keyword cssFontAttr contained perceptual
+syn match cssFontAttr contained "\<\(relative\|absolute\)-colorimetric\>"
+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/color-5.vim

@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-\(mix\|contrast\|adjust\)\|red\|green\|blue\|alpha\|hue\|saturation\|lightness\|whiteness\|blackness\|a\|b\|chroma\)\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline

after/syntax/css/color-adjust-1.vim

@@ -0,0 +1,3 @@
+syn match cssColorProp contained "\<\(forced-\)\=color-adjust\>"
+syn match cssColorProp contained "\<color-scheme\>"
+syn keyword cssFontAttr contained only economy exact

after/syntax/css/display-3.vim

@@ -1,3 +1,2 @@
 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-4.vim

@@ -1,13 +1,16 @@
-syn match cssFontProp contained "\<font-\(min\|max\)-size\>"
 syn match cssFontProp contained "\<font-display\>"
 syn match cssFontProp contained "\<font-optical-sizing\>"
 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 "\<ui-\(\(sans-\)\=serif\|monospace\|rounded\)\>"
 syn match cssFontAttr contained "\<historical-forms\>"
+syn match cssFontAttr contained "\<xxx-large\>"
 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/grid-1.vim

@@ -1,5 +1,3 @@
-syn match cssFontProp contained "\<grid-template\>"
 syn keyword cssFontAttr contained dense span
 syn match cssFontAttr contained "\<auto-flow\>"
-syn match cssValueNumber contained "[01]\(.\d\+\)\=fr"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend

after/syntax/css/grid-2.vim

@@ -1 +0,0 @@
-syn match cssValueNumber contained "\d\(.\d\+\)\=ar"

after/syntax/css/images-3.vim

@@ -1,6 +1,6 @@
 syn match cssFontProp contained "\<object-\(fit\|position\)\>"
 syn match cssFontProp contained "\<image-orientation\>"
-syn keyword cssFontAttr contained snap
+syn keyword cssFontAttr contained snap flip pixelated
 syn match cssFontAttr contained "\<scale-down\>"
 syn match cssFontAttr contained "\<from-image\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(repeating-\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend

after/syntax/css/lists-3.vim

@@ -1,6 +1,7 @@
+" WD-css-lists-3-20190817
 syn match cssGeneratedContentProp contained "\<marker-side\>"
 syn match cssGeneratedContentProp contained "\<counter-set\>"
 syn keyword cssGeneratedContentAttr contained marker
+syn match cssGeneratedContentAttr contained "\<match-self\>"
 syn match cssGeneratedContentAttr contained "\<list-container\>"
-syn keyword cssPseudoClassId contained marker
 syn region cssFunction contained matchgroup=cssFunctionName start="\<counters\s*(" end=")" oneline keepend

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 "\<\(margin\|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/nav-1.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<spatial-navigation-\(action\|contain\|function\)\>"
+syn keyword cssFontAttr contained focus

after/syntax/css/overscroll-1.vim

@@ -0,0 +1 @@
+syn match cssFontProp contained "\<overscroll-behavior\(-\(block\|inline\|x\|y\)\)\=\>"

after/syntax/css/page-3.vim

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

after/syntax/css/position-3.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<offset-\(before\|end\|after\|start\)\>"
+syn match cssFontProp contained "\<inset\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
 syn keyword cssFontAttr contained sticky

after/syntax/css/properties-values-api-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained syntax inherits
+syn match cssFontProp contained "\<initial-value\>"

after/syntax/css/ruby-1.vim

@@ -1,4 +1,3 @@
-" TODO: create cssRubyProp group and cssRubyAttr group
-syn match cssFontProp contained "\<ruby-\(position\|merge\|align\)"
+syn match cssFontProp contained "\<ruby-\(position\|merge\|align\|overhang\)"
 syn match cssFontAttr contained "\<ruby-\(base\|text\)-container\>"
 syn match cssFontAttr contained "\<inter-character\>"

after/syntax/css/scroll-anchoring-1.vim

@@ -0,0 +1 @@
+syn match cssFontProp contained "\<overflow-anchor\>"

after/syntax/css/scrollbars-1.vim

@@ -0,0 +1 @@
+syn match cssFontProp contained "\<scrollbar-\(color\|width\)\>"

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

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

after/syntax/css/sizing-4.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<contain-intrinsic-size\>"
+syn match cssFontAttr contained "\<\fit-content\>"

after/syntax/css/speech-1.vim

@@ -0,0 +1,6 @@
+syn match cssAuralProp contained "\<voice-\(volume\|balance\|rate\|pitch\|range\|stress\|duration\)\>"
+syn match cssAuralProp contained "\<rest\(-\(before\|after\)\)\=\>"
+syn keyword cssAuralAttr contained young old neutral preserve moderate reduced
+syn match cssAuralAttr contained "\<\(literal\|no\)-punctuation\>"
+syn match cssAuralAttr contained "\<\(x-\)\=\(weak\|strong\)\>"
+syn match cssValueNumber contained "[-+]\=\d\+\(dB\|st\)"

after/syntax/css/text-3.vim

@@ -1,9 +1,8 @@
-syn keyword cssTextProp contained hyphens
-syn match cssTextProp contained "\<line-break\>"
-syn match cssTextProp contained "\<overflow-wrap\>"
 syn match cssTextProp contained "\<tab-size\>"
 syn match cssTextProp contained "\<text-align-all\>"
-syn keyword cssTextAttr contained manual loose strict hanging anywhere
+syn keyword cssTextAttr contained 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/text-decor-4.vim

@@ -1,4 +1,6 @@
-syn match cssTextProp contained "\<text-\(decoration-\(width\|skip\|skip-ink\)\|underline-offset\|emphasis-skip\)\>"
+syn match cssTextProp contained "\<text-\(decoration-\(thickness\|skip\|skip-ink\)\|underline-offset\|emphasis-skip\)\>"
 syn keyword cssTextAttr contained objects edges symbols narrow
-syn match cssTextAttr contained "\<box-decoration\>"
+syn match cssTextAttr contained "\<\(spelling\|grammer\)-error\>"
+syn match cssTextAttr contained "\<from-font\>"
 syn match cssTextAttr contained "\<\(\(leading\|trailing\)-\)\=spaces\>"
+syn match cssTextAttr contained "\<box-decoration\>"

after/syntax/css/transforms-1.vim

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

after/syntax/css/transforms-2.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained rotate scale translate
+syn keyword cssFontAttr contained flat

after/syntax/css/unofficials.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<backdrop-filter\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<env\s*(" end=")" oneline keepend

after/syntax/css/values-3.vim

@@ -1,3 +1,2 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(ch\|vw\|vh\|vmin\|vmax\|q\)"
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(ch\|q\)"
 syn match cssValueAngle contained "[-+]\=\d\+\(\.\d*\)\=turn"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<calc\s*(" end=")" oneline keepend

after/syntax/css/variables-1.vim

@@ -1,2 +0,0 @@
-syn match cssFontProp contained "\<--[A-Za-z_][A-Za-z0-9_-]\+\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<var\s*(" end=")" oneline keepend

test/test.css

@@ -1,3 +1,8 @@
+.unofficials {
+	backdrop-filter: auto;
+	display: env(safe-area-inset-top, 20px);
+}
+
 .align-3 {
 	place-self: auto;
 	place-content: auto;
@@ -43,56 +48,73 @@
 }
 
 .box-3 {
-  clear-after: auto;
-  float-displace: auto;
-  indent-edge-reset: auto;
-  display: scrollbar;
-  display: panner;
-  display: marquee;
-  display: discard;
-  display: decendants;
-  display: block-within-page;
-  display: margin-edge;
-  display: border-edge;
-  display: padding-edge;
-  display: content-edge;
-}
-
-.break-3 {
 	display: auto;
 }
 
+.box-4 {
+	margin-trim: auto;
+	display: in-flow;
+}
+
+.break-3 {
+	display: recto;
+	display: verso;
+}
+
+.break-4 {
+	margin-break: auto;
+	display: keep;
+}
+
 .cascade-3 {
-  all: auto;
-  display: initial;
-  display: unset;
+	display: auto;
 }
 
 .cascade-4 {
 	display: revert;
 }
 
-@import "test.css" supports(display: auto);
+@import "conditional-3.css" supports(display: auto);
+
+@supports (selector(.conditional-4)) {
+	display: auto;
+}
 
 .color-3 {
 	display: auto;
 }
 
 .color-4 {
-  color-adjust: auto;
 	display: hwb(120deg, 44%, 50%);
 	display: lab(1 2 3);
 	display: lch(4 5 6);
 	display: gray(50%);
 	display: color(swopc, 0 206 190 77);
 	display: device-cmyk(0, 81%, 81%, 30%);
-  display: color-mod(#112233 tint(50%));
+	display: relative-colorimetric;
+	display: absolute-colorimetric;
+	display: perceptual;
 }
 
 @color-profile swopc {
 	src: url("http://example.org/swop-coated.icc");
 }
 
+.color-5 {
+	display: color-mix(red yellow 65%);
+	display: color-contrast(wheat tan, sienna, var(--myAccent), #d2691e);
+	display: color-adjust(peru lightness(-20%));
+}
+
+.color-adjust-1 {
+	color-scheme: auto;
+	forced-color-adjust: auto;
+	color-adjust: auto;
+	display: only light;
+	display: economy;
+	display: exact;
+}
+
 .compositing-1 {
 	mix-blend-mode: auto;
 	isolation: auto;
@@ -129,6 +151,10 @@
 	display: size;
 }
 
+.contain-2 {
+	display: auto;
+}
+
 .content-3 {
 	string-set: auto;
 	bookmark-level: auto;
@@ -218,8 +244,6 @@
 }
 
 .display-3 {
-  display: flow;
-  display: flow-root;
 	display: contents;
 	display: ruby;
 	display: ruby-base;
@@ -228,6 +252,10 @@
 	display: ruby-text-group;
 }
 
+.easing-1 {
+	display: auto;
+}
+
 .exclusions-3 {
 	wrap-flow: auto;
 	wrap-through: auto;
@@ -332,8 +360,6 @@
 }
 
 .fonts-4 {
-  font-min-size: auto;
-  font-max-size: auto;
 	font-display: auto;
 	font-optical-sizing: auto;
 	font-variation-settings: auto;
@@ -357,10 +383,16 @@
 	display: optional;
 	display: light;
 	display: dark;
+	display: ui-serif;
+	display: ui-sans-serif;
+	display: ui-monospace;
+	display: ui-rounded;
+	display: xxx-large;
 }
 
 @font-palette-values Test {
 	base-palette: 1;
+	override-color: 1 rgb(43, 12, 9);
 }
 
 .gcpm-3::footnote-call,
@@ -379,17 +411,15 @@
 }
 
 .grid-1 {
-  grid-template: auto;
 	display: minmax(0, 1);
 	display: repeat(4);
-  display: 0.2fr;
 	display: dense;
 	display: auto-flow;
 	display: span;
 }
 
 .grid-2 {
-  display: 1.618ar;
+	display: auto;
 }
 
 .html5,
@@ -406,8 +436,10 @@ template {
 	object-position: auto;
 	image-orientation: auto;
 	display: snap;
+	display: flip;
 	display: scale-down;
 	display: from-image;
+	display: pixelated;
 	display: repeating-linear-gradient(to bottom, yellow, blue);
 	display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
@@ -449,7 +481,7 @@ template {
 .lists-3::marker {
 	marker-side: auto;
 	counter-set: auto;
-  display: marker;
+	display: match-self;
 	display: list-container;
 	display: counters(lack-of-example);
 }
@@ -467,14 +499,6 @@ template {
 	margin-inline-end: auto;
 	margin-block: auto;
 	margin-inline: auto;
-  inset-block-start: auto;
-  inset-block-end: auto;
-  inset-inline-start: auto;
-  inset-inline-end: auto;
-  inset-block: auto;
-  inset-inline: auto;
-  inset: auto;
-  padding-block-start: auto;
 	padding-block-end: auto;
 	padding-inline-start: auto;
 	padding-inline-end: auto;
@@ -504,8 +528,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;
@@ -549,6 +575,7 @@ mask {
 .motion-1 {
 	offset-path: auto;
 	offset-distance: auto;
+	offset-position: auto;
 	offset-anchor: auto;
 	offset-rotate: auto;
 	offset: auto;
@@ -564,6 +591,13 @@ mask {
 	display: auto;
 }
 
+.nav-1 {
+	spatial-navigation-contain: auto;
+	spatial-navigation-action: auto;
+	spatial-navigation-function: auto;
+	display: focus;
+}
+
 .overflow-3 {
 	max-lines: auto;
 	block-overflow: auto;
@@ -582,9 +616,17 @@ mask {
 	display: fragments;
 }
 
+.overscroll-1 {
+	overscroll-behavior: auto;
+	overscroll-behavior-block: auto;
+	overscroll-behavior-inline: auto;
+	overscroll-behavior-x: auto;
+	overscroll-behavior-y: auto;
+}
+
 .page-3 {
-  display: recto;
-  display: verso;
+	marks: auto;
+	bleed: auto;
 }
 
 .page-floats-3 {
@@ -611,15 +653,20 @@ mask {
 }
 
 .position-3 {
-  offset-before: auto;
-  offset-end: auto;
-  offset-after: auto;
-  offset-start: auto;
+	inset-block-start: auto;
+	inset-block-end: auto;
+	inset-inline-start: auto;
+	inset-inline-end: auto;
+	inset-block: auto;
+	inset-inline: auto;
+	inset: auto;
 	display: sticky;
 }
 
 .properties-values-api-1 {
-  display: auto;
+	syntax: auto;
+	inherits: auto;
+	initial-value: auto;
 }
 
 .pseudo-4::inactive-selection,
@@ -639,6 +686,10 @@ mask {
 	display: avoid-region;
 }
 
+.resize-observer-1 {
+	display: auto;
+}
+
 .rhythm-1 {
 	line-height-step: auto;
 	block-step-size: auto;
@@ -669,6 +720,7 @@ mask {
 	ruby-position: auto;
 	ruby-merge: auto;
 	ruby-align: auto;
+	ruby-overhang: auto;
 	display: ruby-base-container;
 	display: ruby-text-container;
 	display: inter-character;
@@ -690,6 +742,10 @@ mask {
 	}
 }
 
+.scroll-anchoring-1 {
+	overflow-anchor: auto;
+}
+
 .scroll-snap-1 {
 	scroll-snap-type: auto;
 	scroll-padding: auto;
@@ -722,6 +778,11 @@ mask {
 	display: proximity;
 }
 
+.scrollbars-1 {
+	scrollbar-color: auto;
+	scrollbar-width: auto;
+}
+
 .selectors-3:enabled,
 .selectors-3:indeterminate,
 .selectors-3:nth-child(2n+1),
@@ -750,7 +811,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),
@@ -762,7 +823,7 @@ mask {
 .selectors-4:playing,
 .selectors-4:paused,
 .selectors-4:has(> img),
-.selectors-4:drop(active) {
+.selectors-4:where(:not(:hover)) {
 	display: auto;
 }
 
@@ -770,6 +831,10 @@ mask {
 	display: auto;
 }
 
+.shadow-parts::part(textspan) {
+	display: auto;
+}
+
 .shapes-1 {
 	shape-outside: auto;
 	shape-image-threshold: auto;
@@ -787,6 +852,38 @@ mask {
 	display: fit-content(10%);
 }
 
+.sizing-4 {
+	contain-intrinsic-size: auto;
+	display: fit-content;
+}
+
+.speech-1 {
+	voice-volume: auto;
+	voice-balance: auto;
+	rest-before: auto;
+	rest-after: auto;
+	rest: auto;
+	voice-rate: auto;
+	voice-pitch: auto;
+	voice-range: auto;
+	voice-stress: auto;
+	voice-duration: auto;
+	display: 10dB;
+	display: literal-punctuation;
+	display: no-punctuation;
+	display: x-weak;
+	display: weak;
+	display: strong;
+	display: x-strong;
+	display: young;
+	display: old;
+	display: neutral;
+	display: preserve;
+	display: 10st;
+	display: moderate;
+	display: reduced;
+}
+
 .style-attr {
 	display: auto;
 }
@@ -904,12 +1001,8 @@ view {
 }
 
 .text-3 {
-  hyphens: auto;
-  line-break: auto;
-  overflow-wrap: auto;
 	tab-size: auto;
 	text-align-all: auto;
-  display: manual;
 	display: loose;
 	display: strict;
 	display: match-parent;
@@ -917,6 +1010,8 @@ view {
 	display: each-line;
 	display: full-width;
 	display: anywhere;
+	display: justify-all;
+	display: break-spaces;
 }
 
 .text-4 {
@@ -931,9 +1026,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;
@@ -946,6 +1041,7 @@ view {
 	display: spread;
 	display: trim-start;
 	display: space-start;
+	display: space-first;
 	display: trim-end;
 	display: space-end;
 	display: trim-adjacent;
@@ -977,12 +1073,15 @@ view {
 }
 
 .text-decor-4 {
-  text-decoration-width: auto;
+	text-decoration-thickness: auto;
 	text-underline-offset: auto;
 	text-decoration-skip: auto;
 	text-decoration-skip-ink: auto;
 	text-emphasis-skip: auto;
+	display: spelling-error;
+	display: grammer-error;
 	display: objects;
+	display: from-font;
 	display: spaces;
 	display: leading-spaces;
 	display: trailing-spaces;
@@ -997,6 +1096,13 @@ view {
 }
 
 .transforms-1 {
+	transform-box: auto;
+}
+
+.tranforms-2 {
+	rotate: auto;
+	scale: auto;
+	translate: auto;
 	display: flat;
 }
 
@@ -1024,12 +1130,8 @@ view {
 
 .values-3 {
 	display: 1ch;
-  display: 1vw;
-  display: 1vh;
-  display: 1vmin;
 	display: 1q;
 	display: 1turn;
-  display: calc(100%/3 - 2*1em - 2*1px);
 }
 
 .values-4 {
@@ -1046,8 +1148,7 @@ view {
 }
 
 .variables-1 {
-  --var-foo: auto;
-  display: var(foo);
+	display: auto;
 }
 
 .web-animations-1 {