@gitlab/ui 122.0.0 → 122.1.0

package/dist/tokens/json/tokens.json

@@ -5953,6 +5953,776 @@
       ]
     }
   },
+  "spacing-scale": {
+    "0": {
+      "key": "{spacing-scale.0}",
+      "$value": "0",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.0}"
+      },
+      "name": "SPACING_SCALE_0",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "0"
+      ]
+    },
+    "1": {
+      "key": "{spacing-scale.1}",
+      "$value": "0.125rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0.125rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.1}"
+      },
+      "name": "SPACING_SCALE_1",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "1"
+      ]
+    },
+    "2": {
+      "key": "{spacing-scale.2}",
+      "$value": "0.25rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.2}"
+      },
+      "name": "SPACING_SCALE_2",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "2"
+      ]
+    },
+    "3": {
+      "key": "{spacing-scale.3}",
+      "$value": "0.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.3}"
+      },
+      "name": "SPACING_SCALE_3",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "3"
+      ]
+    },
+    "4": {
+      "key": "{spacing-scale.4}",
+      "$value": "0.75rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0.75rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.4}"
+      },
+      "name": "SPACING_SCALE_4",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "4"
+      ]
+    },
+    "5": {
+      "key": "{spacing-scale.5}",
+      "$value": "1rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "1rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.5}"
+      },
+      "name": "SPACING_SCALE_5",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "5"
+      ]
+    },
+    "6": {
+      "key": "{spacing-scale.6}",
+      "$value": "1.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "1.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.6}"
+      },
+      "name": "SPACING_SCALE_6",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "6"
+      ]
+    },
+    "7": {
+      "key": "{spacing-scale.7}",
+      "$value": "2rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "2rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.7}"
+      },
+      "name": "SPACING_SCALE_7",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "7"
+      ]
+    },
+    "8": {
+      "key": "{spacing-scale.8}",
+      "$value": "2.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "2.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.8}"
+      },
+      "name": "SPACING_SCALE_8",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "8"
+      ]
+    },
+    "9": {
+      "key": "{spacing-scale.9}",
+      "$value": "3rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "3rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.9}"
+      },
+      "name": "SPACING_SCALE_9",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "9"
+      ]
+    },
+    "10": {
+      "key": "{spacing-scale.10}",
+      "$value": "3.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "3.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.10}"
+      },
+      "name": "SPACING_SCALE_10",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "10"
+      ]
+    },
+    "11": {
+      "key": "{spacing-scale.11}",
+      "$value": "4rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "4rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.11}"
+      },
+      "name": "SPACING_SCALE_11",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "11"
+      ]
+    },
+    "12": {
+      "key": "{spacing-scale.12}",
+      "$value": "5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.12}"
+      },
+      "name": "SPACING_SCALE_12",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "12"
+      ]
+    },
+    "13": {
+      "key": "{spacing-scale.13}",
+      "$value": "6rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "6rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.13}"
+      },
+      "name": "SPACING_SCALE_13",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "13"
+      ]
+    },
+    "15": {
+      "key": "{spacing-scale.15}",
+      "$value": "7.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "7.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.15}"
+      },
+      "name": "SPACING_SCALE_15",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "15"
+      ]
+    },
+    "18": {
+      "key": "{spacing-scale.18}",
+      "$value": "9rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "9rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.18}"
+      },
+      "name": "SPACING_SCALE_18",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "18"
+      ]
+    },
+    "20": {
+      "key": "{spacing-scale.20}",
+      "$value": "10rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "10rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.20}"
+      },
+      "name": "SPACING_SCALE_20",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "20"
+      ]
+    },
+    "26": {
+      "key": "{spacing-scale.26}",
+      "$value": "13rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "13rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.26}"
+      },
+      "name": "SPACING_SCALE_26",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "26"
+      ]
+    },
+    "28": {
+      "key": "{spacing-scale.28}",
+      "$value": "14rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "14rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.28}"
+      },
+      "name": "SPACING_SCALE_28",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "28"
+      ]
+    },
+    "30": {
+      "key": "{spacing-scale.30}",
+      "$value": "15rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "15rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.30}"
+      },
+      "name": "SPACING_SCALE_30",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "30"
+      ]
+    },
+    "31": {
+      "key": "{spacing-scale.31}",
+      "$value": "15.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "15.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.31}"
+      },
+      "name": "SPACING_SCALE_31",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "31"
+      ]
+    },
+    "33": {
+      "key": "{spacing-scale.33}",
+      "$value": "16.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "16.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.33}"
+      },
+      "name": "SPACING_SCALE_33",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "33"
+      ]
+    },
+    "34": {
+      "key": "{spacing-scale.34}",
+      "$value": "17rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "17rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.34}"
+      },
+      "name": "SPACING_SCALE_34",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "34"
+      ]
+    },
+    "37": {
+      "key": "{spacing-scale.37}",
+      "$value": "18.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "18.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.37}"
+      },
+      "name": "SPACING_SCALE_37",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "37"
+      ]
+    },
+    "48": {
+      "key": "{spacing-scale.48}",
+      "$value": "24rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "24rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.48}"
+      },
+      "name": "SPACING_SCALE_48",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "48"
+      ]
+    },
+    "62": {
+      "key": "{spacing-scale.62}",
+      "$value": "31rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "31rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.62}"
+      },
+      "name": "SPACING_SCALE_62",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "62"
+      ]
+    },
+    "75": {
+      "key": "{spacing-scale.75}",
+      "$value": "37.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "37.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.75}"
+      },
+      "name": "SPACING_SCALE_75",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "75"
+      ]
+    },
+    "80": {
+      "key": "{spacing-scale.80}",
+      "$value": "40rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "40rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.80}"
+      },
+      "name": "SPACING_SCALE_80",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "80"
+      ]
+    },
+    "88": {
+      "key": "{spacing-scale.88}",
+      "$value": "44rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "44rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.88}"
+      },
+      "name": "SPACING_SCALE_88",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "88"
+      ]
+    },
+    "px": {
+      "key": "{spacing-scale.px}",
+      "$value": "1px",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "1px",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.px}"
+      },
+      "name": "SPACING_SCALE_PX",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "px"
+      ]
+    },
+    "2-5": {
+      "key": "{spacing-scale.2-5}",
+      "$value": "0.375rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "0.375rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.2-5}"
+      },
+      "name": "SPACING_SCALE_2_5",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "2-5"
+      ]
+    },
+    "11-5": {
+      "key": "{spacing-scale.11-5}",
+      "$value": "4.5rem",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": []
+      },
+      "filePath": "src/tokens/constant/spacing_scale.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "4.5rem",
+        "$type": "dimension",
+        "$extensions": {
+          "com.figma.scope": []
+        },
+        "key": "{spacing-scale.11-5}"
+      },
+      "name": "SPACING_SCALE_11_5",
+      "attributes": {},
+      "path": [
+        "spacing-scale",
+        "11-5"
+      ]
+    }
+  },
   "alert": {
     "neutral": {
       "title": {
@@ -31847,429 +32617,906 @@
       }
     }
   },
-  "background": {
+  "background": {
+    "color": {
+      "default": {
+        "key": "{background.color.default}",
+        "$value": "#fff",
+        "$type": "color",
+        "$description": "Used for the default background color.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.0}",
+            "dark": "{color.neutral.950}"
+          },
+          "$type": "color",
+          "$description": "Used for the default background color.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.default}"
+        },
+        "name": "BACKGROUND_COLOR_DEFAULT",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "default"
+        ]
+      },
+      "subtle": {
+        "key": "{background.color.subtle}",
+        "$value": "#fbfafd",
+        "$type": "color",
+        "$description": "Used to slightly differentiate the background from the default.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.10}",
+            "dark": "{color.neutral.900}"
+          },
+          "$type": "color",
+          "$description": "Used to slightly differentiate the background from the default.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.subtle}"
+        },
+        "name": "BACKGROUND_COLOR_SUBTLE",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "subtle"
+        ]
+      },
+      "strong": {
+        "key": "{background.color.strong}",
+        "$value": "#ececef",
+        "$type": "color",
+        "$description": "Used to make the background easily stand out from the default.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.50}",
+            "dark": "{color.neutral.800}"
+          },
+          "$type": "color",
+          "$description": "Used to make the background easily stand out from the default.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.strong}"
+        },
+        "name": "BACKGROUND_COLOR_STRONG",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "strong"
+        ]
+      },
+      "disabled": {
+        "key": "{background.color.disabled}",
+        "$value": "#fbfafd",
+        "$type": "color",
+        "$description": "Used to identify a disabled section.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.10}",
+            "dark": "{color.neutral.900}"
+          },
+          "$type": "color",
+          "$description": "Used to identify a disabled section.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.disabled}"
+        },
+        "name": "BACKGROUND_COLOR_DISABLED",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "disabled"
+        ]
+      },
+      "overlap": {
+        "key": "{background.color.overlap}",
+        "$value": "#fff",
+        "$type": "color",
+        "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.0}",
+            "dark": "{color.neutral.900}"
+          },
+          "$type": "color",
+          "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.overlap}"
+        },
+        "name": "BACKGROUND_COLOR_OVERLAP",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "overlap"
+        ]
+      },
+      "section": {
+        "key": "{background.color.section}",
+        "$value": "#fff",
+        "$type": "color",
+        "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.0}",
+            "dark": "{color.neutral.800}"
+          },
+          "$type": "color",
+          "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.section}"
+        },
+        "name": "BACKGROUND_COLOR_SECTION",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "section"
+        ]
+      },
+      "overlay": {
+        "key": "{background.color.overlay}",
+        "$value": "rgba(05, 05, 06, 0.24)",
+        "$type": "color",
+        "$description": "Used for an overlay that covers other content.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/background.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.alpha.dark.24}",
+            "dark": "rgba(0,0,0,0.64)"
+          },
+          "$type": "color",
+          "$description": "Used for an overlay that covers other content.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{background.color.overlay}"
+        },
+        "name": "BACKGROUND_COLOR_OVERLAY",
+        "attributes": {},
+        "path": [
+          "background",
+          "color",
+          "overlay"
+        ]
+      }
+    }
+  },
+  "border": {
     "color": {
       "default": {
-        "key": "{background.color.default}",
-        "$value": "#fff",
+        "key": "{border.color.default}",
+        "$value": "#dcdcde",
         "$type": "color",
-        "$description": "Used for the default background color.",
+        "$description": "Used for the default border color.",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "STROKE_COLOR"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
           "$value": {
-            "default": "{color.neutral.0}",
-            "dark": "{color.neutral.950}"
+            "default": "{color.neutral.100}",
+            "dark": "{color.neutral.700}"
           },
           "$type": "color",
-          "$description": "Used for the default background color.",
+          "$description": "Used for the default border color.",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "STROKE_COLOR"
             ]
           },
-          "key": "{background.color.default}"
+          "key": "{border.color.default}"
         },
-        "name": "BACKGROUND_COLOR_DEFAULT",
+        "name": "BORDER_COLOR_DEFAULT",
         "attributes": {},
         "path": [
-          "background",
+          "border",
           "color",
           "default"
         ]
       },
       "subtle": {
-        "key": "{background.color.subtle}",
-        "$value": "#fbfafd",
+        "key": "{border.color.subtle}",
+        "$value": "#ececef",
         "$type": "color",
-        "$description": "Used to slightly differentiate the background from the default.",
+        "$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": "#bfbfc3",
+        "$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": "#dcdcde",
+        "$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"
+        ]
+      }
+    },
+    "radius": {
+      "6": {
+        "key": "{border.radius.6}",
+        "$value": "1.5rem",
+        "$type": "dimension",
+        "$description": "",
+        "$deprecated": true,
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.6}",
+          "$type": "dimension",
+          "$description": "",
+          "$deprecated": true,
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.6}"
+        },
+        "name": "BORDER_RADIUS_6",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "6"
+        ]
+      },
+      "7": {
+        "key": "{border.radius.7}",
+        "$value": "2rem",
+        "$type": "dimension",
+        "$description": "",
+        "$deprecated": true,
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.7}",
+          "$type": "dimension",
+          "$description": "",
+          "$deprecated": true,
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.7}"
+        },
+        "name": "BORDER_RADIUS_7",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "7"
+        ]
+      },
+      "none": {
+        "key": "{border.radius.none}",
+        "$value": "0",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/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"
+        ]
+      },
+      "base": {
+        "key": "{border.radius.base}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "",
+        "$extensions": {
+          "com.figma.scope": [
+            "CORNER_RADIUS"
+          ]
+        },
+        "filePath": "src/tokens/semantic/border.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{spacing-scale.2}",
+          "$type": "dimension",
+          "$description": "",
+          "$extensions": {
+            "com.figma.scope": [
+              "CORNER_RADIUS"
+            ]
+          },
+          "key": "{border.radius.base}"
+        },
+        "name": "BORDER_RADIUS_BASE",
+        "attributes": {},
+        "path": [
+          "border",
+          "radius",
+          "base"
+        ]
+      },
+      "xs": {
+        "key": "{border.radius.xs}",
+        "$value": "1px",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "CORNER_RADIUS"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
-          "$value": {
-            "default": "{color.neutral.10}",
-            "dark": "{color.neutral.900}"
-          },
-          "$type": "color",
-          "$description": "Used to slightly differentiate the background from the default.",
+          "$value": "{spacing-scale.px}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{background.color.subtle}"
+          "key": "{border.radius.xs}"
         },
-        "name": "BACKGROUND_COLOR_SUBTLE",
+        "name": "BORDER_RADIUS_XS",
         "attributes": {},
         "path": [
-          "background",
-          "color",
-          "subtle"
+          "border",
+          "radius",
+          "xs"
         ]
       },
-      "strong": {
-        "key": "{background.color.strong}",
-        "$value": "#ececef",
-        "$type": "color",
-        "$description": "Used to make the background easily stand out from the default.",
+      "sm": {
+        "key": "{border.radius.sm}",
+        "$value": "0.125rem",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "CORNER_RADIUS"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
-          "$value": {
-            "default": "{color.neutral.50}",
-            "dark": "{color.neutral.800}"
-          },
-          "$type": "color",
-          "$description": "Used to make the background easily stand out from the default.",
+          "$value": "{spacing-scale.1}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{background.color.strong}"
+          "key": "{border.radius.sm}"
         },
-        "name": "BACKGROUND_COLOR_STRONG",
+        "name": "BORDER_RADIUS_SM",
         "attributes": {},
         "path": [
-          "background",
-          "color",
-          "strong"
+          "border",
+          "radius",
+          "sm"
         ]
       },
-      "disabled": {
-        "key": "{background.color.disabled}",
-        "$value": "#fbfafd",
-        "$type": "color",
-        "$description": "Used to identify a disabled section.",
+      "md": {
+        "key": "{border.radius.md}",
+        "$value": "0.25rem",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "CORNER_RADIUS"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
-          "$value": {
-            "default": "{color.neutral.10}",
-            "dark": "{color.neutral.900}"
-          },
-          "$type": "color",
-          "$description": "Used to identify a disabled section.",
+          "$value": "{spacing-scale.2}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{background.color.disabled}"
+          "key": "{border.radius.md}"
         },
-        "name": "BACKGROUND_COLOR_DISABLED",
+        "name": "BORDER_RADIUS_MD",
         "attributes": {},
         "path": [
-          "background",
-          "color",
-          "disabled"
+          "border",
+          "radius",
+          "md"
         ]
       },
-      "overlap": {
-        "key": "{background.color.overlap}",
-        "$value": "#fff",
-        "$type": "color",
-        "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
+      "lg": {
+        "key": "{border.radius.lg}",
+        "$value": "0.5rem",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "CORNER_RADIUS"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
-          "$value": {
-            "default": "{color.neutral.0}",
-            "dark": "{color.neutral.900}"
-          },
-          "$type": "color",
-          "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
+          "$value": "{spacing-scale.3}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{background.color.overlap}"
+          "key": "{border.radius.lg}"
         },
-        "name": "BACKGROUND_COLOR_OVERLAP",
+        "name": "BORDER_RADIUS_LG",
         "attributes": {},
         "path": [
-          "background",
-          "color",
-          "overlap"
+          "border",
+          "radius",
+          "lg"
         ]
       },
-      "section": {
-        "key": "{background.color.section}",
-        "$value": "#fff",
-        "$type": "color",
-        "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
+      "xl": {
+        "key": "{border.radius.xl}",
+        "$value": "0.75rem",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "CORNER_RADIUS"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
-          "$value": {
-            "default": "{color.neutral.0}",
-            "dark": "{color.neutral.800}"
-          },
-          "$type": "color",
-          "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
+          "$value": "{spacing-scale.4}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{background.color.section}"
+          "key": "{border.radius.xl}"
         },
-        "name": "BACKGROUND_COLOR_SECTION",
+        "name": "BORDER_RADIUS_XL",
         "attributes": {},
         "path": [
-          "background",
-          "color",
-          "section"
+          "border",
+          "radius",
+          "xl"
         ]
       },
-      "overlay": {
-        "key": "{background.color.overlay}",
-        "$value": "rgba(05, 05, 06, 0.24)",
-        "$type": "color",
-        "$description": "Used for an overlay that covers other content.",
+      "2xl": {
+        "key": "{border.radius.2xl}",
+        "$value": "1rem",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "FRAME_FILL",
-            "SHAPE_FILL"
+            "CORNER_RADIUS"
           ]
         },
-        "filePath": "src/tokens/semantic/background.tokens.json",
+        "filePath": "src/tokens/semantic/border.tokens.json",
         "isSource": true,
         "original": {
-          "$value": {
-            "default": "{color.alpha.dark.24}",
-            "dark": "rgba(0,0,0,0.64)"
-          },
-          "$type": "color",
-          "$description": "Used for an overlay that covers other content.",
+          "$value": "{spacing-scale.5}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "FRAME_FILL",
-              "SHAPE_FILL"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{background.color.overlay}"
+          "key": "{border.radius.2xl}"
         },
-        "name": "BACKGROUND_COLOR_OVERLAY",
+        "name": "BORDER_RADIUS_2XL",
         "attributes": {},
         "path": [
-          "background",
-          "color",
-          "overlay"
+          "border",
+          "radius",
+          "2xl"
         ]
-      }
-    }
-  },
-  "border": {
-    "color": {
-      "default": {
-        "key": "{border.color.default}",
-        "$value": "#dcdcde",
-        "$type": "color",
-        "$description": "Used for the default border color.",
+      },
+      "3xl": {
+        "key": "{border.radius.3xl}",
+        "$value": "1.5rem",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "STROKE_COLOR"
+            "CORNER_RADIUS"
           ]
         },
         "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.",
+          "$value": "{spacing-scale.6}",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "STROKE_COLOR"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{border.color.default}"
+          "key": "{border.radius.3xl}"
         },
-        "name": "BORDER_COLOR_DEFAULT",
+        "name": "BORDER_RADIUS_3XL",
         "attributes": {},
         "path": [
           "border",
-          "color",
-          "default"
+          "radius",
+          "3xl"
         ]
       },
-      "subtle": {
-        "key": "{border.color.subtle}",
-        "$value": "#ececef",
-        "$type": "color",
-        "$description": "Used for a subtle border in combination with the default background.",
+      "small": {
+        "key": "{border.radius.small}",
+        "$value": "0.125rem",
+        "$type": "dimension",
+        "$description": "",
+        "$deprecated": true,
         "$extensions": {
           "com.figma.scope": [
-            "STROKE_COLOR"
+            "CORNER_RADIUS"
           ]
         },
         "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.",
+          "$value": "{spacing-scale.1}",
+          "$type": "dimension",
+          "$description": "",
+          "$deprecated": true,
           "$extensions": {
             "com.figma.scope": [
-              "STROKE_COLOR"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{border.color.subtle}"
+          "key": "{border.radius.small}"
         },
-        "name": "BORDER_COLOR_SUBTLE",
+        "name": "BORDER_RADIUS_SMALL",
         "attributes": {},
         "path": [
           "border",
-          "color",
-          "subtle"
+          "radius",
+          "small"
         ]
       },
-      "strong": {
-        "key": "{border.color.strong}",
-        "$value": "#bfbfc3",
-        "$type": "color",
-        "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
+      "large": {
+        "key": "{border.radius.large}",
+        "$value": "0.5rem",
+        "$type": "dimension",
+        "$description": "",
+        "$deprecated": true,
         "$extensions": {
           "com.figma.scope": [
-            "STROKE_COLOR"
+            "CORNER_RADIUS"
           ]
         },
         "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.",
+          "$value": "{spacing-scale.3}",
+          "$type": "dimension",
+          "$description": "",
+          "$deprecated": true,
           "$extensions": {
             "com.figma.scope": [
-              "STROKE_COLOR"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{border.color.strong}"
+          "key": "{border.radius.large}"
         },
-        "name": "BORDER_COLOR_STRONG",
+        "name": "BORDER_RADIUS_LARGE",
         "attributes": {},
         "path": [
           "border",
-          "color",
-          "strong"
+          "radius",
+          "large"
         ]
       },
-      "section": {
-        "key": "{border.color.section}",
-        "$value": "#dcdcde",
-        "$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.",
+      "pill": {
+        "key": "{border.radius.pill}",
+        "$value": "0.75rem",
+        "$type": "dimension",
+        "$description": "",
+        "$deprecated": true,
         "$extensions": {
           "com.figma.scope": [
-            "STROKE_COLOR"
+            "CORNER_RADIUS"
           ]
         },
         "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.",
+          "$value": "{spacing-scale.4}",
+          "$type": "dimension",
+          "$description": "",
+          "$deprecated": true,
           "$extensions": {
             "com.figma.scope": [
-              "STROKE_COLOR"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{border.color.section}"
+          "key": "{border.radius.pill}"
         },
-        "name": "BORDER_COLOR_SECTION",
+        "name": "BORDER_RADIUS_PILL",
         "attributes": {},
         "path": [
           "border",
-          "color",
-          "section"
+          "radius",
+          "pill"
         ]
       },
-      "transparent": {
-        "key": "{border.color.transparent}",
-        "$value": "transparent",
-        "$type": "color",
-        "$description": "Used when a border needs to be present, but not visibly perceived.",
+      "full": {
+        "key": "{border.radius.full}",
+        "$value": "9999px",
+        "$type": "dimension",
+        "$description": "",
         "$extensions": {
           "com.figma.scope": [
-            "ALL_SCOPES"
+            "CORNER_RADIUS"
           ]
         },
         "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.",
+          "$value": "9999px",
+          "$type": "dimension",
+          "$description": "",
           "$extensions": {
             "com.figma.scope": [
-              "ALL_SCOPES"
+              "CORNER_RADIUS"
             ]
           },
-          "key": "{border.color.transparent}"
+          "key": "{border.radius.full}"
         },
-        "name": "BORDER_COLOR_TRANSPARENT",
+        "name": "BORDER_RADIUS_FULL",
         "attributes": {},
         "path": [
           "border",
-          "color",
-          "transparent"
+          "radius",
+          "full"
         ]
       }
     }