@gitlab/ui 88.3.0 → 88.4.1

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

@@ -5609,7 +5609,7 @@
           "default": {
             "value": "#28272d",
             "$type": "color",
-            "comment": "Used for the background of a subtle neutral badge when static or the default state when linked.",
+            "comment": "Used for the background of a muted badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5618,7 +5618,7 @@
                 "dark": "{color.neutral.900}"
               },
               "$type": "color",
-              "comment": "Used for the background of a subtle neutral badge when static or the default state when linked."
+              "comment": "Used for the background of a muted badge when static or the default state when linked."
             },
             "name": "BADGE_MUTED_BACKGROUND_COLOR_DEFAULT",
             "attributes": {},
@@ -5630,10 +5630,52 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#28272d",
+            "$type": "color",
+            "comment": "Used for the background of a muted badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.muted.background.color.default}",
+              "$type": "color",
+              "comment": "Used for the background of a muted badge in the hover state."
+            },
+            "name": "BADGE_MUTED_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "muted",
+              "background",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#28272d",
+            "$type": "color",
+            "comment": "Used for the background of a muted badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.muted.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of a muted badge in the focus state."
+            },
+            "name": "BADGE_MUTED_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "muted",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
           "active": {
             "value": "#3a383f",
             "$type": "color",
-            "comment": "Used for the background of a subtle neutral badge in the active state.",
+            "comment": "Used for the background of a muted badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5642,7 +5684,7 @@
                 "dark": "{color.neutral.800}"
               },
               "$type": "color",
-              "comment": "Used for the background of a subtle neutral badge in the active state."
+              "comment": "Used for the background of a muted badge in the active state."
             },
             "name": "BADGE_MUTED_BACKGROUND_COLOR_ACTIVE",
             "attributes": {},
@@ -5658,10 +5700,31 @@
       },
       "border": {
         "color": {
+          "default": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a muted badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a muted badge when static or the default state when linked."
+            },
+            "name": "BADGE_MUTED_BORDER_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "muted",
+              "border",
+              "color",
+              "default"
+            ]
+          },
           "hover": {
             "value": "#4c4b51",
             "$type": "color",
-            "comment": "Used for the border of a subtle neutral badge in the hover state.",
+            "comment": "Used for the border of a muted badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5670,7 +5733,7 @@
                 "dark": "{color.neutral.700}"
               },
               "$type": "color",
-              "comment": "Used for the border of a subtle neutral badge in the hover state."
+              "comment": "Used for the border of a muted badge in the hover state."
             },
             "name": "BADGE_MUTED_BORDER_COLOR_HOVER",
             "attributes": {},
@@ -5681,6 +5744,48 @@
               "color",
               "hover"
             ]
+          },
+          "focus": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a muted badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a muted badge in the focus state."
+            },
+            "name": "BADGE_MUTED_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "muted",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a muted badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a muted badge in the active state."
+            },
+            "name": "BADGE_MUTED_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "muted",
+              "border",
+              "color",
+              "active"
+            ]
           }
         }
       },
@@ -5689,7 +5794,7 @@
           "default": {
             "value": "#a4a3a8",
             "$type": "color",
-            "comment": "Used for the text of a subtle neutral badge when static or the default state when linked.",
+            "comment": "Used for the text of a muted badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5698,7 +5803,7 @@
                 "dark": "{color.neutral.300}"
               },
               "$type": "color",
-              "comment": "Used for the text of a subtle neutral badge when static or the default state when linked."
+              "comment": "Used for the text of a muted badge when static or the default state when linked."
             },
             "name": "BADGE_MUTED_TEXT_COLOR_DEFAULT",
             "attributes": {},
@@ -5713,7 +5818,7 @@
           "hover": {
             "value": "#bfbfc3",
             "$type": "color",
-            "comment": "Used for the text of a subtle neutral badge in the hover state.",
+            "comment": "Used for the text of a muted badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5722,7 +5827,7 @@
                 "dark": "{color.neutral.200}"
               },
               "$type": "color",
-              "comment": "Used for the text of a subtle neutral badge in the hover state."
+              "comment": "Used for the text of a muted badge in the hover state."
             },
             "name": "BADGE_MUTED_TEXT_COLOR_HOVER",
             "attributes": {},
@@ -5737,13 +5842,13 @@
           "focus": {
             "value": "#bfbfc3",
             "$type": "color",
-            "comment": "Used for the text of a subtle neutral badge in the focus state.",
+            "comment": "Used for the text of a muted badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": "{badge.muted.text.color.hover}",
               "$type": "color",
-              "comment": "Used for the text of a subtle neutral badge in the focus state."
+              "comment": "Used for the text of a muted badge in the focus state."
             },
             "name": "BADGE_MUTED_TEXT_COLOR_FOCUS",
             "attributes": {},
@@ -5758,7 +5863,7 @@
           "active": {
             "value": "#dcdcde",
             "$type": "color",
-            "comment": "Used for the text of a subtle neutral badge in the active state.",
+            "comment": "Used for the text of a muted badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5767,7 +5872,7 @@
                 "dark": "{color.neutral.100}"
               },
               "$type": "color",
-              "comment": "Used for the text of a subtle neutral badge in the active state."
+              "comment": "Used for the text of a muted badge in the active state."
             },
             "name": "BADGE_MUTED_TEXT_COLOR_ACTIVE",
             "attributes": {},
@@ -5786,7 +5891,7 @@
           "default": {
             "value": "#89888d",
             "$type": "color",
-            "comment": "Used for the icon of a subtle neutral badge when static or the default state when linked.",
+            "comment": "Used for the icon of a muted badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5795,7 +5900,7 @@
                 "dark": "{color.neutral.400}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a subtle neutral badge when static or the default state when linked."
+              "comment": "Used for the icon of a muted badge when static or the default state when linked."
             },
             "name": "BADGE_MUTED_ICON_COLOR_DEFAULT",
             "attributes": {},
@@ -5810,7 +5915,7 @@
           "hover": {
             "value": "#a4a3a8",
             "$type": "color",
-            "comment": "Used for the icon of a subtle neutral badge in the hover state.",
+            "comment": "Used for the icon of a muted badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5819,7 +5924,7 @@
                 "dark": "{color.neutral.300}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a subtle neutral badge in the hover state."
+              "comment": "Used for the icon of a muted badge in the hover state."
             },
             "name": "BADGE_MUTED_ICON_COLOR_HOVER",
             "attributes": {},
@@ -5834,13 +5939,13 @@
           "focus": {
             "value": "#a4a3a8",
             "$type": "color",
-            "comment": "Used for the icon of a subtle neutral badge in the focus state.",
+            "comment": "Used for the icon of a muted badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": "{badge.muted.icon.color.hover}",
               "$type": "color",
-              "comment": "Used for the icon of a subtle neutral badge in the focus state."
+              "comment": "Used for the icon of a muted badge in the focus state."
             },
             "name": "BADGE_MUTED_ICON_COLOR_FOCUS",
             "attributes": {},
@@ -5855,7 +5960,7 @@
           "active": {
             "value": "#bfbfc3",
             "$type": "color",
-            "comment": "Used for the icon of a subtle neutral badge in the active state.",
+            "comment": "Used for the icon of a muted badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -5864,7 +5969,7 @@
                 "dark": "{color.neutral.200}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a subtle neutral badge in the active state."
+              "comment": "Used for the icon of a muted badge in the active state."
             },
             "name": "BADGE_MUTED_ICON_COLOR_ACTIVE",
             "attributes": {},
@@ -5906,6 +6011,48 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#3a383f",
+            "$type": "color",
+            "comment": "Used for the background of a neutral badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.neutral.background.color.default}",
+              "$type": "color",
+              "comment": "Used for the background of a neutral badge in the hover state."
+            },
+            "name": "BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "neutral",
+              "background",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#3a383f",
+            "$type": "color",
+            "comment": "Used for the background of a neutral badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.neutral.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of a neutral badge in the focus state."
+            },
+            "name": "BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "neutral",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
           "active": {
             "value": "#4c4b51",
             "$type": "color",
@@ -5934,6 +6081,27 @@
       },
       "border": {
         "color": {
+          "default": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a neutral badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a neutral badge when static or the default state when linked."
+            },
+            "name": "BADGE_NEUTRAL_BORDER_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "neutral",
+              "border",
+              "color",
+              "default"
+            ]
+          },
           "hover": {
             "value": "#4c4b51",
             "$type": "color",
@@ -5957,6 +6125,48 @@
               "color",
               "hover"
             ]
+          },
+          "focus": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a neutral badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a neutral badge in the focus state."
+            },
+            "name": "BADGE_NEUTRAL_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "neutral",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a neutral badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a neutral badge in the active state."
+            },
+            "name": "BADGE_NEUTRAL_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "neutral",
+              "border",
+              "color",
+              "active"
+            ]
           }
         }
       },
@@ -6182,38 +6392,52 @@
               "default"
             ]
           },
-          "active": {
-            "value": "#0b5cad",
+          "hover": {
+            "value": "#064787",
             "$type": "color",
-            "comment": "Used for the background of an informational badge in the active state.",
+            "comment": "Used for the background of an informational badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.blue.200}",
-                "dark": "{color.blue.700}"
-              },
+              "value": "{badge.info.background.color.default}",
               "$type": "color",
-              "comment": "Used for the background of an informational badge in the active state."
+              "comment": "Used for the background of an informational badge in the hover state."
             },
-            "name": "BADGE_INFO_BACKGROUND_COLOR_ACTIVE",
+            "name": "BADGE_INFO_BACKGROUND_COLOR_HOVER",
             "attributes": {},
             "path": [
               "badge",
               "info",
               "background",
               "color",
-              "active"
+              "hover"
             ]
-          }
-        }
-      },
-      "border": {
-        "color": {
-          "hover": {
+          },
+          "focus": {
+            "value": "#064787",
+            "$type": "color",
+            "comment": "Used for the background of an informational badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.info.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of an informational badge in the focus state."
+            },
+            "name": "BADGE_INFO_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "info",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
             "value": "#0b5cad",
             "$type": "color",
-            "comment": "Used for the border of an informational badge in the hover state.",
+            "comment": "Used for the background of an informational badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6222,78 +6446,169 @@
                 "dark": "{color.blue.700}"
               },
               "$type": "color",
-              "comment": "Used for the border of an informational badge in the hover state."
+              "comment": "Used for the background of an informational badge in the active state."
             },
-            "name": "BADGE_INFO_BORDER_COLOR_HOVER",
+            "name": "BADGE_INFO_BACKGROUND_COLOR_ACTIVE",
             "attributes": {},
             "path": [
               "badge",
               "info",
-              "border",
+              "background",
               "color",
-              "hover"
+              "active"
             ]
           }
         }
       },
-      "text": {
+      "border": {
         "color": {
           "default": {
-            "value": "#9dc7f1",
+            "value": "transparent",
             "$type": "color",
-            "comment": "Used for the text of an informational badge when static or the default state when linked.",
+            "comment": "Used for the border of an informational badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
-              "value": {
-                "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
-              },
+              "value": "{color.alpha.0}",
               "$type": "color",
-              "comment": "Used for the text of an informational badge when static or the default state when linked."
+              "comment": "Used for the border of an informational badge when static or the default state when linked."
             },
-            "name": "BADGE_INFO_TEXT_COLOR_DEFAULT",
+            "name": "BADGE_INFO_BORDER_COLOR_DEFAULT",
             "attributes": {},
             "path": [
               "badge",
               "info",
-              "text",
+              "border",
               "color",
               "default"
             ]
           },
           "hover": {
-            "value": "#cbe2f9",
+            "value": "#0b5cad",
             "$type": "color",
-            "comment": "Used for the text of an informational badge in the hover state.",
+            "comment": "Used for the border of an informational badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": {
-                "default": "{color.blue.800}",
-                "dark": "{color.blue.100}"
+                "default": "{color.blue.200}",
+                "dark": "{color.blue.700}"
               },
               "$type": "color",
-              "comment": "Used for the text of an informational badge in the hover state."
+              "comment": "Used for the border of an informational badge in the hover state."
             },
-            "name": "BADGE_INFO_TEXT_COLOR_HOVER",
+            "name": "BADGE_INFO_BORDER_COLOR_HOVER",
             "attributes": {},
             "path": [
               "badge",
               "info",
-              "text",
+              "border",
               "color",
               "hover"
             ]
           },
           "focus": {
-            "value": "#cbe2f9",
+            "value": "transparent",
             "$type": "color",
-            "comment": "Used for the text of an informational badge in the focus state.",
+            "comment": "Used for the border of an informational badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
-              "value": "{badge.info.text.color.hover}",
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of an informational badge in the focus state."
+            },
+            "name": "BADGE_INFO_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "info",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of an informational badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of an informational badge in the active state."
+            },
+            "name": "BADGE_INFO_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "info",
+              "border",
+              "color",
+              "active"
+            ]
+          }
+        }
+      },
+      "text": {
+        "color": {
+          "default": {
+            "value": "#9dc7f1",
+            "$type": "color",
+            "comment": "Used for the text of an informational badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.blue.700}",
+                "dark": "{color.blue.200}"
+              },
+              "$type": "color",
+              "comment": "Used for the text of an informational badge when static or the default state when linked."
+            },
+            "name": "BADGE_INFO_TEXT_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "info",
+              "text",
+              "color",
+              "default"
+            ]
+          },
+          "hover": {
+            "value": "#cbe2f9",
+            "$type": "color",
+            "comment": "Used for the text of an informational badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.blue.800}",
+                "dark": "{color.blue.100}"
+              },
+              "$type": "color",
+              "comment": "Used for the text of an informational badge in the hover state."
+            },
+            "name": "BADGE_INFO_TEXT_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "info",
+              "text",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#cbe2f9",
+            "$type": "color",
+            "comment": "Used for the text of an informational badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.info.text.color.hover}",
               "$type": "color",
               "comment": "Used for the text of an informational badge in the focus state."
             },
@@ -6458,6 +6773,48 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#0d532a",
+            "$type": "color",
+            "comment": "Used for the background of a success badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.success.background.color.default}",
+              "$type": "color",
+              "comment": "Used for the background of a success badge in the hover state."
+            },
+            "name": "BADGE_SUCCESS_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "success",
+              "background",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#0d532a",
+            "$type": "color",
+            "comment": "Used for the background of a success badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.success.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of a success badge in the focus state."
+            },
+            "name": "BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "success",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
           "active": {
             "value": "#24663b",
             "$type": "color",
@@ -6486,6 +6843,27 @@
       },
       "border": {
         "color": {
+          "default": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a success badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a success badge when static or the default state when linked."
+            },
+            "name": "BADGE_SUCCESS_BORDER_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "success",
+              "border",
+              "color",
+              "default"
+            ]
+          },
           "hover": {
             "value": "#24663b",
             "$type": "color",
@@ -6509,6 +6887,48 @@
               "color",
               "hover"
             ]
+          },
+          "focus": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a success badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a success badge in the focus state."
+            },
+            "name": "BADGE_SUCCESS_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "success",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a success badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a success badge in the active state."
+            },
+            "name": "BADGE_SUCCESS_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "success",
+              "border",
+              "color",
+              "active"
+            ]
           }
         }
       },
@@ -6713,7 +7133,7 @@
           "default": {
             "value": "#703800",
             "$type": "color",
-            "comment": "Used for the background of a warning status or confidential item when static or the default state when linked.",
+            "comment": "Used for the background of a warning badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6722,7 +7142,7 @@
                 "dark": "{color.orange.800}"
               },
               "$type": "color",
-              "comment": "Used for the background of a warning status or confidential item when static or the default state when linked."
+              "comment": "Used for the background of a warning badge when static or the default state when linked."
             },
             "name": "BADGE_WARNING_BACKGROUND_COLOR_DEFAULT",
             "attributes": {},
@@ -6734,10 +7154,52 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#703800",
+            "$type": "color",
+            "comment": "Used for the background of a warning badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.warning.background.color.default}",
+              "$type": "color",
+              "comment": "Used for the background of a warning badge in the hover state."
+            },
+            "name": "BADGE_WARNING_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "warning",
+              "background",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#703800",
+            "$type": "color",
+            "comment": "Used for the background of a warning badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.warning.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of a warning badge in the focus state."
+            },
+            "name": "BADGE_WARNING_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "warning",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
           "active": {
             "value": "#8f4700",
             "$type": "color",
-            "comment": "Used for the background of a warning status or confidential item in the active state.",
+            "comment": "Used for the background of a warning badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6746,7 +7208,7 @@
                 "dark": "{color.orange.700}"
               },
               "$type": "color",
-              "comment": "Used for the background of a warning status or confidential item in the active state."
+              "comment": "Used for the background of a warning badge in the active state."
             },
             "name": "BADGE_WARNING_BACKGROUND_COLOR_ACTIVE",
             "attributes": {},
@@ -6762,10 +7224,31 @@
       },
       "border": {
         "color": {
+          "default": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a warning badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a warning badge when static or the default state when linked."
+            },
+            "name": "BADGE_WARNING_BORDER_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "warning",
+              "border",
+              "color",
+              "default"
+            ]
+          },
           "hover": {
             "value": "#8f4700",
             "$type": "color",
-            "comment": "Used for the border of a warning status or confidential item in the hover state.",
+            "comment": "Used for the border of a warning badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6774,7 +7257,7 @@
                 "dark": "{color.orange.700}"
               },
               "$type": "color",
-              "comment": "Used for the border of a warning status or confidential item in the hover state."
+              "comment": "Used for the border of a warning badge in the hover state."
             },
             "name": "BADGE_WARNING_BORDER_COLOR_HOVER",
             "attributes": {},
@@ -6785,6 +7268,48 @@
               "color",
               "hover"
             ]
+          },
+          "focus": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a warning badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a warning badge in the focus state."
+            },
+            "name": "BADGE_WARNING_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "warning",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a warning badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a warning badge in the active state."
+            },
+            "name": "BADGE_WARNING_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "warning",
+              "border",
+              "color",
+              "active"
+            ]
           }
         }
       },
@@ -6793,7 +7318,7 @@
           "default": {
             "value": "#e9be74",
             "$type": "color",
-            "comment": "Used for the text of a warning status or confidential item when static or the default state when linked.",
+            "comment": "Used for the text of a warning badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6802,7 +7327,7 @@
                 "dark": "{color.orange.200}"
               },
               "$type": "color",
-              "comment": "Used for the text of a warning status or confidential item when static or the default state when linked."
+              "comment": "Used for the text of a warning badge when static or the default state when linked."
             },
             "name": "BADGE_WARNING_TEXT_COLOR_DEFAULT",
             "attributes": {},
@@ -6817,7 +7342,7 @@
           "hover": {
             "value": "#f5d9a8",
             "$type": "color",
-            "comment": "Used for the text of a warning status or confidential item in the hover state.",
+            "comment": "Used for the text of a warning badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6826,7 +7351,7 @@
                 "dark": "{color.orange.100}"
               },
               "$type": "color",
-              "comment": "Used for the text of a warning status or confidential item in the hover state."
+              "comment": "Used for the text of a warning badge in the hover state."
             },
             "name": "BADGE_WARNING_TEXT_COLOR_HOVER",
             "attributes": {},
@@ -6841,13 +7366,13 @@
           "focus": {
             "value": "#f5d9a8",
             "$type": "color",
-            "comment": "Used for the text of a warning status or confidential item in the focus state.",
+            "comment": "Used for the text of a warning badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": "{badge.warning.text.color.hover}",
               "$type": "color",
-              "comment": "Used for the text of a warning status or confidential item in the focus state."
+              "comment": "Used for the text of a warning badge in the focus state."
             },
             "name": "BADGE_WARNING_TEXT_COLOR_FOCUS",
             "attributes": {},
@@ -6862,7 +7387,7 @@
           "active": {
             "value": "#fdf1dd",
             "$type": "color",
-            "comment": "Used for the text of a warning status or confidential item in the active state.N",
+            "comment": "Used for the text of a warning badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6871,7 +7396,7 @@
                 "dark": "{color.orange.50}"
               },
               "$type": "color",
-              "comment": "Used for the text of a warning status or confidential item in the active state.N"
+              "comment": "Used for the text of a warning badge in the active state."
             },
             "name": "BADGE_WARNING_TEXT_COLOR_ACTIVE",
             "attributes": {},
@@ -6890,7 +7415,7 @@
           "default": {
             "value": "#c17d10",
             "$type": "color",
-            "comment": "Used for the icon of a warning status or confidential item when static or the default state when linked.",
+            "comment": "Used for the icon of a warning badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6899,7 +7424,7 @@
                 "dark": "{color.orange.400}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a warning status or confidential item when static or the default state when linked."
+              "comment": "Used for the icon of a warning badge when static or the default state when linked."
             },
             "name": "BADGE_WARNING_ICON_COLOR_DEFAULT",
             "attributes": {},
@@ -6914,7 +7439,7 @@
           "hover": {
             "value": "#d99530",
             "$type": "color",
-            "comment": "Used for the icon of a warning status or confidential item in the hover state.",
+            "comment": "Used for the icon of a warning badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6923,7 +7448,7 @@
                 "dark": "{color.orange.300}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a warning status or confidential item in the hover state."
+              "comment": "Used for the icon of a warning badge in the hover state."
             },
             "name": "BADGE_WARNING_ICON_COLOR_HOVER",
             "attributes": {},
@@ -6938,13 +7463,13 @@
           "focus": {
             "value": "#d99530",
             "$type": "color",
-            "comment": "Used for the icon of a warning status or confidential item in the focus state.",
+            "comment": "Used for the icon of a warning badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": "{badge.warning.icon.color.hover}",
               "$type": "color",
-              "comment": "Used for the icon of a warning status or confidential item in the focus state."
+              "comment": "Used for the icon of a warning badge in the focus state."
             },
             "name": "BADGE_WARNING_ICON_COLOR_FOCUS",
             "attributes": {},
@@ -6959,7 +7484,7 @@
           "active": {
             "value": "#e9be74",
             "$type": "color",
-            "comment": "Used for the icon of a warning status or confidential item in the active state.",
+            "comment": "Used for the icon of a warning badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6968,7 +7493,7 @@
                 "dark": "{color.orange.200}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a warning status or confidential item in the active state."
+              "comment": "Used for the icon of a warning badge in the active state."
             },
             "name": "BADGE_WARNING_ICON_COLOR_ACTIVE",
             "attributes": {},
@@ -6989,7 +7514,7 @@
           "default": {
             "value": "#8d1300",
             "$type": "color",
-            "comment": "Used for the background of a danger (critical) badge when static or the default state when linked.",
+            "comment": "Used for the background of a danger badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -6998,7 +7523,7 @@
                 "dark": "{color.red.800}"
               },
               "$type": "color",
-              "comment": "Used for the background of a danger (critical) badge when static or the default state when linked."
+              "comment": "Used for the background of a danger badge when static or the default state when linked."
             },
             "name": "BADGE_DANGER_BACKGROUND_COLOR_DEFAULT",
             "attributes": {},
@@ -7010,10 +7535,52 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#8d1300",
+            "$type": "color",
+            "comment": "Used for the background of a danger badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.danger.background.color.default}",
+              "$type": "color",
+              "comment": "Used for the background of a danger badge in the hover state."
+            },
+            "name": "BADGE_DANGER_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "danger",
+              "background",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#8d1300",
+            "$type": "color",
+            "comment": "Used for the background of a danger badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.danger.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of a danger badge in the focus state."
+            },
+            "name": "BADGE_DANGER_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "danger",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
           "active": {
             "value": "#ae1800",
             "$type": "color",
-            "comment": "Used for the background of a danger (critical) badge in the active state.",
+            "comment": "Used for the background of a danger badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7022,7 +7589,7 @@
                 "dark": "{color.red.700}"
               },
               "$type": "color",
-              "comment": "Used for the background of a danger (critical) badge in the active state."
+              "comment": "Used for the background of a danger badge in the active state."
             },
             "name": "BADGE_DANGER_BACKGROUND_COLOR_ACTIVE",
             "attributes": {},
@@ -7038,10 +7605,31 @@
       },
       "border": {
         "color": {
+          "default": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a danger badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a danger badge when static or the default state when linked."
+            },
+            "name": "BADGE_DANGER_BORDER_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "danger",
+              "border",
+              "color",
+              "default"
+            ]
+          },
           "hover": {
             "value": "#ae1800",
             "$type": "color",
-            "comment": "Used for the border of a danger (critical) badge in the hover state.",
+            "comment": "Used for the border of a danger badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7050,7 +7638,7 @@
                 "dark": "{color.red.700}"
               },
               "$type": "color",
-              "comment": "Used for the border of a danger (critical) badge in the hover state."
+              "comment": "Used for the border of a danger badge in the hover state."
             },
             "name": "BADGE_DANGER_BORDER_COLOR_HOVER",
             "attributes": {},
@@ -7061,6 +7649,48 @@
               "color",
               "hover"
             ]
+          },
+          "focus": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a danger badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a danger badge in the focus state."
+            },
+            "name": "BADGE_DANGER_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "danger",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a danger badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a danger badge in the active state."
+            },
+            "name": "BADGE_DANGER_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "danger",
+              "border",
+              "color",
+              "active"
+            ]
           }
         }
       },
@@ -7069,7 +7699,7 @@
           "default": {
             "value": "#fcb5aa",
             "$type": "color",
-            "comment": "Used for the text of a danger (critical) badge when static or the default state when linked.",
+            "comment": "Used for the text of a danger badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7078,7 +7708,7 @@
                 "dark": "{color.red.200}"
               },
               "$type": "color",
-              "comment": "Used for the text of a danger (critical) badge when static or the default state when linked."
+              "comment": "Used for the text of a danger badge when static or the default state when linked."
             },
             "name": "BADGE_DANGER_TEXT_COLOR_DEFAULT",
             "attributes": {},
@@ -7093,7 +7723,7 @@
           "hover": {
             "value": "#fdd4cd",
             "$type": "color",
-            "comment": "Used for the text of a danger (critical) badge in the hover state.",
+            "comment": "Used for the text of a danger badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7102,7 +7732,7 @@
                 "dark": "{color.red.100}"
               },
               "$type": "color",
-              "comment": "Used for the text of a danger (critical) badge in the hover state."
+              "comment": "Used for the text of a danger badge in the hover state."
             },
             "name": "BADGE_DANGER_TEXT_COLOR_HOVER",
             "attributes": {},
@@ -7117,13 +7747,13 @@
           "focus": {
             "value": "#fdd4cd",
             "$type": "color",
-            "comment": "Used for the text of a danger (critical) badge in the focus state.",
+            "comment": "Used for the text of a danger badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": "{badge.danger.text.color.hover}",
               "$type": "color",
-              "comment": "Used for the text of a danger (critical) badge in the focus state."
+              "comment": "Used for the text of a danger badge in the focus state."
             },
             "name": "BADGE_DANGER_TEXT_COLOR_FOCUS",
             "attributes": {},
@@ -7138,7 +7768,7 @@
           "active": {
             "value": "#fcf1ef",
             "$type": "color",
-            "comment": "Used for the text of a danger (critical) badge in the active state.",
+            "comment": "Used for the text of a danger badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7147,7 +7777,7 @@
                 "dark": "{color.red.50}"
               },
               "$type": "color",
-              "comment": "Used for the text of a danger (critical) badge in the active state."
+              "comment": "Used for the text of a danger badge in the active state."
             },
             "name": "BADGE_DANGER_TEXT_COLOR_ACTIVE",
             "attributes": {},
@@ -7166,7 +7796,7 @@
           "default": {
             "value": "#ec5941",
             "$type": "color",
-            "comment": "Used for the icon of a danger (critical) badge when static or the default state when linked.",
+            "comment": "Used for the icon of a danger badge when static or the default state when linked.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7175,7 +7805,7 @@
                 "dark": "{color.red.400}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a danger (critical) badge when static or the default state when linked."
+              "comment": "Used for the icon of a danger badge when static or the default state when linked."
             },
             "name": "BADGE_DANGER_ICON_COLOR_DEFAULT",
             "attributes": {},
@@ -7190,7 +7820,7 @@
           "hover": {
             "value": "#f57f6c",
             "$type": "color",
-            "comment": "Used for the icon of a danger (critical) badge in the hover state.",
+            "comment": "Used for the icon of a danger badge in the hover state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7199,7 +7829,7 @@
                 "dark": "{color.red.300}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a danger (critical) badge in the hover state."
+              "comment": "Used for the icon of a danger badge in the hover state."
             },
             "name": "BADGE_DANGER_ICON_COLOR_HOVER",
             "attributes": {},
@@ -7214,13 +7844,13 @@
           "focus": {
             "value": "#f57f6c",
             "$type": "color",
-            "comment": "Used for the icon of a danger (critical) badge in the focus state.",
+            "comment": "Used for the icon of a danger badge in the focus state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
               "value": "{badge.danger.icon.color.hover}",
               "$type": "color",
-              "comment": "Used for the icon of a danger (critical) badge in the focus state."
+              "comment": "Used for the icon of a danger badge in the focus state."
             },
             "name": "BADGE_DANGER_ICON_COLOR_FOCUS",
             "attributes": {},
@@ -7235,7 +7865,7 @@
           "active": {
             "value": "#fcb5aa",
             "$type": "color",
-            "comment": "Used for the icon of a danger (critical) badge in the active state.",
+            "comment": "Used for the icon of a danger badge in the active state.",
             "filePath": "src/tokens/contextual/badge.tokens.json",
             "isSource": true,
             "original": {
@@ -7244,7 +7874,7 @@
                 "dark": "{color.red.200}"
               },
               "$type": "color",
-              "comment": "Used for the icon of a danger (critical) badge in the active state."
+              "comment": "Used for the icon of a danger badge in the active state."
             },
             "name": "BADGE_DANGER_ICON_COLOR_ACTIVE",
             "attributes": {},
@@ -7286,6 +7916,48 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#2f2a6b",
+            "$type": "color",
+            "comment": "Used for the background of a tier related badge in the hover state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.tier.background.color.default}",
+              "$type": "color",
+              "comment": "Used for the background of a tier related badge in the hover state."
+            },
+            "name": "BADGE_TIER_BACKGROUND_COLOR_HOVER",
+            "attributes": {},
+            "path": [
+              "badge",
+              "tier",
+              "background",
+              "color",
+              "hover"
+            ]
+          },
+          "focus": {
+            "value": "#2f2a6b",
+            "$type": "color",
+            "comment": "Used for the background of a tier related badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{badge.tier.background.color.hover}",
+              "$type": "color",
+              "comment": "Used for the background of a tier related badge in the focus state."
+            },
+            "name": "BADGE_TIER_BACKGROUND_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "tier",
+              "background",
+              "color",
+              "focus"
+            ]
+          },
           "active": {
             "value": "#453894",
             "$type": "color",
@@ -7314,6 +7986,27 @@
       },
       "border": {
         "color": {
+          "default": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a tier related badge when static or the default state when linked.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a tier related badge when static or the default state when linked."
+            },
+            "name": "BADGE_TIER_BORDER_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "badge",
+              "tier",
+              "border",
+              "color",
+              "default"
+            ]
+          },
           "hover": {
             "value": "#453894",
             "$type": "color",
@@ -7337,6 +8030,48 @@
               "color",
               "hover"
             ]
+          },
+          "focus": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a tier related badge in the focus state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a tier related badge in the focus state."
+            },
+            "name": "BADGE_TIER_BORDER_COLOR_FOCUS",
+            "attributes": {},
+            "path": [
+              "badge",
+              "tier",
+              "border",
+              "color",
+              "focus"
+            ]
+          },
+          "active": {
+            "value": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of a tier related badge in the active state.",
+            "filePath": "src/tokens/contextual/badge.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.alpha.0}",
+              "$type": "color",
+              "comment": "Used for the border of a tier related badge in the active state."
+            },
+            "name": "BADGE_TIER_BORDER_COLOR_ACTIVE",
+            "attributes": {},
+            "path": [
+              "badge",
+              "tier",
+              "border",
+              "color",
+              "active"
+            ]
           }
         }
       },