@sage/design-tokens 13.2.0 → 14.0.0

package/ios/marketing/large/dark/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/marketing/large/light/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #0060A7
 #define badgeColorNotificationLabelDefault #FFFFFF
 #define badgeColorNotificationLabelAlt #FFFFFF
+#define badgeColorNotificationInverseBorderDefault #000000
+#define badgeColorNotificationInverseBgDefault #E13E53
+#define badgeColorNotificationInverseBgAlt #007ED9
+#define badgeColorNotificationInverseLabelDefault #000000
+#define badgeColorNotificationInverseLabelAlt #000000
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/marketing/large/light/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #000000
 #define logoColorSageBgAlt #000000
-#define logoColorTrustBgDefault #00811F
-#define logoColorTrustOutline #000000
 #define logoColorCopilotNoBgFgDefault #000000
 #define logoColorAiIdentifierBgStar #000000
 #define logoColorAiIdentifierBgDot #00D639

package/ios/marketing/large/light/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/marketing/small/dark/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #007ED9
 #define badgeColorNotificationLabelDefault #000000
 #define badgeColorNotificationLabelAlt #000000
+#define badgeColorNotificationInverseBorderDefault #FFFFFF
+#define badgeColorNotificationInverseBgDefault #CD384B
+#define badgeColorNotificationInverseBgAlt #0060A7
+#define badgeColorNotificationInverseLabelDefault #FFFFFF
+#define badgeColorNotificationInverseLabelAlt #FFFFFF
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/marketing/small/dark/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #00D639
 #define logoColorSageBgAlt #FFFFFF
-#define logoColorTrustBgDefault #009023
-#define logoColorTrustOutline #FFFFFF
 #define logoColorCopilotNoBgFgDefault #FFFFFF
 #define logoColorAiIdentifierBgStar #FFFFFF
 #define logoColorAiIdentifierBgDot #00D639

package/ios/marketing/small/dark/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/marketing/small/light/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #0060A7
 #define badgeColorNotificationLabelDefault #FFFFFF
 #define badgeColorNotificationLabelAlt #FFFFFF
+#define badgeColorNotificationInverseBorderDefault #000000
+#define badgeColorNotificationInverseBgDefault #E13E53
+#define badgeColorNotificationInverseBgAlt #007ED9
+#define badgeColorNotificationInverseLabelDefault #000000
+#define badgeColorNotificationInverseLabelAlt #000000
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/marketing/small/light/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #000000
 #define logoColorSageBgAlt #000000
-#define logoColorTrustBgDefault #00811F
-#define logoColorTrustOutline #000000
 #define logoColorCopilotNoBgFgDefault #000000
 #define logoColorAiIdentifierBgStar #000000
 #define logoColorAiIdentifierBgDot #00D639

package/ios/marketing/small/light/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/product/large/dark/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #007ED9
 #define badgeColorNotificationLabelDefault #000000
 #define badgeColorNotificationLabelAlt #000000
+#define badgeColorNotificationInverseBorderDefault #FFFFFF
+#define badgeColorNotificationInverseBgDefault #CD384B
+#define badgeColorNotificationInverseBgAlt #0060A7
+#define badgeColorNotificationInverseLabelDefault #FFFFFF
+#define badgeColorNotificationInverseLabelAlt #FFFFFF
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/product/large/dark/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #00D639
 #define logoColorSageBgAlt #FFFFFF
-#define logoColorTrustBgDefault #009023
-#define logoColorTrustOutline #FFFFFF
 #define logoColorCopilotNoBgFgDefault #FFFFFF
 #define logoColorAiIdentifierBgStar #FFFFFF
 #define logoColorAiIdentifierBgDot #00D639

package/ios/product/large/dark/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/product/large/light/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #0060A7
 #define badgeColorNotificationLabelDefault #FFFFFF
 #define badgeColorNotificationLabelAlt #FFFFFF
+#define badgeColorNotificationInverseBorderDefault #000000
+#define badgeColorNotificationInverseBgDefault #E13E53
+#define badgeColorNotificationInverseBgAlt #007ED9
+#define badgeColorNotificationInverseLabelDefault #000000
+#define badgeColorNotificationInverseLabelAlt #000000
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/product/large/light/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #000000
 #define logoColorSageBgAlt #000000
-#define logoColorTrustBgDefault #00811F
-#define logoColorTrustOutline #000000
 #define logoColorCopilotNoBgFgDefault #000000
 #define logoColorAiIdentifierBgStar #000000
 #define logoColorAiIdentifierBgDot #00D639

package/ios/product/large/light/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/product/small/dark/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #007ED9
 #define badgeColorNotificationLabelDefault #000000
 #define badgeColorNotificationLabelAlt #000000
+#define badgeColorNotificationInverseBorderDefault #FFFFFF
+#define badgeColorNotificationInverseBgDefault #CD384B
+#define badgeColorNotificationInverseBgAlt #0060A7
+#define badgeColorNotificationInverseLabelDefault #FFFFFF
+#define badgeColorNotificationInverseLabelAlt #FFFFFF
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/product/small/dark/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #00D639
 #define logoColorSageBgAlt #FFFFFF
-#define logoColorTrustBgDefault #009023
-#define logoColorTrustOutline #FFFFFF
 #define logoColorCopilotNoBgFgDefault #FFFFFF
 #define logoColorAiIdentifierBgStar #FFFFFF
 #define logoColorAiIdentifierBgDot #00D639

package/ios/product/small/dark/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/ios/product/small/light/components/badge.h

@@ -14,6 +14,11 @@
 #define badgeColorNotificationBgAlt #0060A7
 #define badgeColorNotificationLabelDefault #FFFFFF
 #define badgeColorNotificationLabelAlt #FFFFFF
+#define badgeColorNotificationInverseBorderDefault #000000
+#define badgeColorNotificationInverseBgDefault #E13E53
+#define badgeColorNotificationInverseBgAlt #007ED9
+#define badgeColorNotificationInverseLabelDefault #000000
+#define badgeColorNotificationInverseLabelAlt #000000
 #define badgeSizeMicroDot 8
 #define badgeSizeMicroNumberedMin 16
 #define badgeSizeMicroNumberedMax 32

package/ios/product/small/light/components/logo.h

@@ -11,8 +11,6 @@
 
 #define logoColorSageBgDefault #000000
 #define logoColorSageBgAlt #000000
-#define logoColorTrustBgDefault #00811F
-#define logoColorTrustOutline #000000
 #define logoColorCopilotNoBgFgDefault #000000
 #define logoColorAiIdentifierBgStar #000000
 #define logoColorAiIdentifierBgDot #00D639

package/ios/product/small/light/components/progress.h

@@ -16,9 +16,10 @@
 #define progressSizeCarouselselectorActivedotM 16
 #define progressSizeCarouselselectorHitareaM 24
 #define progressSizeCarouselslideXM 56
-#define progressSizeRingS 32
-#define progressSizeRingM 64
-#define progressSizeRingL 96
+#define progressSizeSpinnerXs 20
+#define progressSizeSpinnerS 32
+#define progressSizeSpinnerM 64
+#define progressSizeSpinnerL 96
 #define progressSizeSkeletonResponsiveTextXs clamp(0.875rem, 0.875rem + 0vw, 0.875rem)
 #define progressSizeSkeletonResponsiveTextS clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)
 #define progressSizeSkeletonResponsiveTextM clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)

package/js/common/frozenproduct/large/dark/components/badge.d.ts

@@ -27,6 +27,13 @@ declare const tokens: {
         "bg-alt": DesignToken;
         "label-default": DesignToken;
         "label-alt": DesignToken;
+        inverse: {
+          "border-default": DesignToken;
+          "bg-default": DesignToken;
+          "bg-alt": DesignToken;
+          "label-default": DesignToken;
+          "label-alt": DesignToken;
+        };
       };
     };
     size: {

package/js/common/frozenproduct/large/dark/components/badge.js

@@ -17,7 +17,7 @@ module.exports = {
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.fg.nought}",
+            $value: "{modes.color.generic.content.nought}",
           },
           name: "badgeColorNotificationBorderDefault",
           attributes: {},
@@ -58,7 +58,7 @@ module.exports = {
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.fg.nought}",
+            $value: "{modes.color.generic.content.nought}",
           },
           name: "badgeColorNotificationLabelDefault",
           attributes: {},
@@ -71,12 +71,93 @@ module.exports = {
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.fg.nought}",
+            $value: "{modes.color.generic.content.nought}",
           },
           name: "badgeColorNotificationLabelAlt",
           attributes: {},
           path: ["badge", "color", "notification", "label-alt"],
         },
+        inverse: {
+          "border-default": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.generic.content.extreme}",
+            },
+            name: "badgeColorNotificationInverseBorderDefault",
+            attributes: {},
+            path: [
+              "badge",
+              "color",
+              "notification",
+              "inverse",
+              "border-default",
+            ],
+          },
+          "bg-default": {
+            $type: "color",
+            $value: "#CD384B",
+            $description: "Used in global nav notification badges",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.negative.inverse.default}",
+              $description: "Used in global nav notification badges",
+            },
+            name: "badgeColorNotificationInverseBgDefault",
+            attributes: {},
+            path: ["badge", "color", "notification", "inverse", "bg-default"],
+          },
+          "bg-alt": {
+            $type: "color",
+            $value: "#0060A7",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.info.inverse.default}",
+            },
+            name: "badgeColorNotificationInverseBgAlt",
+            attributes: {},
+            path: ["badge", "color", "notification", "inverse", "bg-alt"],
+          },
+          "label-default": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.generic.content.extreme}",
+            },
+            name: "badgeColorNotificationInverseLabelDefault",
+            attributes: {},
+            path: [
+              "badge",
+              "color",
+              "notification",
+              "inverse",
+              "label-default",
+            ],
+          },
+          "label-alt": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.generic.content.extreme}",
+            },
+            name: "badgeColorNotificationInverseLabelAlt",
+            attributes: {},
+            path: ["badge", "color", "notification", "inverse", "label-alt"],
+          },
+        },
       },
     },
     size: {

package/js/common/frozenproduct/large/dark/components/logo.d.ts

@@ -25,10 +25,6 @@ declare const tokens: {
         "bg-default": DesignToken;
         "bg-alt": DesignToken;
       };
-      trust: {
-        "bg-default": DesignToken;
-        outline: DesignToken;
-      };
       copilot: {
         noBg: {
           "fg-default": DesignToken;

package/js/common/frozenproduct/large/dark/components/logo.js

@@ -39,36 +39,6 @@ module.exports = {
           path: ["logo", "color", "sage", "bg-alt"],
         },
       },
-      trust: {
-        "bg-default": {
-          $type: "color",
-          $value: "#009023",
-          $description: "filled",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.positive.default}",
-            $description: "filled",
-          },
-          name: "logoColorTrustBgDefault",
-          attributes: {},
-          path: ["logo", "color", "trust", "bg-default"],
-        },
-        outline: {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/logo.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.extreme}",
-          },
-          name: "logoColorTrustOutline",
-          attributes: {},
-          path: ["logo", "color", "trust", "outline"],
-        },
-      },
       copilot: {
         noBg: {
           "fg-default": {

package/js/common/frozenproduct/large/dark/components/progress.d.ts

@@ -42,7 +42,8 @@ declare const tokens: {
           M: DesignToken;
         };
       };
-      ring: {
+      spinner: {
+        XS: DesignToken;
         S: DesignToken;
         M: DesignToken;
         L: DesignToken;

package/js/common/frozenproduct/large/dark/components/progress.js

@@ -122,7 +122,22 @@ module.exports = {
           },
         },
       },
-      ring: {
+      spinner: {
+        XS: {
+          $type: "sizing",
+          $value: 20,
+          $description: "Loader ring for XS size loader spinners",
+          filePath: "data/tokens/components/progress.json",
+          isSource: true,
+          original: {
+            $type: "sizing",
+            $value: "{global.size.macro.XS} - {global.size.micro.XS}",
+            $description: "Loader ring for XS size loader spinners",
+          },
+          name: "progressSizeSpinnerXs",
+          attributes: {},
+          path: ["progress", "size", "spinner", "XS"],
+        },
         S: {
           $type: "sizing",
           $value: 32,
@@ -134,9 +149,9 @@ module.exports = {
             $value: "{global.size.macro.S}",
             $description: "Loader ring",
           },
-          name: "progressSizeRingS",
+          name: "progressSizeSpinnerS",
           attributes: {},
-          path: ["progress", "size", "ring", "S"],
+          path: ["progress", "size", "spinner", "S"],
         },
         M: {
           $type: "sizing",
@@ -149,9 +164,9 @@ module.exports = {
             $value: "{global.size.macro.S} * 2",
             $description: "Loader ring",
           },
-          name: "progressSizeRingM",
+          name: "progressSizeSpinnerM",
           attributes: {},
-          path: ["progress", "size", "ring", "M"],
+          path: ["progress", "size", "spinner", "M"],
         },
         L: {
           $type: "sizing",
@@ -164,9 +179,9 @@ module.exports = {
             $value: "{global.size.macro.XS} * 4",
             $description: "Loader ring",
           },
-          name: "progressSizeRingL",
+          name: "progressSizeSpinnerL",
           attributes: {},
-          path: ["progress", "size", "ring", "L"],
+          path: ["progress", "size", "spinner", "L"],
         },
       },
       skeleton: {

package/js/common/frozenproduct/large/light/components/badge.d.ts

@@ -27,6 +27,13 @@ declare const tokens: {
         "bg-alt": DesignToken;
         "label-default": DesignToken;
         "label-alt": DesignToken;
+        inverse: {
+          "border-default": DesignToken;
+          "bg-default": DesignToken;
+          "bg-alt": DesignToken;
+          "label-default": DesignToken;
+          "label-alt": DesignToken;
+        };
       };
     };
     size: {

package/js/common/frozenproduct/large/light/components/badge.js

@@ -17,7 +17,7 @@ module.exports = {
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.fg.nought}",
+            $value: "{modes.color.generic.content.nought}",
           },
           name: "badgeColorNotificationBorderDefault",
           attributes: {},
@@ -58,7 +58,7 @@ module.exports = {
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.fg.nought}",
+            $value: "{modes.color.generic.content.nought}",
           },
           name: "badgeColorNotificationLabelDefault",
           attributes: {},
@@ -71,12 +71,93 @@ module.exports = {
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.fg.nought}",
+            $value: "{modes.color.generic.content.nought}",
           },
           name: "badgeColorNotificationLabelAlt",
           attributes: {},
           path: ["badge", "color", "notification", "label-alt"],
         },
+        inverse: {
+          "border-default": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.generic.content.extreme}",
+            },
+            name: "badgeColorNotificationInverseBorderDefault",
+            attributes: {},
+            path: [
+              "badge",
+              "color",
+              "notification",
+              "inverse",
+              "border-default",
+            ],
+          },
+          "bg-default": {
+            $type: "color",
+            $value: "#E13E53",
+            $description: "Used in global nav notification badges",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.negative.inverse.default}",
+              $description: "Used in global nav notification badges",
+            },
+            name: "badgeColorNotificationInverseBgDefault",
+            attributes: {},
+            path: ["badge", "color", "notification", "inverse", "bg-default"],
+          },
+          "bg-alt": {
+            $type: "color",
+            $value: "#007ED9",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.info.inverse.default}",
+            },
+            name: "badgeColorNotificationInverseBgAlt",
+            attributes: {},
+            path: ["badge", "color", "notification", "inverse", "bg-alt"],
+          },
+          "label-default": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.generic.content.extreme}",
+            },
+            name: "badgeColorNotificationInverseLabelDefault",
+            attributes: {},
+            path: [
+              "badge",
+              "color",
+              "notification",
+              "inverse",
+              "label-default",
+            ],
+          },
+          "label-alt": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/badge.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.generic.content.extreme}",
+            },
+            name: "badgeColorNotificationInverseLabelAlt",
+            attributes: {},
+            path: ["badge", "color", "notification", "inverse", "label-alt"],
+          },
+        },
       },
     },
     size: {