[Autocomplete]: add corner-shape and corner-*-shape

will contain the following properties:

- corner-shape
- corner-top-left-shape
- corner-top-right-shape
- corner-bottom-right-shape
- corner-bottom-left-shape

DISABLE_THIRD_PARTY_CHECK=add corner-shape autocomplete

Bug: 402346406
Change-Id: I86e8ca8e79c85cc5e5dc75d459fb886e7b0cc42c
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6344150
Reviewed-by: Changhao Han <[email protected]>
Commit-Queue: Changhao Han <[email protected]>

Author: yisibl

front_end/core/sdk/CSSMetadata.ts

@@ -468,6 +468,11 @@ const filterValuePresetMap = new Map([
   ['url', 'url(||)'],
 ]);
 
+const cornerShapeValuePresetMap = new Map([
+  ['superellipse(0.5)', 'superellipse(|0.5|)'],
+  ['superellipse(infinity)', 'superellipse(|infinity|)'],
+]);
+
 const valuePresets = new Map([
   ['filter', filterValuePresetMap],
   ['backdrop-filter', filterValuePresetMap],
@@ -499,6 +504,7 @@ const valuePresets = new Map([
       ['perspective', 'perspective(|10px|)'],
     ]),
   ],
+  ['corner-shape', cornerShapeValuePresetMap],
 ]);
 
 const distanceProperties = new Set<string>([
@@ -1371,6 +1377,19 @@ const extraPropertyValues = new Map<string, Set<string>>([
       'ex alphabetic',
     ]),
   ],
+  [
+    'corner-shape',
+    new Set([
+      'round',
+      'scoop',
+      'bevel',
+      'notch',
+      'straight',
+      'squircle',
+      'superellipse(0.5)',
+      'superellipse(infinity)',
+    ]),
+  ],
 ]);
 
 // Weight of CSS properties based on their usage from https://www.chromestatus.com/metrics/css/popularity

front_end/generated/SupportedCSSProperties.js

@@ -1848,9 +1848,25 @@ export const generatedProperties = [
   "name": "content-visibility"
  },
  {
+  "keywords": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ],
   "name": "corner-bottom-left-shape"
  },
  {
+  "keywords": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ],
   "name": "corner-bottom-right-shape"
  },
  {
@@ -1875,9 +1891,25 @@ export const generatedProperties = [
   "name": "corner-start-start-shape"
  },
  {
+  "keywords": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ],
   "name": "corner-top-left-shape"
  },
  {
+  "keywords": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ],
   "name": "corner-top-right-shape"
  },
  {
@@ -5177,6 +5209,46 @@ export const generatedPropertyValues = {
    "hidden"
   ]
  },
+ "corner-bottom-left-shape": {
+  "values": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ]
+ },
+ "corner-bottom-right-shape": {
+  "values": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ]
+ },
+ "corner-top-left-shape": {
+  "values": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ]
+ },
+ "corner-top-right-shape": {
+  "values": [
+   "round",
+   "scoop",
+   "bevel",
+   "notch",
+   "straight",
+   "squircle"
+  ]
+ },
  "counter-increment": {
   "values": [
    "none"

third_party/blink/renderer/core/css/css_properties.json5

@@ -2933,6 +2933,7 @@
       field_template: "external",
       default_value: "Superellipse::Round()",
       include_paths: ["third_party/blink/renderer/core/style/superellipse.h"],
+      keywords: ["round", "scoop", "bevel", "notch", "straight", "squircle"],
       type_name: "Superellipse",
       converter: "ConvertCornerShape",
       valid_for_first_letter: true,
@@ -2953,6 +2954,7 @@
       field_template: "external",
       default_value: "Superellipse::Round()",
       include_paths: ["third_party/blink/renderer/core/style/superellipse.h"],
+      keywords: ["round", "scoop", "bevel", "notch", "straight", "squircle"],
       type_name: "Superellipse",
       converter: "ConvertCornerShape",
       valid_for_first_letter: true,
@@ -2973,6 +2975,7 @@
       field_template: "external",
       default_value: "Superellipse::Round()",
       include_paths: ["third_party/blink/renderer/core/style/superellipse.h"],
+      keywords: ["round", "scoop", "bevel", "notch", "straight", "squircle"],
       type_name: "Superellipse",
       converter: "ConvertCornerShape",
       valid_for_first_letter: true,
@@ -2993,6 +2996,7 @@
       field_template: "external",
       default_value: "Superellipse::Round()",
       include_paths: ["third_party/blink/renderer/core/style/superellipse.h"],
+      keywords: ["round", "scoop", "bevel", "notch", "straight", "squircle"],
       type_name: "Superellipse",
       converter: "ConvertCornerShape",
       valid_for_first_letter: true,