@webref/css 6.7.0 → 6.8.0

package/css-fonts-5.json

@@ -6,7 +6,7 @@
   "properties": [
     {
       "name": "font-size-adjust",
-      "value": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]",
+      "value": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
       "initial": "none",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -58,10 +58,10 @@
           "value": "ic-height"
         },
         {
-          "name": "<number>",
+          "name": "<number [0,∞]>",
           "prose": "Each font’s used size is normalized to match the chosen font metric to this specified proportion of the computed font-size. In other words, for each glyph, the adjusted font size to use u is calculated as: u = ( m / m′ ) s where: s = computed 'font-size!!property' value m = metric as specified by the 'font-size-adjust' property m′ = metric as specified in the actual font u = adjusted font-size to use Negative values are invalid.",
           "type": "value",
-          "value": "<number>"
+          "value": "<number [0,∞]>"
         },
         {
           "name": "from-font",

package/css-fonts.json

@@ -143,7 +143,7 @@
       "percentages": "n/a",
       "computedValue": "the keyword specified, plus angle in degrees if specified",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type; normal animates as oblique 0deg",
+      "animationType": "by computed value type;normal animates as oblique 0deg",
       "values": [
         {
           "name": "normal",
@@ -884,7 +884,7 @@
         {
           "name": "<feature-tag-value>",
           "type": "value",
-          "value": "<string> [ <integer> | on | off ]?"
+          "value": "<opentype-tag> [ <integer [0,∞]> | on | off ]?"
         }
       ],
       "styleDeclaration": [
@@ -946,7 +946,7 @@
     },
     {
       "name": "font-variation-settings",
-      "value": "normal | [ <string> <number>]#",
+      "value": "normal | [ <opentype-tag> <number>]#",
       "initial": "normal",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -961,18 +961,18 @@
     },
     {
       "name": "font-palette",
-      "value": "normal | light | dark | <palette-identifier>",
+      "value": "normal | light | dark | <palette-identifier> | <palette-mix()>",
       "initial": "normal",
       "appliesTo": "all elements and text",
       "inherited": "yes",
       "percentages": "N/a",
-      "computedValue": "specified keyword or identifier",
+      "computedValue": "specified keyword, identifier or <palette-mix()> function. <palette-mix()> must be simplified to a single keyword or identifier if resulting palette is equivalent.",
       "canonicalOrder": "per grammar",
-      "animationType": "discrete",
+      "animationType": "by computed value",
       "values": [
         {
           "name": "normal",
-          "prose": "User-Agents display the color font with the default palette or default glyph colorisation. User-agents should take the computed value of the color property into consideration when a color font format requires use of the foreground color In the COLR [OPENTYPE] table, color index 0xFFFF should be rendered according the color property. For COLR/CPAL [OPENTYPE] fonts, font-palette: normal usually means rendering the font with the palette in the font at index 0.",
+          "prose": "If the color-scheme property is set to a value other than normal', user-agents should select the first light or dark palette as appropriate. Otherwise, user-agents display the color font with the default palette or default glyph colorisation. User-agents should take the computed value of the color property into consideration when a color font format requires use of the foreground color In the COLR [OPENTYPE] table, color index 0xFFFF should be rendered according the color property. For COLR/CPAL [OPENTYPE] fonts, font-palette: normal usually means rendering the font with the palette in the font at index 0.",
           "type": "value",
           "value": "normal"
         },
@@ -992,6 +992,12 @@
           "name": "<palette-identifier>",
           "prose": "This value identifies an CSS-defined palette to use. Users can define a palette by using the @font-palette-values rule. If no applicable @font-palette-values rule is present, this value behaves as normal. <palette-identifier> is parsed as a <dashed-ident>.",
           "type": "type"
+        },
+        {
+          "name": "<palette-mix()>",
+          "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. When not specified otherwise the <color-interpolation-method> is in oklab as recommended by CSS Color 5 § 7.1 Color Space for Interpolation. Percentages are normalized according to CSS Color 5 § 3.1 Percentage Normalization.",
+          "type": "type",
+          "value": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
         }
       ],
       "styleDeclaration": [
@@ -1054,13 +1060,13 @@
         {
           "name": "src",
           "for": "@font-face",
-          "value": "see prose",
+          "value": "<font-src-list>",
           "initial": "N/A"
         },
         {
           "name": "font-style",
           "for": "@font-face",
-          "value": "auto | normal | italic | oblique [ <angle>{1,2} ]?",
+          "value": "auto | normal | italic | oblique [ <angle [-90deg,90deg]>{1,2} ]?",
           "initial": "auto"
         },
         {
@@ -1172,13 +1178,55 @@
           "for": "@font-feature-values",
           "value": "auto | block | swap | fallback | optional",
           "initial": "auto"
+        },
+        {
+          "name": "@stylistic",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@stylistic { <declaration-list> }"
+        },
+        {
+          "name": "@historical-forms",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@historical-forms { <declaration-list> }"
+        },
+        {
+          "name": "@styleset",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@styleset { <declaration-list> }"
+        },
+        {
+          "name": "@character-variant",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@character-variant { <declaration-list> }"
+        },
+        {
+          "name": "@swash",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@swash { <declaration-list> }"
+        },
+        {
+          "name": "@ornaments",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@ornaments { <declaration-list> }"
+        },
+        {
+          "name": "@annotation",
+          "type": "at-rule",
+          "for": "@font-feature-values",
+          "value": "@annotation { <declaration-list> }"
         }
       ],
       "value": "@font-feature-values <family-name># { <declaration-rule-list> }"
     },
     {
       "name": "@font-palette-values",
-      "prose": "The @font-palette-values rule defines a color palette and associates that color palette with a specific font. This allows a web author to select arbitrary colors to use inside a color font rather than being limited to the preexisting palettes inside font files. In addition, this rule’s association with a specific font allows a name of a palette to apply differently to different fonts, which allows similar colors to be used across multiple fonts when multiple fonts are used in an element (i.e. for font fallback).",
+      "prose": "The @font-palette-values rule defines a color palette and associates that color palette with a specific font. This allows a web author to select arbitrary <color>s to use inside a color font rather than being limited to the preexisting palettes inside font files.",
       "descriptors": [
         {
           "name": "font-family",
@@ -1225,13 +1273,15 @@
   "values": [
     {
       "name": "<family-name>",
-      "prose": "The name of a font family, such as Helvetica or Verdana in the previous example.",
-      "type": "type"
+      "prose": "The name of a font family, such as Helvetica or Verdana in the previous example. This might be a locally-instaled font, or might be a web font.",
+      "type": "type",
+      "value": "<string> | <custom-ident>+"
     },
     {
       "name": "<generic-family>",
-      "prose": "Each <generic-family> keyword represents a generic font choice, and behaves as an alias for one or more locally-installed fonts belonging to the specified generic font category. A <generic-family> can thus be used as a reliable fallback for when an author’s more specific font choices are not available. Authors are encouraged to append a generic font family as a last alternative for improved robustness. Note that <generic-family> keywords cannot be quoted (otherwise they are interpreted as a <family-name>). The set of generic family keywords is defined in § 2.1.3 Generic font families.",
+      "prose": "Each <generic-family> keyword represents a generic font choice, and behaves as a potential alias for one or more locally-installed fonts belonging to the specified generic font category. A <generic-family> can thus be used as a fallback for when an author’s more specific font choices are not available. There are three types of generic family: Generics which apply to all Unicode characters and will always match a locally installed font. For example, monospaced. Generics which apply to all Unicode characters but may not match to a locally installed font on some systems. For example, ui-rounded. Generics which are writing-system specific, only apply to a subset of Unicode characters, and may not match to a locally installed font on some systems. For example, fangsong. Authors are encouraged to append a generic font family as a last alternative for improved robustness, and to use a more specific generic font family, if applicable, to prefer a specific style even if the individual named font family is not available. Note that <generic-family> keywords cannot be quoted (otherwise they are interpreted as a <family-name>). The set of generic family keywords is defined in § 2.1.4 Generic font families.",
       "type": "type",
+      "value": "generic( <custom-ident>+ ) | <string> | <custom-ident>+",
       "values": [
         {
           "name": "serif",
@@ -1328,6 +1378,16 @@
       "type": "type",
       "value": "[normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded]"
     },
+    {
+      "name": "<font-src-list>",
+      "prose": "To parse a <font-src-list> production, parse a list of <font-src>s.",
+      "type": "type"
+    },
+    {
+      "name": "<font-src>",
+      "type": "type",
+      "value": "<url> [ format(<font-format>)]? [ tech( <font-tech>#)]? | local(<family-name>)"
+    },
     {
       "name": "<font-format>",
       "type": "type",
@@ -1397,18 +1457,18 @@
       "name": "<east-asian-width-values>",
       "type": "type",
       "value": "[ full-width | proportional-width ]"
+    },
+    {
+      "name": "<opentype-tag>",
+      "type": "type",
+      "value": "<string>"
     }
   ],
   "warnings": [
     {
       "msg": "Missing definition",
-      "name": "<feature-value-block>",
-      "value": "<font-feature-value-type> { <declaration-list> }"
-    },
-    {
-      "msg": "Missing definition",
-      "name": "<font-feature-value-type>",
-      "value": "@stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation"
+      "name": "font-feature-value-type",
+      "value": "<@stylistic> | <@historical-forms> | <@styleset> | <@character-variant> | <@swash> | <@ornaments> | <@annotation>"
     },
     {
       "msg": "Dangling value",

package/css-gcpm.json

@@ -6,14 +6,14 @@
   "properties": [
     {
       "name": "position",
-      "newValues": "running()",
+      "newValues": "<running()>",
       "styleDeclaration": [
         "position"
       ]
     },
     {
       "name": "content",
-      "newValues": "element()",
+      "newValues": "<element()>",
       "styleDeclaration": [
         "content"
       ]
@@ -105,17 +105,17 @@
     }
   ],
   "atrules": [],
-  "selectors": [],
+  "selectors": [
+    {
+      "name": ":nth()",
+      "value": ":nth( An+B [of <custom-ident>]?)"
+    }
+  ],
   "values": [
     {
       "name": "running()",
       "type": "function",
       "value": "running( <custom-ident> )"
-    },
-    {
-      "name": "nth()",
-      "type": "function",
-      "value": "( An+B [of <custom-ident>]?)"
     }
   ],
   "warnings": [

package/css-grid-3.json

@@ -11,8 +11,8 @@
       "appliesTo": "grid containers",
       "inherited": "no",
       "percentages": "refer to corresponding dimension of the content area",
-      "computedValue": "the keyword none or the keyword masonry or a computed track list",
-      "animationType": "see CSS Grid",
+      "computedValue": "the keyword none or the keyword masonry or a [[computed track list]]",
+      "animationType": "see CSS Grid Level 2",
       "styleDeclaration": [
         "grid-template-columns",
         "gridTemplateColumns"
@@ -25,8 +25,8 @@
       "appliesTo": "grid containers",
       "inherited": "no",
       "percentages": "refer to corresponding dimension of the content area",
-      "computedValue": "the keyword none or the keyword masonry or a computed track list",
-      "animationType": "see CSS Grid",
+      "computedValue": "the keyword none or the keyword masonry or a [[computed track list]]",
+      "animationType": "see CSS Grid Level 2",
       "styleDeclaration": [
         "grid-template-rows",
         "gridTemplateRows"

package/css-namespaces.json

@@ -4,7 +4,14 @@
     "url": "https://drafts.csswg.org/css-namespaces-3/"
   },
   "properties": [],
-  "atrules": [],
+  "atrules": [
+    {
+      "name": "@namespace",
+      "prose": "The @namespace at-rule declares a namespace prefix and associates it with a given namespace name (a string). This namespace prefix can then be used in namespace-qualified names such as the CSS qualified names defined below.",
+      "descriptors": [],
+      "value": "@namespace <namespace-prefix>? [ <string> | <url> ] ;"
+    }
+  ],
   "selectors": [],
   "values": [
     {
@@ -12,12 +19,5 @@
       "type": "type",
       "value": "<ident>"
     }
-  ],
-  "warnings": [
-    {
-      "msg": "Missing definition",
-      "name": "@namespace",
-      "value": "@namespace <namespace-prefix>? [ <string> | <url> ] ;"
-    }
   ]
 }

package/css-overflow-4.json

@@ -376,7 +376,7 @@
       "values": [
         {
           "name": "none",
-          "prose": "Otherwise, if the value of max-lines is not none, a region break is forced after its Nth descendant in-flow line box, where N is the specified value of max-lines. Only lines boxes in the same Block Formatting Context are counted: the contents of descendants that establish independent formatting contexts are skipped over while counting line boxes.",
+          "prose": "Also, if the value of max-lines is not none, a region break is forced after its Nth descendant in-flow line box, where N is the specified value of max-lines. Only lines boxes in the same Block Formatting Context are counted: the contents of descendants that establish independent formatting contexts are skipped over while counting line boxes.",
           "type": "value",
           "value": "none"
         }

package/css-text-4.json

@@ -58,47 +58,8 @@
       ]
     },
     {
-      "name": "word-boundary-detection",
-      "value": "normal | manual | auto(<lang>)",
-      "initial": "normal",
-      "appliesTo": "text",
-      "inherited": "yes",
-      "percentages": "N/A",
-      "computedValue": "as specified (However, see special provision for unsupported <lang>)",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "manual",
-          "prose": "Linguistic analysis is not used in any language or writing system to determine line wrapping opportunities not indicated by the markup or characters of the element. The user agent must not insert virtual word boundaries. Typographic character units with class SA in [UAX14] must be treated as if they had class AL (i.e. assuming word-break: normal and a value of line-break other than anywhere, there is no soft wrap opportunity between pairs of such characters). Authors using this value for Southeast Asian languages are expected to manually indicate word boundaries, for instance using wbr or U+200B. Otherwise, there will be no soft wrap opportunity and the text may overflow.",
-          "type": "value",
-          "value": "manual"
-        },
-        {
-          "name": "normal",
-          "prose": "The user agent must not insert virtual word boundaries, except within runs of characters belonging to Southeast Asian languages, where content analysis must be performed to determine where to insert virtual word boundaries. As with manual, typographic character units with class SA in [UAX14] must be treated as if they had class AL; however, the user agent must additionally analyze the content of a run of such characters and insert virtual word boundaries where appropriate. Within the constraints set by this specification, the specific algorithm used is UA-dependent. As various languages can be written in scripts which use the characters with class SA, if the content language is known, the user agent should use this information to tailor its analysis. In order to avoid unexpected overflow, if the user agent is unable to perform this analysis for any subset of the characters with class SA—for example due to lacking a dictionary for certain languages—there must be a soft wrap opportunity between pairs of typographic letter units in that subset.",
-          "type": "value",
-          "value": "normal"
-        },
-        {
-          "name": "auto()",
-          "value": "auto()",
-          "type": "value"
-        },
-        {
-          "name": "<lang>",
-          "prose": "<lang> must be a valid CSS <ident> or <string>. It represents an IETF BCP 47 language range (see [BCP47]). If the UA does not support word-boundary detection for all languages represented by the specified range, that specified value is invalid (and will cause the declaration to be ignored).",
-          "type": "type"
-        }
-      ],
-      "styleDeclaration": [
-        "word-boundary-detection",
-        "wordBoundaryDetection"
-      ]
-    },
-    {
-      "name": "word-boundary-expansion",
-      "value": "none | space | ideographic-space",
+      "name": "word-space-transform",
+      "value": "none | [ space | ideographic-space ] && auto-phrase?",
       "initial": "none",
       "appliesTo": "text",
       "inherited": "yes",
@@ -115,25 +76,31 @@
         },
         {
           "name": "space",
-          "prose": "Instances of U+200B ZERO WIDTH SPACE within the child text of this element are replaced by U+0020 SPACE.",
+          "prose": "Expandable separators within the child text of this element are replaced by U+0020 SPACE.",
           "type": "value",
           "value": "space"
         },
         {
           "name": "ideographic-space",
-          "prose": "Instances of U+200B ZERO WIDTH SPACE within the child text of this element are replaced by U+3000 IDEOGRAPHIC SPACE.",
+          "prose": "Expandable separators within the child text of this element are replaced by U+3000 IDEOGRAPHIC SPACE.",
           "type": "value",
           "value": "ideographic-space"
+        },
+        {
+          "name": "auto-phrase",
+          "prose": "If the content language is known and the user agent supports linguistic analysis for this language, the user agent must detect phrase boundaries. If a word-separator character, other space separator, or U+200B ZERO WIDTH SPACE character does not already occur at that boundary, then the UA must insert a virtual expandable separator. If this value is omitted, or if the content language is unknown, or if the user agent does not support detecting phrase boundaries for that language, there are no virtual expandable separator.",
+          "type": "value",
+          "value": "auto-phrase"
         }
       ],
       "styleDeclaration": [
-        "word-boundary-expansion",
-        "wordBoundaryExpansion"
+        "word-space-transform",
+        "wordSpaceTransform"
       ]
     },
     {
       "name": "white-space",
-      "value": "normal | pre | nowrap | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'>",
+      "value": "normal | pre | nowrap | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
       "initial": "normal",
       "appliesTo": "text",
       "inherited": "yes",
@@ -211,7 +178,7 @@
         },
         {
           "name": "discard",
-          "prose": "This value directs user agents to “discard” all white space in the element. Does this preserve line break opportunities or no? Do we need a distinct \"hide\" value? If it preserves line break opportunities, maybe it should be replaced with a word-boundary-expansion value?",
+          "prose": "This value directs user agents to “discard” all white space in the element. Does this preserve line break opportunities or no? Do we need a distinct \"hide\" value? If it preserves line break opportunities, maybe it should be replaced with a word-space-transform value?",
           "type": "value",
           "value": "discard"
         }
@@ -271,9 +238,229 @@
         "tabSize"
       ]
     },
+    {
+      "name": "text-wrap-mode",
+      "value": "wrap | nowrap",
+      "initial": "wrap",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "wrap",
+          "prose": "Content may break across lines at allowed soft wrap opportunities, as determined by the line-breaking rules in effect, in order to minimize inline-axis overflow.",
+          "type": "value",
+          "value": "wrap"
+        },
+        {
+          "name": "nowrap",
+          "prose": "Inline-level content does not break across lines; content that does not fit within the block container overflows it.",
+          "type": "value",
+          "value": "nowrap"
+        }
+      ],
+      "styleDeclaration": [
+        "text-wrap-mode",
+        "textWrapMode"
+      ]
+    },
+    {
+      "name": "wrap-inside",
+      "value": "auto | avoid",
+      "initial": "auto",
+      "appliesTo": "inline boxes",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Lines may break at allowed break points within the box, as determined by the line-breaking rules in effect.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "avoid",
+          "prose": "Line breaking is suppressed within the box: the UA may only break within the box if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for auto. If boxes with avoid are nested and the UA must break within these boxes, a break in an outer box must be used before a break within an inner box may be used.",
+          "type": "value",
+          "value": "avoid"
+        }
+      ],
+      "styleDeclaration": [
+        "wrap-inside",
+        "wrapInside"
+      ]
+    },
+    {
+      "name": "wrap-before",
+      "value": "auto | avoid | avoid-line | avoid-flex | line | flex",
+      "initial": "auto",
+      "appliesTo": "inline-level boxes and flex items",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Lines may break at allowed break points before and after the box, as determined by the line-breaking rules in effect.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "avoid",
+          "prose": "Line breaking is suppressed immediately before/after the box: the UA may only break there if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for auto.",
+          "type": "value",
+          "value": "avoid"
+        },
+        {
+          "name": "avoid-line",
+          "prose": "Same as avoid, but only for line breaks.",
+          "type": "value",
+          "value": "avoid-line"
+        },
+        {
+          "name": "avoid-flex",
+          "prose": "Same as avoid, but only for flex line breaks.",
+          "type": "value",
+          "value": "avoid-flex"
+        },
+        {
+          "name": "line",
+          "prose": "Force a line break immediately before/after the box if the box is an inline-level box.",
+          "type": "value",
+          "value": "line"
+        },
+        {
+          "name": "flex",
+          "prose": "Force a flex line break immediately before/after the box if the box is a flex item in a multi-line flex container.",
+          "type": "value",
+          "value": "flex"
+        }
+      ],
+      "styleDeclaration": [
+        "wrap-before",
+        "wrapBefore"
+      ]
+    },
+    {
+      "name": "wrap-after",
+      "value": "auto | avoid | avoid-line | avoid-flex | line | flex",
+      "initial": "auto",
+      "appliesTo": "inline-level boxes and flex items",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Lines may break at allowed break points before and after the box, as determined by the line-breaking rules in effect.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "avoid",
+          "prose": "Line breaking is suppressed immediately before/after the box: the UA may only break there if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for auto.",
+          "type": "value",
+          "value": "avoid"
+        },
+        {
+          "name": "avoid-line",
+          "prose": "Same as avoid, but only for line breaks.",
+          "type": "value",
+          "value": "avoid-line"
+        },
+        {
+          "name": "avoid-flex",
+          "prose": "Same as avoid, but only for flex line breaks.",
+          "type": "value",
+          "value": "avoid-flex"
+        },
+        {
+          "name": "line",
+          "prose": "Force a line break immediately before/after the box if the box is an inline-level box.",
+          "type": "value",
+          "value": "line"
+        },
+        {
+          "name": "flex",
+          "prose": "Force a flex line break immediately before/after the box if the box is a flex item in a multi-line flex container.",
+          "type": "value",
+          "value": "flex"
+        }
+      ],
+      "styleDeclaration": [
+        "wrap-after",
+        "wrapAfter"
+      ]
+    },
+    {
+      "name": "text-wrap-style",
+      "value": "auto| balance | stable | pretty",
+      "initial": "auto",
+      "appliesTo": "block containers hat establish an inline formatting context",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "The exact algorithm for selecting which soft wrap opportunity to break at is UA-defined. The algorithm may consider multiple lines when making break decisions. The UA may bias for speed over best layout. The UA must not attempt to even out all lines (including the last) as for balance. This value selects the UA’s preferred (or most Web-compatible) wrapping algorithm.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "balance",
+          "prose": "Line breaks are chosen to balance the remaining (empty) space in each line box, if better balance than auto is possible. This must not change the number of line boxes the block would contain if text-wrap were set to auto. The remaining space to consider is that which remains after placing floats and inline content, but before any adjustments due to text justification. Line boxes are balanced when the standard deviation from the average inline-size of the remaining space in each line box is reduced over the block (including lines that end in a forced break). The exact algorithm is UA-defined. UAs may treat this value as auto if there are more than ten lines to balance.",
+          "type": "value",
+          "value": "balance"
+        },
+        {
+          "name": "stable",
+          "prose": "Specifies that content on subsequent lines should not be considered when making break decisions so that when editing text any content before the cursor remains stable; otherwise equivalent to auto,",
+          "type": "value",
+          "value": "stable"
+        },
+        {
+          "name": "pretty",
+          "prose": "Specifies the UA should bias for better layout over speed, and is expected to consider multiple lines, when making break decisions. Otherwise equivalent to auto,",
+          "type": "value",
+          "value": "pretty"
+        }
+      ],
+      "styleDeclaration": [
+        "text-wrap-style",
+        "textWrapStyle"
+      ]
+    },
+    {
+      "name": "text-wrap",
+      "value": "<'text-wrap-mode'> || <'text-wrap-style'>",
+      "initial": "wrap",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "text-wrap",
+        "textWrap"
+      ]
+    },
     {
       "name": "word-break",
-      "value": "normal | keep-all | break-all | break-word",
+      "value": "normal | break-all | keep-all | manual | auto-phrase | break-word",
       "initial": "normal",
       "appliesTo": "text",
       "inherited": "yes",
@@ -284,7 +471,7 @@
       "values": [
         {
           "name": "normal",
-          "prose": "Words break according to their customary rules, as described above. Korean, which commonly exhibits two different behaviors, allows breaks between any two consecutive Hangul/Hanja. For Ethiopic, which also exhibits two different behaviors, such breaks within words are not allowed.",
+          "prose": "Words break according to their customary rules, as described above. Korean, which commonly exhibits two different behaviors, allows breaks between any two consecutive Hangul/Hanja. For Ethiopic, which also exhibits two different behaviors, such breaks within words are not allowed. Some writing systems require specific processing to obtain the customarily expected soft wrap opportunities, as described in § 6.1.1 Analytical Word Breaking.",
           "type": "value",
           "value": "normal"
         },
@@ -296,10 +483,22 @@
         },
         {
           "name": "keep-all",
-          "prose": "Breaking is forbidden within “words”: implicit soft wrap opportunities between typographic letter units (or other typographic character units belonging to the NU, AL, AI, or ID Unicode line breaking classes [UAX14]) are suppressed, i.e. breaks are prohibited between pairs of such characters (regardless of line-break settings other than anywhere) except where opportunities exist due to dictionary-based breaking. Otherwise this option is equivalent to normal. In this style, sequences of CJK characters do not break.",
+          "prose": "Breaking is forbidden within “words”: implicit soft wrap opportunities between typographic letter units (or other typographic character units belonging to the NU, AL, AI, or ID Unicode line breaking classes [UAX14]) are suppressed, i.e. breaks are prohibited between pairs of such characters (regardless of line-break settings other than anywhere) except where opportunities exist due to § 6.1.1.1 Lexical Word Breaking. Otherwise this option is equivalent to normal. In this style, sequences of CJK characters do not break.",
           "type": "value",
           "value": "keep-all"
         },
+        {
+          "name": "manual",
+          "prose": "Behaves the same as normal, except that § 6.1.1.1 Lexical Word Breaking must not be performed. Specifically, typographic character units with class SA in [UAX14] must be treated as if they had class AL (i.e. assuming a value of line-break other than anywhere, there is no soft wrap opportunity between pairs of such characters). alternatively, this value could be based on keep-all rather than normal. Yet another variant is to merge this behavior with keep-all.",
+          "type": "value",
+          "value": "manual"
+        },
+        {
+          "name": "auto-phrase",
+          "prose": "Behaves the same as normal, except that this value directs the user agent to perform language-specific content analysis to prioritize keeping natural phrases (of multiple words) together. If the content language of the element is unknown, or if the user agent does not know how to detect phrase boundaries for that particular language, this value must behave as normal. Otherwise, the user agent should detect phrase boundaries and suppress soft wrap opportunities within each phrase. Regardless of the content language and support for phrase boundary detection, hyphenation opportunities are suppressed as if hyphens: none had been specified.",
+          "type": "value",
+          "value": "auto-phrase"
+        },
         {
           "name": "break-word",
           "prose": "For compatibility with legacy content, the word-break property also supports a deprecated break-word keyword. When specified, this has the same effect as word-break: normal and overflow-wrap: anywhere, regardless of the actual value of the overflow-wrap property.",
@@ -535,13 +734,13 @@
       "values": [
         {
           "name": "normal",
-          "prose": "Lines may break only at allowed break points. However, the restrictions introduced by word-break: keep-all may be relaxed to match word-break: normal if there are no otherwise-acceptable break points in the line.",
+          "prose": "Lines may break only at allowed break points. However, the restrictions introduced by word-break: keep-all may be relaxed to match word-break: normal if there are no otherwise-acceptable break points in the line. Also, the restrictions introduced by word-break: auto-phrase are relaxed if there are no otherwise-acceptable break points in the line: If suppressing soft wrap opportunities within a particular phrase would cause that phrase to overflow even when placed on an otherwise empty line, the user agent must fall back to the same soft wrap opportunities as normal within that phrase. If that is not enough to prevent overflow, suppression of hyphenation opportunities must also be abandoned within each line that would overflow. As an intermediary measure, user agents may also detect multiple levels of phrases, choosing to shorter ones (possibly down to individual words) when longer ones would lead to overflow. The soft wrap opportunities obtained by relaxing the restrictions introduced by word-break: keep-all and word-break: auto-phrase are not considered when calculating min-content intrinsic sizes.",
           "type": "value",
           "value": "normal"
         },
         {
           "name": "anywhere",
-          "prose": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line. Shaping characters are still shaped as if the word were not broken, and grapheme clusters must stay together as one unit. No hyphenation character is inserted at the break point. Soft wrap opportunities introduced by anywhere are considered when calculating min-content intrinsic sizes.",
+          "prose": "An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line. Shaping characters are still shaped as if the word were not broken, and grapheme clusters must stay together as one unit. No hyphenation character is inserted at the break point. Soft wrap opportunities introduced by anywhere are considered when calculating min-content intrinsic sizes. In the case of word-break: auto-phrase, these additional soft wrap opportunities are only introduced if relaxing the restrictions introduced by word-break: auto-phrase as described in overflow-wrap: normal is insufficient to prevent overflow.",
           "type": "value",
           "value": "anywhere"
         },
@@ -572,188 +771,6 @@
         "wordWrap"
       ]
     },
-    {
-      "name": "text-wrap",
-      "value": "wrap | nowrap | balance | stable | pretty",
-      "initial": "wrap",
-      "appliesTo": "text and block containers",
-      "inherited": "yes",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "wrap",
-          "prose": "Inline-level content may break across lines at allowed soft wrap opportunities, as determined by the line-breaking rules in effect in order to minimize inline-axis overflow. The exact algorithm is UA-defined. The algorithm may consider multiple lines when making break decisions. The UA may bias for speed over best layout. The UA must not attempt to even out all lines (including the last) as for balance. This value selects the UA’s preferred (or most Web-compatible) wrapping algorithm.",
-          "type": "value",
-          "value": "wrap"
-        },
-        {
-          "name": "nowrap",
-          "prose": "Inline-level content does not break across lines; content that does not fit within the block container overflows it.",
-          "type": "value",
-          "value": "nowrap"
-        },
-        {
-          "name": "balance",
-          "prose": "Same as wrap for inline boxes. For block containers that establish an inline formatting context, line breaks are chosen to balance the remaining (empty) space in each line box, if better balance than wrap is possible. This must not change the number of line boxes the block would contain if text-wrap were set to wrap. The remaining space to consider is that which remains after placing floats and inline content, but before any adjustments due to text justification. Line boxes are balanced when the standard deviation from the average inline-size of the remaining space in each line box is reduced over the block (including lines that end in a forced break). The exact algorithm is UA-defined. UAs may treat this value as wrap if there are more than ten lines to balance.",
-          "type": "value",
-          "value": "balance"
-        },
-        {
-          "name": "stable",
-          "prose": "When applied to a block container that establishes an inline formatting context, specifies that content on subsequent lines should not be considered when making break decisions so that when editing text any content before the cursor remains stable; otherwise equivalent to wrap,",
-          "type": "value",
-          "value": "stable"
-        },
-        {
-          "name": "pretty",
-          "prose": "When applied to a block container that establishes an inline formatting context, specifies the UA should bias for better layout over speed, and is expected to consider multiple lines, when making break decisions. Otherwise equivalent to wrap,",
-          "type": "value",
-          "value": "pretty"
-        }
-      ],
-      "styleDeclaration": [
-        "text-wrap",
-        "textWrap"
-      ]
-    },
-    {
-      "name": "wrap-before",
-      "value": "auto | avoid | avoid-line | avoid-flex | line | flex",
-      "initial": "auto",
-      "appliesTo": "inline-level boxes and flex items",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "Lines may break at allowed break points before and after the box, as determined by the line-breaking rules in effect.",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "avoid",
-          "prose": "Line breaking is suppressed immediately before/after the box: the UA may only break there if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for auto.",
-          "type": "value",
-          "value": "avoid"
-        },
-        {
-          "name": "avoid-line",
-          "prose": "Same as avoid, but only for line breaks.",
-          "type": "value",
-          "value": "avoid-line"
-        },
-        {
-          "name": "avoid-flex",
-          "prose": "Same as avoid, but only for flex line breaks.",
-          "type": "value",
-          "value": "avoid-flex"
-        },
-        {
-          "name": "line",
-          "prose": "Force a line break immediately before/after the box if the box is an inline-level box.",
-          "type": "value",
-          "value": "line"
-        },
-        {
-          "name": "flex",
-          "prose": "Force a flex line break immediately before/after the box if the box is a flex item in a multi-line flex container.",
-          "type": "value",
-          "value": "flex"
-        }
-      ],
-      "styleDeclaration": [
-        "wrap-before",
-        "wrapBefore"
-      ]
-    },
-    {
-      "name": "wrap-after",
-      "value": "auto | avoid | avoid-line | avoid-flex | line | flex",
-      "initial": "auto",
-      "appliesTo": "inline-level boxes and flex items",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "Lines may break at allowed break points before and after the box, as determined by the line-breaking rules in effect.",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "avoid",
-          "prose": "Line breaking is suppressed immediately before/after the box: the UA may only break there if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for auto.",
-          "type": "value",
-          "value": "avoid"
-        },
-        {
-          "name": "avoid-line",
-          "prose": "Same as avoid, but only for line breaks.",
-          "type": "value",
-          "value": "avoid-line"
-        },
-        {
-          "name": "avoid-flex",
-          "prose": "Same as avoid, but only for flex line breaks.",
-          "type": "value",
-          "value": "avoid-flex"
-        },
-        {
-          "name": "line",
-          "prose": "Force a line break immediately before/after the box if the box is an inline-level box.",
-          "type": "value",
-          "value": "line"
-        },
-        {
-          "name": "flex",
-          "prose": "Force a flex line break immediately before/after the box if the box is a flex item in a multi-line flex container.",
-          "type": "value",
-          "value": "flex"
-        }
-      ],
-      "styleDeclaration": [
-        "wrap-after",
-        "wrapAfter"
-      ]
-    },
-    {
-      "name": "wrap-inside",
-      "value": "auto | avoid",
-      "initial": "auto",
-      "appliesTo": "inline boxes",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "Lines may break at allowed break points within the box, as determined by the line-breaking rules in effect.",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "avoid",
-          "prose": "Line breaking is suppressed within the box: the UA may only break within the box if there are no other valid break points in the line. If the text breaks, line-breaking restrictions are honored as for auto. If boxes with avoid are nested and the UA must break within these boxes, a break in an outer box must be used before a break within an inner box may be used.",
-          "type": "value",
-          "value": "avoid"
-        }
-      ],
-      "styleDeclaration": [
-        "wrap-inside",
-        "wrapInside"
-      ]
-    },
     {
       "name": "text-align",
       "value": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
@@ -870,7 +887,7 @@
     },
     {
       "name": "text-justify",
-      "value": "[ auto | none | inter-word | inter-character ] || no-compress",
+      "value": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
       "initial": "auto",
       "appliesTo": "text",
       "inherited": "yes",

package/css-ui.json

@@ -50,7 +50,7 @@
     },
     {
       "name": "outline-color",
-      "value": "auto | [ <color> | <image-1D> ] | invert",
+      "value": "auto | [ <color> | <image-1D> ]",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -59,15 +59,9 @@
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
       "values": [
-        {
-          "name": "invert",
-          "prose": "the user agent is expected to perform a color inversion on the pixels on the screen. This is a common trick to ensure the focus border is visible, regardless of color background. Conformant UAs may ignore the invert value on platforms that do not support color inversion of the pixels on the screen. If the UA does not support the invert value, then it must reject that value at parse-time, and the initial value of the outline-color property is the currentColor keyword.",
-          "type": "value",
-          "value": "invert"
-        },
         {
           "name": "auto",
-          "prose": "When outline-style is auto, outline-color: auto represents the accent color. When outline-style is not auto, outline-color: auto computes to another value (see below).",
+          "prose": "When outline-style is auto, outline-color: auto computes to auto and represents the accent color. Otherwise, outline-color: auto computes to currentColor.",
           "type": "value",
           "value": "auto"
         }

package/css-view-transitions-2.json

@@ -0,0 +1,37 @@
+{
+  "spec": {
+    "title": "CSS View Transitions Module Level 2",
+    "url": "https://drafts.csswg.org/css-view-transitions-2/"
+  },
+  "properties": [],
+  "atrules": [
+    {
+      "name": "@auto-view-transition",
+      "descriptors": [
+        {
+          "name": "same-origin",
+          "for": "@auto-view-transition",
+          "value": "enabled | disabled",
+          "initial": "disabled",
+          "values": [
+            {
+              "name": "disabled",
+              "prose": "There will be no transition.",
+              "type": "value",
+              "value": "disabled"
+            },
+            {
+              "name": "enabled",
+              "prose": "The transition will be enabled if the navigation is same-origin, without cross-origin redirects.",
+              "type": "value",
+              "value": "enabled"
+            }
+          ]
+        }
+      ],
+      "value": "@auto-view-transition { <declaration-rule-list> }"
+    }
+  ],
+  "selectors": [],
+  "values": []
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"