@gitlab/ui 88.2.1 → 88.4.0

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

@@ -5410,7 +5410,10 @@
           "filePath": "src/tokens/contextual/avatar.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{color.alpha.dark.8}",
+            "value": {
+              "default": "{color.alpha.dark.8}",
+              "dark": "{color.alpha.light.8}"
+            },
             "$type": "color",
             "comment": "Used to define the edge of an avatar."
           },
@@ -5430,7 +5433,10 @@
           "filePath": "src/tokens/contextual/avatar.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{color.alpha.dark.24}",
+            "value": {
+              "default": "{color.alpha.dark.24}",
+              "dark": "{color.alpha.light.24}"
+            },
             "$type": "color",
             "comment": "Used to increase the edge definition of an avatar in the hover state."
           },
@@ -5457,7 +5463,7 @@
             "original": {
               "value": {
                 "default": "{color.red.50}",
-                "dark": "{color.red.900}"
+                "dark": "{color.red.950}"
               },
               "$type": "color",
               "comment": "Red background for avatar fallback with no particular meaning."
@@ -5505,7 +5511,7 @@
             "original": {
               "value": {
                 "default": "{color.blue.50}",
-                "dark": "{color.blue.900}"
+                "dark": "{color.blue.950}"
               },
               "$type": "color",
               "comment": "Blue background for avatar fallback with no particular meaning."
@@ -5529,7 +5535,7 @@
             "original": {
               "value": {
                 "default": "{color.green.50}",
-                "dark": "{color.green.900}"
+                "dark": "{color.green.950}"
               },
               "$type": "color",
               "comment": "Green background for avatar fallback with no particular meaning."
@@ -5553,7 +5559,7 @@
             "original": {
               "value": {
                 "default": "{color.orange.50}",
-                "dark": "{color.orange.900}"
+                "dark": "{color.orange.950}"
               },
               "$type": "color",
               "comment": "Orange background for avatar fallback with no particular meaning."
@@ -5603,7 +5609,7 @@
           "default": {
             "value": "#ececef",
             "$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": {
@@ -5612,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": {},
@@ -5624,10 +5630,52 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#ececef",
+            "$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": "#ececef",
+            "$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": "#dcdcde",
             "$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": {
@@ -5636,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": {},
@@ -5652,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": "#bfbfc3",
             "$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": {
@@ -5664,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": {},
@@ -5675,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"
+            ]
           }
         }
       },
@@ -5683,7 +5794,7 @@
           "default": {
             "value": "#626168",
             "$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": {
@@ -5692,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": {},
@@ -5707,7 +5818,7 @@
           "hover": {
             "value": "#4c4b51",
             "$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": {
@@ -5716,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": {},
@@ -5731,13 +5842,13 @@
           "focus": {
             "value": "#4c4b51",
             "$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": {},
@@ -5752,7 +5863,7 @@
           "active": {
             "value": "#3a383f",
             "$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": {
@@ -5761,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": {},
@@ -5780,7 +5891,7 @@
           "default": {
             "value": "#737278",
             "$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": {
@@ -5789,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": {},
@@ -5804,7 +5915,7 @@
           "hover": {
             "value": "#626168",
             "$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": {
@@ -5813,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": {},
@@ -5828,13 +5939,13 @@
           "focus": {
             "value": "#626168",
             "$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": {},
@@ -5849,7 +5960,7 @@
           "active": {
             "value": "#4c4b51",
             "$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": {
@@ -5858,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": {},
@@ -5900,6 +6011,48 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#dcdcde",
+            "$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": "#dcdcde",
+            "$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": "#bfbfc3",
             "$type": "color",
@@ -5928,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": "#bfbfc3",
             "$type": "color",
@@ -5951,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"
+            ]
           }
         }
       },
@@ -6176,38 +6392,52 @@
               "default"
             ]
           },
-          "active": {
-            "value": "#9dc7f1",
+          "hover": {
+            "value": "#cbe2f9",
             "$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": "#cbe2f9",
+            "$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": "#9dc7f1",
             "$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": {
@@ -6216,66 +6446,157 @@
                 "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": "#0b5cad",
+            "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": "#064787",
+            "value": "#9dc7f1",
             "$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": "transparent",
+            "$type": "color",
+            "comment": "Used for the border of an informational 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 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": "#0b5cad",
+            "$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": "#064787",
+            "$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"
             ]
@@ -6452,6 +6773,48 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#c3e6cd",
+            "$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": "#c3e6cd",
+            "$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": "#91d4a8",
             "$type": "color",
@@ -6480,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": "#91d4a8",
             "$type": "color",
@@ -6503,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"
+            ]
           }
         }
       },
@@ -6707,7 +7133,7 @@
           "default": {
             "value": "#f5d9a8",
             "$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": {
@@ -6716,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": {},
@@ -6728,10 +7154,52 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#f5d9a8",
+            "$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": "#f5d9a8",
+            "$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": "#e9be74",
             "$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": {
@@ -6740,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": {},
@@ -6756,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": "#e9be74",
             "$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": {
@@ -6768,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": {},
@@ -6779,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"
+            ]
           }
         }
       },
@@ -6787,7 +7318,7 @@
           "default": {
             "value": "#8f4700",
             "$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": {
@@ -6796,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": {},
@@ -6811,7 +7342,7 @@
           "hover": {
             "value": "#703800",
             "$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": {
@@ -6820,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": {},
@@ -6835,13 +7366,13 @@
           "focus": {
             "value": "#703800",
             "$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": {},
@@ -6856,7 +7387,7 @@
           "active": {
             "value": "#5c2900",
             "$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": {
@@ -6865,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": {},
@@ -6884,7 +7415,7 @@
           "default": {
             "value": "#ab6100",
             "$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": {
@@ -6893,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": {},
@@ -6908,7 +7439,7 @@
           "hover": {
             "value": "#9e5400",
             "$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": {
@@ -6917,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": {},
@@ -6932,13 +7463,13 @@
           "focus": {
             "value": "#9e5400",
             "$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": {},
@@ -6953,7 +7484,7 @@
           "active": {
             "value": "#8f4700",
             "$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": {
@@ -6962,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": {},
@@ -6983,7 +7514,7 @@
           "default": {
             "value": "#fdd4cd",
             "$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": {
@@ -6992,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": {},
@@ -7004,10 +7535,52 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#fdd4cd",
+            "$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": "#fdd4cd",
+            "$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": "#fcb5aa",
             "$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": {
@@ -7016,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": {},
@@ -7032,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": "#fcb5aa",
             "$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": {
@@ -7044,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": {},
@@ -7055,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"
+            ]
           }
         }
       },
@@ -7063,7 +7699,7 @@
           "default": {
             "value": "#ae1800",
             "$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": {
@@ -7072,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": {},
@@ -7087,7 +7723,7 @@
           "hover": {
             "value": "#8d1300",
             "$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": {
@@ -7096,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": {},
@@ -7111,13 +7747,13 @@
           "focus": {
             "value": "#8d1300",
             "$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": {},
@@ -7132,7 +7768,7 @@
           "active": {
             "value": "#660e00",
             "$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": {
@@ -7141,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": {},
@@ -7160,7 +7796,7 @@
           "default": {
             "value": "#dd2b0e",
             "$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": {
@@ -7169,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": {},
@@ -7184,7 +7820,7 @@
           "hover": {
             "value": "#c91c00",
             "$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": {
@@ -7193,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": {},
@@ -7208,13 +7844,13 @@
           "focus": {
             "value": "#c91c00",
             "$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": {},
@@ -7229,7 +7865,7 @@
           "active": {
             "value": "#ae1800",
             "$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": {
@@ -7238,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": {},
@@ -7280,6 +7916,48 @@
               "default"
             ]
           },
+          "hover": {
+            "value": "#e1d8f9",
+            "$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": "#e1d8f9",
+            "$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": "#cbbbf2",
             "$type": "color",
@@ -7308,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": "#cbbbf2",
             "$type": "color",
@@ -7331,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"
+            ]
           }
         }
       },