From 39f2aede448fa9d1257d8ef9b474149052f1aad0 Mon Sep 17 00:00:00 2001
From: Pamela Lozano <30474787+pamelalozano16@users.noreply.github.com>
Date: Tue, 5 Nov 2024 01:19:55 -0800
Subject: [PATCH] fix: Update syntax for 'forced-color-adjust' & 'scale'
 properties, 'axis', 'color', 'scroller', 'system-color' types (#771)

* Update aspect-ratio property

* Update syntaxes for animation-timeline

* Update forced-color-adjust

* Add <syntax-color>

* Add percentage to scale

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 css/properties.json | 4 ++--
 css/syntaxes.json   | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/css/properties.json b/css/properties.json
index 4ee8cc83..7e0e0fff 100644
--- a/css/properties.json
+++ b/css/properties.json
@@ -5550,7 +5550,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-weight"
   },
   "forced-color-adjust": {
-    "syntax": "auto | none",
+    "syntax": "auto | none | preserve-parent-color",
     "media": "visual",
     "inherited": true,
     "animationType": "notAnimatable",
@@ -8720,7 +8720,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ry"
   },
   "scale": {
-    "syntax": "none | <number>{1,3}",
+    "syntax": "none | [ <number> | <percentage> ]{1,3}",
     "media": "visual",
     "inherited": false,
     "animationType": "transform",
diff --git a/css/syntaxes.json b/css/syntaxes.json
index 10705c73..08b197e9 100644
--- a/css/syntaxes.json
+++ b/css/syntaxes.json
@@ -57,7 +57,7 @@
     "syntax": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>\n[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
   },
   "axis": {
-    "syntax": "block | inline | vertical | horizontal"
+    "syntax": "block | inline | x | y"
   },
   "baseline-position": {
     "syntax": "[ first | last ]? baseline"
@@ -123,7 +123,7 @@
     "syntax": "<url>"
   },
   "color": {
-    "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <light-dark()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+    "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()> | <hex-color> | <named-color> | <system-color> | <deprecated-system-color> | currentcolor | transparent"
   },
   "color-stop": {
     "syntax": "<color-stop-length> | <color-stop-angle>"
@@ -714,7 +714,7 @@
     "syntax": "scroll( [ <axis> || <scroller> ]? )"
   },
   "scroller": {
-    "syntax": "root | nearest"
+    "syntax": "root | nearest | self"
   },
   "self-position": {
     "syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
@@ -812,6 +812,9 @@
   "symbol": {
     "syntax": "<string> | <image> | <custom-ident>"
   },
+  "system-color": {
+    "syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
+  },
   "tan()": {
     "syntax": "tan( <calc-sum> )"
   },