feat(css): Add data for lighting-color, flood-color, `flood-opaci…

…ty` (#787) * feat(css): Add data for `lighting-color`, `flood-color`, and `flood-opacity` * Update css/properties.json * fix groups * Update css.json * Update css.json * Update css.json * Apply suggestions from code review --------- Co-authored-by: Vadim Makeev <[email protected]>
mdn · Dec 5, 2024 · 2e42c31 · 2e42c31
1 parent cd06f28
commit 2e42c31
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 9 deletions.
diff --git a/css/properties.json b/css/properties.json
@@ -4150,7 +4150,7 @@
     "animationType": "discrete",
     "percentages": "no",
     "groups": [
-      "Scalable Vector Graphics"
+      "Filter Effects"
     ],
     "initial": "linearRGB",
     "appliesto": "limitedSVGElementsFilterPrimitives",
@@ -4961,6 +4961,38 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/float"
   },
+  "flood-color": {
+    "syntax": "<color>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "byComputedValue",
+    "percentages": "no",
+    "groups": [
+      "Filter Effects"
+    ],
+    "initial": "black",
+    "appliesto": "limitedSVGElementsFloodAndDropShadow",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flood-color"
+  },
+  "flood-opacity": {
+    "syntax": "<'opacity'>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "byComputedValue",
+    "percentages": "no",
+    "groups": [
+      "Filter Effects"
+    ],
+    "initial": "black",
+    "appliesto": "limitedSVGElementsFloodAndDropShadow",
+    "computed": "specifiedValueClipped0To1",
+    "order": "perGrammar",
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flood-opacity"
+  },
   "font": {
     "syntax": "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar",
     "media": "visual",
@@ -6436,6 +6468,22 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/letter-spacing"
   },
+  "lighting-color": {
+    "syntax": "<color>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "byComputedValue",
+    "percentages": "no",
+    "groups": [
+      "Filter Effects"
+    ],
+    "initial": "white",
+    "appliesto": "limitedSVGElementsLightSource",
+    "computed": "asSpecified",
+    "order": "perGrammar",
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/lighting-color"
+  },
   "line-break": {
     "syntax": "auto | loose | normal | strict | anywhere",
     "media": "visual",

diff --git a/css/properties.schema.json b/css/properties.schema.json
@@ -251,9 +251,11 @@
         "limitedSVGElementsEllipse",
         "limitedSVGElementsEllipseRect",
         "limitedSVGElementsFilterPrimitives",
+        "limitedSVGElementsFloodAndDropShadow",
         "limitedSVGElementsGeometry",
         "limitedSVGElementsGraphics",
         "limitedSVGElementsGraphicsAndUse",
+        "limitedSVGElementsLightSource",
         "limitedSVGElementsPath",
         "limitedSVGElementsShapes",
         "limitedSVGElementsShapesAndTextContent",

diff --git a/l10n/css.json b/l10n/css.json
@@ -981,34 +981,40 @@
     "en-US": "{{SVGElement(\"ellipse\")}} and {{SVGElement(\"rect\")}} elements in {{SVGElement(\"svg\")}}"
   },
   "limitedSVGElementsGeometry": {
-    "en-US": "{{SVGElement(\"svg\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"image\")}}, and {{SVGElement(\"foreignObject\")}} elements in an <code>svg</code>"
-  },
-  "limitedSVGElementsPath": {
-    "en-US": "{{SVGElement(\"path\")}} elements in {{SVGElement(\"svg\")}}"
-  },
-  "limitedSVGElementsShapeText": {
-    "en-US": "SVG shapes and text content elements"
+    "en-US": "{{SVGElement(\"svg\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"image\")}}, and {{SVGElement(\"foreignObject\")}} elements in {{SVGElement(\"svg\")}}"
   },
   "limitedSVGElementsFilterPrimitives": {
     "en-US": "The set of elements that control the output of a {{SVGElement(\"filter\")}} element in {{SVGElement(\"svg\")}}"
   },
+  "limitedSVGElementsFloodAndDropShadow": {
+    "en-US": "{{SVGElement(\"feFlood\")}} and {{SVGElement(\"feDropShadow\")}} elements in {{SVGElement(\"svg\")}}"
+  },
   "limitedSVGElementsGraphics": {
     "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"foreignObject\")}}, {{SVGElement(\"image\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}"
   },
   "limitedSVGElementsGraphicsAndUse": {
     "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"foreignObject\")}}, {{SVGElement(\"image\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"use\")}}, {{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}"
   },
+  "limitedSVGElementsLightSource": {
+    "en-US": "{{SVGElement(\"feDiffuseLighting\")}} and {{SVGElement(\"feSpecularLighting\")}} elements in {{SVGElement(\"svg\")}}"
+  },
+  "limitedSVGElementsPath": {
+    "en-US": "{{SVGElement(\"path\")}} element in {{SVGElement(\"svg\")}}"
+  },
   "limitedSVGElementsShapes": {
     "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, and {{SVGElement(\"rect\")}} elements in an <code>svg</code>"
   },
   "limitedSVGElementsShapesAndTextContent": {
     "en-US": "{{SVGElement(\"circle\")}}, {{SVGElement(\"ellipse\")}}, {{SVGElement(\"line\")}}, {{SVGElement(\"path\")}}, {{SVGElement(\"polygon\")}}, {{SVGElement(\"polyline\")}}, {{SVGElement(\"rect\")}}, {{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in an <code>svg</code>"
   },
+  "limitedSVGElementsShapeText": {
+    "en-US": "SVG shapes and text content elements"
+  },
   "limitedSVGElementsStop": {
     "en-US": "{{SVGElement(\"stop\")}} elements in {{SVGElement(\"svg\")}}"
   },
   "limitedSVGElementsTextContent": {
-    "en-US": "{{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in an <code>svg</code>"
+    "en-US": "{{SVGElement(\"text\")}}, {{SVGElement(\"textPath\")}}, and {{SVGElement(\"tspan\")}} elements in {{SVGElement(\"svg\")}}"
   },
   "listEachItemConsistingOfAbsoluteLengthPercentageAndOrigin": {
     "de": "Eine Liste, bei der jeder Eintrag aus einem Versatz besteht, der durch eine Kombination aus absoluter Länge und einem Prozentsatz plus einem Ursprungsschlüsselwort definiert wird",