From 57b11d685a7a030f4fdb79f020aa74afa0d81adc Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 21 Dec 2024 19:36:53 +0800
Subject: [PATCH] feat(css): Replace `<box>` type with `<visual-box>` type
 (#842)

---
 css/properties.json | 2 +-
 css/syntaxes.json   | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/css/properties.json b/css/properties.json
index b991bbbe..698978d6 100644
--- a/css/properties.json
+++ b/css/properties.json
@@ -1330,7 +1330,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp"
   },
   "-webkit-mask": {
-    "syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#",
+    "syntax": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#",
     "media": "visual",
     "inherited": false,
     "animationType": "discrete",
diff --git a/css/syntaxes.json b/css/syntaxes.json
index 283633df..8d075acb 100644
--- a/css/syntaxes.json
+++ b/css/syntaxes.json
@@ -81,7 +81,7 @@
     "syntax": "none | <image>"
   },
   "bg-layer": {
-    "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+    "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
   },
   "bg-position": {
     "syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
@@ -95,9 +95,6 @@
   "blur()": {
     "syntax": "blur( <length> )"
   },
-  "box": {
-    "syntax": "border-box | padding-box | content-box"
-  },
   "brightness()": {
     "syntax": "brightness( <number-percentage> )"
   },
@@ -327,7 +324,7 @@
     "syntax": "[ <filter-function> | <url> ]+"
   },
   "final-bg-layer": {
-    "syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
+    "syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
   },
   "fit-content()": {
     "syntax": "fit-content( <length-percentage [0,∞]> )"
@@ -801,7 +798,7 @@
     "syntax": "rect(<top>, <right>, <bottom>, <left>)"
   },
   "shape-box": {
-    "syntax": "<box> | margin-box"
+    "syntax": "<visual-box> | margin-box"
   },
   "shape-radius": {
     "syntax": "<length-percentage> | closest-side | farthest-side"