fix: expand border-bottom-left-radius from shorthand (#4326)

Overlooked
webstudio-is · Oct 21, 2024 · e5a4b0e · e5a4b0e
1 parent 5ee0860
commit e5a4b0e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/css-data/src/shorthands.test.ts b/packages/css-data/src/shorthands.test.ts
@@ -167,25 +167,25 @@ test("expand border-radius", () => {
     ["border-top-left-radius", "5px"],
     ["border-top-right-radius", "5px"],
     ["border-bottom-right-radius", "5px"],
-    ["border-top-left-radius", "5px"],
+    ["border-bottom-left-radius", "5px"],
   ]);
   expect(expandShorthands([["border-radius", "1px 2px 3px 4px"]])).toEqual([
     ["border-top-left-radius", "1px"],
     ["border-top-right-radius", "2px"],
     ["border-bottom-right-radius", "3px"],
-    ["border-top-left-radius", "4px"],
+    ["border-bottom-left-radius", "4px"],
   ]);
   expect(expandShorthands([["border-radius", "5px / 3px"]])).toEqual([
     ["border-top-left-radius", "5px 3px"],
     ["border-top-right-radius", "5px 3px"],
     ["border-bottom-right-radius", "5px 3px"],
-    ["border-top-left-radius", "5px 3px"],
+    ["border-bottom-left-radius", "5px 3px"],
   ]);
   expect(expandShorthands([["border-radius", "5px 2px / 3px 4px"]])).toEqual([
     ["border-top-left-radius", "5px 3px"],
     ["border-top-right-radius", "2px 4px"],
     ["border-bottom-right-radius", "5px 3px"],
-    ["border-top-left-radius", "2px 4px"],
+    ["border-bottom-left-radius", "2px 4px"],
   ]);
 });
 
@@ -194,7 +194,7 @@ test("expand border-radius with css-wide keywords", () => {
     ["border-top-left-radius", "inherit"],
     ["border-top-right-radius", "inherit"],
     ["border-bottom-right-radius", "inherit"],
-    ["border-top-left-radius", "inherit"],
+    ["border-bottom-left-radius", "inherit"],
   ]);
 });
 

diff --git a/packages/css-data/src/shorthands.ts b/packages/css-data/src/shorthands.ts
@@ -237,7 +237,7 @@ const expandBorderRadius = function* (value: CssNode) {
   yield ["border-top-left-radius", topLeft] as const;
   yield ["border-top-right-radius", topRight] as const;
   yield ["border-bottom-right-radius", bottomRight] as const;
-  yield ["border-top-left-radius", bottomLeft] as const;
+  yield ["border-bottom-left-radius", bottomLeft] as const;
 };
 
 /**