@gitlab/ui 122.7.0 → 122.9.0

package/src/tokens/build/json/tokens.dark.json

@@ -1,4 +1,487 @@
 {
+  "border": {
+    "radius": {
+      "none": {
+        "key": "{border.radius.none}",
+        "$value": "0",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.0}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.none}"
+        },
+        "name": "BORDER_RADIUS_NONE",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "none"
+        ]
+      },
+      "xs": {
+        "key": "{border.radius.xs}",
+        "$value": "1px",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.px}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.xs}"
+        },
+        "name": "BORDER_RADIUS_XS",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "xs"
+        ]
+      },
+      "sm": {
+        "key": "{border.radius.sm}",
+        "$value": "0.125rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.1}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.sm}"
+        },
+        "name": "BORDER_RADIUS_SM",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "sm"
+        ]
+      },
+      "md": {
+        "key": "{border.radius.md}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.2}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.md}"
+        },
+        "name": "BORDER_RADIUS_MD",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "md"
+        ]
+      },
+      "lg": {
+        "key": "{border.radius.lg}",
+        "$value": "0.5rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.3}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.lg}"
+        },
+        "name": "BORDER_RADIUS_LG",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "lg"
+        ]
+      },
+      "xl": {
+        "key": "{border.radius.xl}",
+        "$value": "0.75rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.4}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.xl}"
+        },
+        "name": "BORDER_RADIUS_XL",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "xl"
+        ]
+      },
+      "2xl": {
+        "key": "{border.radius.2xl}",
+        "$value": "1rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.5}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.2xl}"
+        },
+        "name": "BORDER_RADIUS_2XL",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "2xl"
+        ]
+      },
+      "3xl": {
+        "key": "{border.radius.3xl}",
+        "$value": "1.5rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.6}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.3xl}"
+        },
+        "name": "BORDER_RADIUS_3XL",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "3xl"
+        ]
+      },
+      "full": {
+        "key": "{border.radius.full}",
+        "$value": "9999px",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/constant/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "9999px",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.full}"
+        },
+        "name": "BORDER_RADIUS_FULL",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "full"
+        ]
+      },
+      "default": {
+        "key": "{border.radius.default}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.md}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.default}"
+        },
+        "name": "BORDER_RADIUS_DEFAULT",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "default"
+        ]
+      }
+    },
+    "color": {
+      "default": {
+        "key": "{border.color.default}",
+        "$value": "#4c4b51",
+        "$type": "color",
+        "$description": "Used for the default border color.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.100}",
+            "dark": "{color.neutral.700}"
+          },
+          "$type": "color",
+          "$description": "Used for the default border color.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{border.color.default}"
+        },
+        "name": "BORDER_COLOR_DEFAULT",
+        "attributes": {},
+        "path": [
+          "border",
+          "color",
+          "default"
+        ]
+      },
+      "subtle": {
+        "key": "{border.color.subtle}",
+        "$value": "#3a383f",
+        "$type": "color",
+        "$description": "Used for a subtle border in combination with the default background.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.50}",
+            "dark": "{color.neutral.800}"
+          },
+          "$type": "color",
+          "$description": "Used for a subtle border in combination with the default background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{border.color.subtle}"
+        },
+        "name": "BORDER_COLOR_SUBTLE",
+        "attributes": {},
+        "path": [
+          "border",
+          "color",
+          "subtle"
+        ]
+      },
+      "strong": {
+        "key": "{border.color.strong}",
+        "$value": "#626168",
+        "$type": "color",
+        "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.200}",
+            "dark": "{color.neutral.600}"
+          },
+          "$type": "color",
+          "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{border.color.strong}"
+        },
+        "name": "BORDER_COLOR_STRONG",
+        "attributes": {},
+        "path": [
+          "border",
+          "color",
+          "strong"
+        ]
+      },
+      "section": {
+        "key": "{border.color.section}",
+        "$value": "#18171d",
+        "$type": "color",
+        "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{border.color.default}",
+            "dark": "{background.color.default}"
+          },
+          "$type": "color",
+          "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{border.color.section}"
+        },
+        "name": "BORDER_COLOR_SECTION",
+        "attributes": {},
+        "path": [
+          "border",
+          "color",
+          "section"
+        ]
+      },
+      "transparent": {
+        "key": "{border.color.transparent}",
+        "$value": "transparent",
+        "$type": "color",
+        "$description": "Used when a border needs to be present, but not visibly perceived.",
+        "$extensions": {
+          "com.figma.scope": [
+            "ALL_SCOPES"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{color.alpha.0}",
+          "$type": "color",
+          "$description": "Used when a border needs to be present, but not visibly perceived.",
+          "$extensions": {
+            "com.figma.scope": [
+              "ALL_SCOPES"
+            ]
+          },
+          "key": "{border.color.transparent}"
+        },
+        "name": "BORDER_COLOR_TRANSPARENT",
+        "attributes": {},
+        "path": [
+          "border",
+          "color",
+          "transparent"
+        ]
+      }
+    }
+  },
   "color": {
     "alpha": {
       "0": {
@@ -6724,6 +7207,39 @@
     }
   },
   "alert": {
+    "border": {
+      "radius": {
+        "key": "{alert.border.radius}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "Used for alert border radius.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/contextual/alert.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.default}",
+          "$type": "dimension",
+          "$description": "Used for alert border radius.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{alert.border.radius}"
+        },
+        "name": "ALERT_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "alert",
+          "border",
+          "radius"
+        ]
+      }
+    },
     "neutral": {
       "title": {
         "color": {
@@ -12969,6 +13485,38 @@
               "red"
             ]
           }
+        },
+        "radius": {
+          "key": "{broadcast.banner.border.radius}",
+          "$value": "0.25rem",
+          "$type": "dimension",
+          "$description": "Used for broadcast banner border radius.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "filePath": "src/tokens/contextual/broadcast.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{border.radius.default}",
+            "$type": "dimension",
+            "$description": "Used for broadcast banner border radius.",
+            "$extensions": {
+              "com.figma.scope": [
+                "CORNER_RADIUS"
+              ]
+            },
+            "key": "{broadcast.banner.border.radius}"
+          },
+          "name": "BROADCAST_BANNER_BORDER_RADIUS",
+          "attributes": {},
+          "path": [
+            "broadcast",
+            "banner",
+            "border",
+            "radius"
+          ]
         }
       },
       "icon": {
@@ -13662,6 +14210,39 @@
     }
   },
   "button": {
+    "border": {
+      "radius": {
+        "key": "{button.border.radius}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "Used for button border radius.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/contextual/button.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{action.border.radius}",
+          "$type": "dimension",
+          "$description": "Used for button border radius.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{button.border.radius}"
+        },
+        "name": "BUTTON_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "button",
+          "border",
+          "radius"
+        ]
+      }
+    },
     "default": {
       "primary": {
         "foreground": {
@@ -18155,6 +18736,41 @@
       }
     }
   },
+  "card": {
+    "border": {
+      "radius": {
+        "key": "{card.border.radius}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "Used for card border radius.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/contextual/card.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.default}",
+          "$type": "dimension",
+          "$description": "Used for card border radius.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{card.border.radius}"
+        },
+        "name": "CARD_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "card",
+          "border",
+          "radius"
+        ]
+      }
+    }
+  },
   "chart": {
     "axis": {
       "pointer": {
@@ -18537,6 +19153,7 @@
             "STROKE_COLOR"
           ]
         },
+        "$deprecated": true,
         "filePath": "src/tokens/contextual/dropdown.tokens.json",
         "isSource": true,
         "original": {
@@ -18552,6 +19169,7 @@
               "STROKE_COLOR"
             ]
           },
+          "$deprecated": true,
           "key": "{dropdown.border.color}"
         },
         "name": "DROPDOWN_BORDER_COLOR",
@@ -18561,6 +19179,37 @@
           "border",
           "color"
         ]
+      },
+      "radius": {
+        "key": "{dropdown.border.radius}",
+        "$value": "0.5rem",
+        "$type": "dimension",
+        "$description": "Used for the border radius of a dropdown.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/contextual/dropdown.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.lg}",
+          "$type": "dimension",
+          "$description": "Used for the border radius of a dropdown.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{dropdown.border.radius}"
+        },
+        "name": "DROPDOWN_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "dropdown",
+          "border",
+          "radius"
+        ]
       }
     },
     "divider": {
@@ -19231,7 +19880,7 @@
       "background": {
         "color": {
           "key": "{dropdown.search.background.color}",
-          "$value": "rgba(05, 05, 06, 0.24)",
+          "$value": "rgba(05, 05, 06, 0.16)",
           "$type": "color",
           "$description": "Used for the background of a search input in a dropdown listbox.",
           "$extensions": {
@@ -19245,7 +19894,7 @@
           "original": {
             "$value": {
               "default": "{color.alpha.dark.2}",
-              "dark": "{color.alpha.dark.24}"
+              "dark": "{color.alpha.dark.16}"
             },
             "$type": "color",
             "$description": "Used for the background of a search input in a dropdown listbox.",
@@ -21436,6 +22085,41 @@
       }
     }
   },
+  "modal": {
+    "border": {
+      "radius": {
+        "key": "{modal.border.radius}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "Used for modal border radius.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/contextual/modal.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.default}",
+          "$type": "dimension",
+          "$description": "Used for modal border radius.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{modal.border.radius}"
+        },
+        "name": "MODAL_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "modal",
+          "border",
+          "radius"
+        ]
+      }
+    }
+  },
   "progress-bar": {
     "indicator": {
       "color": {
@@ -29824,6 +30508,39 @@
     }
   },
   "action": {
+    "border": {
+      "radius": {
+        "key": "{action.border.radius}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "Used for the border radius of an action.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/action.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.default}",
+          "$type": "dimension",
+          "$description": "Used for the border radius of an action.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{action.border.radius}"
+        },
+        "name": "ACTION_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "action",
+          "border",
+          "radius"
+        ]
+      }
+    },
     "disabled": {
       "foreground": {
         "color": {
@@ -32873,177 +33590,6 @@
       }
     }
   },
-  "border": {
-    "color": {
-      "default": {
-        "key": "{border.color.default}",
-        "$value": "#4c4b51",
-        "$type": "color",
-        "$description": "Used for the default border color.",
-        "$extensions": {
-          "com.figma.scope": [
-            "STROKE_COLOR"
-          ]
-        },
-        "filePath": "src/tokens/semantic/border.tokens.json",
-        "isSource": true,
-        "original": {
-          "$value": {
-            "default": "{color.neutral.100}",
-            "dark": "{color.neutral.700}"
-          },
-          "$type": "color",
-          "$description": "Used for the default border color.",
-          "$extensions": {
-            "com.figma.scope": [
-              "STROKE_COLOR"
-            ]
-          },
-          "key": "{border.color.default}"
-        },
-        "name": "BORDER_COLOR_DEFAULT",
-        "attributes": {},
-        "path": [
-          "border",
-          "color",
-          "default"
-        ]
-      },
-      "subtle": {
-        "key": "{border.color.subtle}",
-        "$value": "#3a383f",
-        "$type": "color",
-        "$description": "Used for a subtle border in combination with the default background.",
-        "$extensions": {
-          "com.figma.scope": [
-            "STROKE_COLOR"
-          ]
-        },
-        "filePath": "src/tokens/semantic/border.tokens.json",
-        "isSource": true,
-        "original": {
-          "$value": {
-            "default": "{color.neutral.50}",
-            "dark": "{color.neutral.800}"
-          },
-          "$type": "color",
-          "$description": "Used for a subtle border in combination with the default background.",
-          "$extensions": {
-            "com.figma.scope": [
-              "STROKE_COLOR"
-            ]
-          },
-          "key": "{border.color.subtle}"
-        },
-        "name": "BORDER_COLOR_SUBTLE",
-        "attributes": {},
-        "path": [
-          "border",
-          "color",
-          "subtle"
-        ]
-      },
-      "strong": {
-        "key": "{border.color.strong}",
-        "$value": "#626168",
-        "$type": "color",
-        "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
-        "$extensions": {
-          "com.figma.scope": [
-            "STROKE_COLOR"
-          ]
-        },
-        "filePath": "src/tokens/semantic/border.tokens.json",
-        "isSource": true,
-        "original": {
-          "$value": {
-            "default": "{color.neutral.200}",
-            "dark": "{color.neutral.600}"
-          },
-          "$type": "color",
-          "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
-          "$extensions": {
-            "com.figma.scope": [
-              "STROKE_COLOR"
-            ]
-          },
-          "key": "{border.color.strong}"
-        },
-        "name": "BORDER_COLOR_STRONG",
-        "attributes": {},
-        "path": [
-          "border",
-          "color",
-          "strong"
-        ]
-      },
-      "section": {
-        "key": "{border.color.section}",
-        "$value": "#18171d",
-        "$type": "color",
-        "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
-        "$extensions": {
-          "com.figma.scope": [
-            "STROKE_COLOR"
-          ]
-        },
-        "filePath": "src/tokens/semantic/border.tokens.json",
-        "isSource": true,
-        "original": {
-          "$value": {
-            "default": "{border.color.default}",
-            "dark": "{background.color.default}"
-          },
-          "$type": "color",
-          "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
-          "$extensions": {
-            "com.figma.scope": [
-              "STROKE_COLOR"
-            ]
-          },
-          "key": "{border.color.section}"
-        },
-        "name": "BORDER_COLOR_SECTION",
-        "attributes": {},
-        "path": [
-          "border",
-          "color",
-          "section"
-        ]
-      },
-      "transparent": {
-        "key": "{border.color.transparent}",
-        "$value": "transparent",
-        "$type": "color",
-        "$description": "Used when a border needs to be present, but not visibly perceived.",
-        "$extensions": {
-          "com.figma.scope": [
-            "ALL_SCOPES"
-          ]
-        },
-        "filePath": "src/tokens/semantic/border.tokens.json",
-        "isSource": true,
-        "original": {
-          "$value": "{color.alpha.0}",
-          "$type": "color",
-          "$description": "Used when a border needs to be present, but not visibly perceived.",
-          "$extensions": {
-            "com.figma.scope": [
-              "ALL_SCOPES"
-            ]
-          },
-          "key": "{border.color.transparent}"
-        },
-        "name": "BORDER_COLOR_TRANSPARENT",
-        "attributes": {},
-        "path": [
-          "border",
-          "color",
-          "transparent"
-        ]
-      }
-    }
-  },
   "control": {
     "background": {
       "color": {
@@ -33600,6 +34146,37 @@
             ]
           }
         }
+      },
+      "radius": {
+        "key": "{control.border.radius}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "Used for form control (input, radio button, checkbox, textarea) default border radius.",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{border.radius.default}",
+          "$type": "dimension",
+          "$description": "Used for form control (input, radio button, checkbox, textarea) default border radius.",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{control.border.radius}"
+        },
+        "name": "CONTROL_BORDER_RADIUS",
+        "attributes": {},
+        "path": [
+          "control",
+          "border",
+          "radius"
+        ]
       }
     },
     "text": {