@webref/css 3.0.7 → 3.0.10

package/css-color-5.json

@@ -44,22 +44,22 @@
       "value": "<number> | <percentage>"
     },
     "<hsl()>": {
-      "value": "hsl(([from <color>]? [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "hsl(([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<hwb()>": {
-      "value": "hwb([from <color>]? [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "hwb([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lab()>": {
-      "value": "lab([from <color>]? [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "lab([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<oklab()>": {
-      "value": "oklab([from <color>]? [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "oklab([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lch()>": {
-      "value": "lch([from <color>]? [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "lch([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<oklch()>": {
-      "value": "oklch([from <color>]? [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "oklch([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<color()>": {
       "value": "color( [from <color>]? <colorspace-params> [ / <alpha-value> ]? )"

package/css-color-adjust.json

@@ -51,7 +51,7 @@
     },
     "color-adjust": {
       "name": "color-adjust",
-      "value": "<print-color-adjust>",
+      "value": "<'print-color-adjust'>",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",

package/css-color.json

@@ -57,16 +57,16 @@
       "value": "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lab()>": {
-      "value": "lab( [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lch()>": {
-      "value": "lch( [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<oklab()>": {
-      "value": "oklab( [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<oklch()>": {
-      "value": "oklch( [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
+      "value": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<color()>": {
       "value": "color( <colorspace-params> [ / <alpha-value> ]? )"

package/css-contain-3.json

@@ -28,7 +28,7 @@
     },
     "container-name": {
       "name": "container-name",
-      "value": "none | [ <custom-ident> | <string> ]+",
+      "value": "none | <custom-ident>+",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-images-4.json

@@ -4,6 +4,21 @@
     "url": "https://drafts.csswg.org/css-images-4/"
   },
   "properties": {
+    "object-view-box": {
+      "name": "object-view-box",
+      "value": "none | <basic-shape-rect>",
+      "initial": "none",
+      "appliesTo": "replaced elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword, or computed function",
+      "canonicalOrder": "per grammar",
+      "animationType": "as if possible, otherwise discrete",
+      "styleDeclaration": [
+        "object-view-box",
+        "objectViewBox"
+      ]
+    },
     "object-fit": {
       "name": "object-fit",
       "value": "fill | none | [contain | cover] || scale-down",
@@ -19,6 +34,21 @@
         "objectFit"
       ]
     },
+    "object-overflow": {
+      "name": "object-overflow",
+      "value": "clip | visible",
+      "initial": "clip",
+      "appliesTo": "replaced elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "object-overflow",
+        "objectOverflow"
+      ]
+    },
     "image-resolution": {
       "name": "image-resolution",
       "value": "[ from-image || <resolution> ] && snap?",

package/css-shapes-2.json

@@ -72,7 +72,7 @@
       "prose": "Adds a smooth Bézier curve command to the list of path data commands, ending at the point specified by the first <coordinate-pair>. The via component specifies control points for the curve: if it’s omitted, the command specifies a smooth quadratic curve; if it’s provided, if specifies a smooth cubic curve."
     },
     "<arc-command>": {
-      "value": "arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || <angle> ]?",
+      "value": "arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || rotate <angle> ]?",
       "prose": "Add an elliptical arc command to the list of path data commands, ending at the point specified by the <coordinate-pair>. The of component specifies the size of the ellipse that the arc is taken from. The first <length-percentage> provides the horizontal radius of the ellipse and the second provides the vertical radius. Like for <coordinate-pair>s, <percentage> values are resolved against the width or height of the reference box, as appropriate. If only one <length-percentage> is provided, both radiuses use the provided value. In that case, <percentage> values are resolved against the direction-agnostic size of the reference box (similar to the circle() function). The ellipse described by the specified radiuses defaults to being axis-aligned, but can be rotated by specifying an <angle>. Similar to the rotate() transform function, positive angles specify a clockwise rotation, and negative angles specify a counterclockwise rotation. If omitted, this defaults to 0deg. The ending point, radiuses, and angle, taken together, usually define two possible ellipses that intersect the starting point and ending point, and each ellipse can be traced in either direction, for a total of four possible arcs. The <arc-sweep> and <arc-size> components specify which of these arcs is desired: <arc-sweep> can be cw or ccw, indicating that the arc that is traced around the ellipse clockwise or counter-clockwise from the center, respectively, must be chosen. If omitted, this defaults to ccw. Note: In the SVG arc command, cw corresponds to the value 1 for the sweep flag, and ccw to the value 0. <arc-size> can be large or small, indicating that the larger or smaller, respectively, of the two possible arcs must be chosen. If omitted, this defaults to small. Note: In the SVG arc command, large corresponds to the value 1 for the large flag, and small to the 0. Note: If the starting and ending points are on exactly opposite sides of the ellipse, both possible arcs are the same size, but also there is only one possible ellipse. In this case, the <arc-sweep> distinguishes which of the two possible arcs will be chosen, and <arc-size> has no effect. A depiction of the two possible ellipses, and four possible arcs, that can be chosen between."
     },
     "<arc-sweep>": {

package/css-shapes.json

@@ -52,12 +52,21 @@
   },
   "descriptors": {},
   "valuespaces": {
+    "<basic-shape-rect>": {
+      "value": "<inset()> | <rect()> | <xywh()>"
+    },
     "<shape-box>": {
       "value": "<box> | margin-box"
     },
     "<inset()>": {
       "value": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
     },
+    "<xywh()>": {
+      "value": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
+    },
+    "<rect()>": {
+      "value": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
+    },
     "<circle()>": {
       "value": "circle( <shape-radius>? [ at <position> ]? )"
     },

package/css-text-4.json

@@ -4,6 +4,21 @@
     "url": "https://drafts.csswg.org/css-text-4/"
   },
   "properties": {
+    "text-transform": {
+      "name": "text-transform",
+      "value": "none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana",
+      "initial": "none",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "text-transform",
+        "textTransform"
+      ]
+    },
     "word-boundary-detection": {
       "name": "word-boundary-detection",
       "value": "normal | manual | auto(<lang>)",
@@ -34,6 +49,21 @@
         "wordBoundaryExpansion"
       ]
     },
+    "white-space": {
+      "name": "white-space",
+      "value": "normal | pre | nowrap | pre-wrap | break-spaces | pre-line",
+      "initial": "normal",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "white-space",
+        "whiteSpace"
+      ]
+    },
     "text-space-collapse": {
       "name": "text-space-collapse",
       "value": "collapse | discard | preserve | preserve-breaks | preserve-spaces",
@@ -64,79 +94,63 @@
         "textSpaceTrim"
       ]
     },
-    "text-wrap": {
-      "name": "text-wrap",
-      "value": "wrap | nowrap | balance | stable | pretty",
-      "initial": "wrap",
-      "appliesTo": "text and block containers",
+    "tab-size": {
+      "name": "tab-size",
+      "value": "<number> | <length>",
+      "initial": "8",
+      "appliesTo": "text",
       "inherited": "yes",
       "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "styleDeclaration": [
-        "text-wrap",
-        "textWrap"
-      ]
-    },
-    "wrap-before": {
-      "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",
+      "computedValue": "the specified number or absolute length",
+      "canonicalOrder": "n/a",
+      "animationType": "by computed value type",
       "styleDeclaration": [
-        "wrap-before",
-        "wrapBefore"
+        "tab-size",
+        "tabSize"
       ]
     },
-    "wrap-after": {
-      "name": "wrap-after",
-      "value": "auto | avoid | avoid-line | avoid-flex | line | flex",
-      "initial": "auto",
-      "appliesTo": "inline-level boxes and flex items",
-      "inherited": "no",
+    "word-break": {
+      "name": "word-break",
+      "value": "normal | keep-all | break-all | break-word",
+      "initial": "normal",
+      "appliesTo": "text",
+      "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
+      "canonicalOrder": "n/a",
       "animationType": "discrete",
       "styleDeclaration": [
-        "wrap-after",
-        "wrapAfter"
+        "word-break",
+        "wordBreak"
       ]
     },
-    "wrap-inside": {
-      "name": "wrap-inside",
-      "value": "auto | avoid",
+    "line-break": {
+      "name": "line-break",
+      "value": "auto | loose | normal | strict | anywhere",
       "initial": "auto",
-      "appliesTo": "inline boxes",
-      "inherited": "no",
+      "appliesTo": "text",
+      "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
+      "canonicalOrder": "n/a",
       "animationType": "discrete",
       "styleDeclaration": [
-        "wrap-inside",
-        "wrapInside"
+        "line-break",
+        "lineBreak"
       ]
     },
-    "white-space": {
-      "name": "white-space",
-      "value": "normal | pre | nowrap | pre-wrap | pre-line",
-      "initial": "auto",
-      "appliesTo": "See individual properties",
+    "hyphens": {
+      "name": "hyphens",
+      "value": "none | manual | auto",
+      "initial": "manual",
+      "appliesTo": "text",
       "inherited": "yes",
       "percentages": "n/a",
-      "computedValue": "see individual properties",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "n/a",
       "animationType": "discrete",
-      "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "white-space",
-        "whiteSpace"
+        "hyphens"
       ]
     },
     "hyphenate-character": {
@@ -214,6 +228,156 @@
         "hyphenateLimitLast"
       ]
     },
+    "overflow-wrap": {
+      "name": "overflow-wrap",
+      "value": "normal | break-word | anywhere",
+      "initial": "normal",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "overflow-wrap",
+        "overflowWrap"
+      ]
+    },
+    "word-wrap": {
+      "name": "word-wrap",
+      "value": "normal | break-word | anywhere",
+      "initial": "normal",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "word-wrap",
+        "wordWrap"
+      ]
+    },
+    "text-wrap": {
+      "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",
+      "styleDeclaration": [
+        "text-wrap",
+        "textWrap"
+      ]
+    },
+    "wrap-before": {
+      "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",
+      "styleDeclaration": [
+        "wrap-before",
+        "wrapBefore"
+      ]
+    },
+    "wrap-after": {
+      "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",
+      "styleDeclaration": [
+        "wrap-after",
+        "wrapAfter"
+      ]
+    },
+    "wrap-inside": {
+      "name": "wrap-inside",
+      "value": "auto | avoid",
+      "initial": "auto",
+      "appliesTo": "inline boxes",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "wrap-inside",
+        "wrapInside"
+      ]
+    },
+    "text-align": {
+      "name": "text-align",
+      "value": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
+      "initial": "start",
+      "appliesTo": "block containers",
+      "inherited": "yes",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "discrete",
+      "canonicalOrder": "n/a",
+      "styleDeclaration": [
+        "text-align",
+        "textAlign"
+      ]
+    },
+    "text-align-all": {
+      "name": "text-align-all",
+      "value": "start | end | left | right | center | justify | match-parent",
+      "initial": "start",
+      "appliesTo": "block containers",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "keyword as specified, except for match-parent which computes as defined above",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "text-align-all",
+        "textAlignAll"
+      ]
+    },
+    "text-align-last": {
+      "name": "text-align-last",
+      "value": "auto | start | end | left | right | center | justify | match-parent",
+      "initial": "auto",
+      "appliesTo": "block containers",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "text-align-last",
+        "textAlignLast"
+      ]
+    },
+    "text-justify": {
+      "name": "text-justify",
+      "value": "auto | none | inter-word | inter-character",
+      "initial": "auto",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword (except for the distribute legacy value)",
+      "canonicalOrder": "n/a",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "text-justify",
+        "textJustify"
+      ]
+    },
     "text-group-align": {
       "name": "text-group-align",
       "value": "none | start | end | left | right | center",
@@ -229,6 +393,36 @@
         "textGroupAlign"
       ]
     },
+    "word-spacing": {
+      "name": "word-spacing",
+      "value": "normal | <length-percentage>",
+      "initial": "normal",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "relative to computed font-size, i.e. 1em",
+      "computedValue": "an absolute length and/or a percentage",
+      "canonicalOrder": "n/a",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "word-spacing",
+        "wordSpacing"
+      ]
+    },
+    "letter-spacing": {
+      "name": "letter-spacing",
+      "value": "normal | <length-percentage>",
+      "initial": "normal",
+      "appliesTo": "inline boxes and text",
+      "inherited": "yes",
+      "percentages": "relative to computed font-size, i.e. 1em",
+      "computedValue": "an absolute length and/or a percentage",
+      "canonicalOrder": "n/a",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "letter-spacing",
+        "letterSpacing"
+      ]
+    },
     "line-padding": {
       "name": "line-padding",
       "value": "<length>",
@@ -258,12 +452,51 @@
         "text-spacing",
         "textSpacing"
       ]
+    },
+    "text-indent": {
+      "name": "text-indent",
+      "value": "[ <length-percentage> ] && hanging? && each-line?",
+      "initial": "0",
+      "appliesTo": "block containers",
+      "inherited": "yes",
+      "percentages": "refers to block container’s own inline-axis inner size",
+      "computedValue": "computed <length-percentage> value, plus any specified keywords",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "text-indent",
+        "textIndent"
+      ]
+    },
+    "hanging-punctuation": {
+      "name": "hanging-punctuation",
+      "value": "none | [ first || [ force-end | allow-end ] || last ]",
+      "initial": "none",
+      "appliesTo": "text",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "specified keyword(s)",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "hanging-punctuation",
+        "hangingPunctuation"
+      ]
     }
   },
   "descriptors": {},
   "valuespaces": {
     "<auto()>": {
       "value": "auto(<lang>)"
+    },
+    "<length-percentages>": {
+      "prose": "Specifies extra spacing in addition to the intrinsic inter-word spacing defined by the font."
+    },
+    "<length>": {
+      "prose": "Specifies additional spacing between typographic character units. Values may be negative, but there may be implementation-dependent limits."
+    },
+    "<percentage>": {
+      "prose": "Gives the amount of the indent as a percentage of the block container’s own logical width. Percentages must be treated as 0 for the purpose of calculating intrinsic size contributions, but are always resolved normally when performing layout."
     }
   }
 }

package/css-text-decor-4.json

@@ -283,7 +283,7 @@
       "percentages": "n/a",
       "computedValue": "either the keyword none or a list, each item consisting of four absolute lengths plus a computed color",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value, treating none as a zero-item list and appending blank shadows (transparent 0 0 0 0) as needed to match the longer list if the shorter list is otherwise compatible with the longer one",
+      "animationType": "as shadow list",
       "styleDeclaration": [
         "text-shadow",
         "textShadow"

package/css-text-decor.json

@@ -148,7 +148,7 @@
       "percentages": "n/a",
       "computedValue": "either the keyword none or a list, each item consisting of three absolute lengths plus a computed color",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value, treating none as a zero-item list and appending blank shadows (transparent 0 0 0) as needed to match the longer list if the shorter list is otherwise compatible with the longer one",
+      "animationType": "as shadow list",
       "styleDeclaration": [
         "text-shadow",
         "textShadow"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "3.0.7",
+  "version": "3.0.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"
@@ -12,6 +12,6 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "css-tree": "^2.0.4"
+    "css-tree": "^2.1.0"
   }
 }