npm - @sage/design-tokens - Versions diffs - 14.0.0 → 14.1.0 - Mend

@sage/design-tokens 14.0.0 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1010) hide show

package/js/umd/product/large/dark/mode.js CHANGED Viewed

@@ -1351,7 +1351,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#FFFFFF ",
                     format: "hex",
@@ -1359,7 +1359,7 @@
                 },
               },
               $type: "color",
-              $value: "#f28486",
+              $value: "#f28083",
               $description: "active button on dark",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1368,7 +1368,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore} ",
                     },
@@ -1436,7 +1436,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -1444,7 +1444,7 @@
                 },
               },
               $type: "color",
-              $value: "#eb646c",
+              $value: "#ea626a",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -1452,7 +1452,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -1470,14 +1470,14 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#e13e5314",
+              $value: "#e13e531a",
               $description: "button hover on dark",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1486,7 +1486,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -1504,7 +1504,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -1512,7 +1512,7 @@
                 },
               },
               $type: "color",
-              $value: "#ec6a71",
+              $value: "#ed6e74",
               $description: "for links in datatables",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1521,7 +1521,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -1567,7 +1567,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -1575,7 +1575,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#882b34",
+                $value: "#8c2c35",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -1584,7 +1584,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.active}",
+                        value: "{primitives.color.modifiers.button.active}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -1673,7 +1673,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -1681,7 +1681,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#aa323f",
+                $value: "#ac3240",
                 $description:
                   "used on solid-pill and primary-button hover states",
                 filePath: "data/tokens/modes/dark.json",
@@ -1691,7 +1691,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -1718,14 +1718,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#cd384b14",
+                $value: "#cd384b1a",
                 $description: "used on secondary-button hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -1734,7 +1734,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                       },
                     },
@@ -1759,7 +1759,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -1767,7 +1767,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#a3303d",
+                $value: "#9f303c",
                 $description: "used on link hover state",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -1776,7 +1776,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -1915,7 +1915,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -1923,7 +1923,7 @@
                 },
               },
               $type: "color",
-              $value: "#181818",
+              $value: "#1b1b1b",
               $description: "bg hover for draggable area on file input",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1932,7 +1932,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -2496,14 +2496,14 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -2511,7 +2511,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.activeAlt}",
+                      value: "{primitives.color.modifiers.button.activeAlt}",
                       space: "lch",
                     },
                   },
@@ -2646,14 +2646,14 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#ffffff14",
+              $value: "#ffffff1a",
               $description: "Accordion, secondary, tertiary, menu bg on hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -2662,7 +2662,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -2681,14 +2681,14 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               $description: "subtle table header hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -2697,7 +2697,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                     },
                   },
@@ -2812,14 +2812,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#ffffff29",
+                $value: "#ffffff26",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -2827,7 +2827,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.activeAlt}",
+                        value: "{primitives.color.modifiers.button.activeAlt}",
                         space: "lch",
                       },
                     },
@@ -2929,14 +2929,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08 ",
+                      value: "0.10 ",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#ffffff14",
+                $value: "#ffffff1a",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -2944,7 +2944,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt} ",
+                        value: "{primitives.color.modifiers.button.hoverAlt} ",
                         space: "lch",
                       },
                     },
@@ -3050,14 +3050,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#00000029",
+                $value: "#00000026",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -3065,7 +3065,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.activeAlt}",
+                        value: "{primitives.color.modifiers.button.activeAlt}",
                         space: "lch",
                       },
                     },
@@ -3211,14 +3211,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#00000014",
+                $value: "#0000001a",
                 $description:
                   "Accordion, secondary, tertiary, menu bg on hover",
                 filePath: "data/tokens/modes/dark.json",
@@ -3228,7 +3228,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                       },
                     },
@@ -3254,14 +3254,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#00000029",
+                $value: "#00000026",
                 $description: "subtle table header hover",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -3270,7 +3270,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                       },
                     },
@@ -3576,14 +3576,14 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               $description: "hover bg for nav items",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -3592,7 +3592,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                     },
                   },
@@ -3659,7 +3659,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3667,7 +3667,7 @@
                 },
               },
               $type: "color",
-              $value: "#81e57d",
+              $value: "#7ce47a",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -3675,7 +3675,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -3693,7 +3693,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3701,7 +3701,7 @@
                 },
               },
               $type: "color",
-              $value: "#00d63952",
+              $value: "#00d6394d",
               $description: "Active color for secondary and tertiary buttons",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -3710,7 +3710,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -3751,7 +3751,7 @@
               },
               $type: "color",
               $value: "#00d639cc",
-              $description: "Border color for secondary buttons",
+              $description: "Border color for secondary and tertiary buttons",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -3767,7 +3767,7 @@
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.default}",
-                $description: "Border color for secondary buttons",
+                $description: "Border color for secondary and tertiary buttons",
               },
               name: "modesColorInteractivePrimaryDefaultAlt",
               attributes: {},
@@ -3777,8 +3777,8 @@
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "alpha",
-                    value: "0.5",
+                    type: "mix",
+                    value: "0.12",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3786,16 +3786,16 @@
                 },
               },
               $type: "color",
-              $value: "#00d63980",
-              $description: "Border color for tertiary buttons",
+              $value: "#4cdc55",
+              $description: "default value for links",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "alpha",
-                      value: "0.5",
+                      type: "mix",
+                      value: "0.12",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -3803,7 +3803,7 @@
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.default}",
-                $description: "Border color for tertiary buttons",
+                $description: "default value for links",
               },
               name: "modesColorInteractivePrimaryDefaultAlt2",
               attributes: {},
@@ -3813,8 +3813,8 @@
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "mix",
-                    value: "0.12",
+                    type: "alpha",
+                    value: "0.03",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3822,16 +3822,16 @@
                 },
               },
               $type: "color",
-              $value: "#4cdc55",
-              $description: "default value for links",
+              $value: "#00d63908",
+              $description: "Default background color of secondary buttons",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "mix",
-                      value: "0.12",
+                      type: "alpha",
+                      value: "0.03",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -3839,7 +3839,7 @@
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.default}",
-                $description: "default value for links",
+                $description: "Default background color of secondary buttons",
               },
               name: "modesColorInteractivePrimaryDefaultAlt3",
               attributes: {},
@@ -3850,7 +3850,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3858,7 +3858,7 @@
                 },
               },
               $type: "color",
-              $value: "#58de5d",
+              $value: "#55dd5b",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -3866,7 +3866,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -3884,7 +3884,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3892,7 +3892,7 @@
                 },
               },
               $type: "color",
-              $value: "#00d63914",
+              $value: "#00d6391a",
               $description: "Secondary and tertiary button hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -3901,14 +3901,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
                   },
                 },
                 $type: "color",
-                $value: "{modes.color.interactive.primary.defaultAlt2}",
+                $value: "{modes.color.interactive.primary.default}",
                 $description: "Secondary and tertiary button hover",
               },
               name: "modesColorInteractivePrimaryHoverAlt",
@@ -3920,7 +3920,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF ",
                     format: "hex",
@@ -3928,7 +3928,7 @@
                 },
               },
               $type: "color",
-              $value: "#73e372",
+              $value: "#71e270",
               $description: "hover for links",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -3937,14 +3937,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore} ",
                     },
                   },
                 },
                 $type: "color",
-                $value: "{modes.color.interactive.primary.defaultAlt3}",
+                $value: "{modes.color.interactive.primary.defaultAlt2}",
                 $description: "hover for links",
               },
               name: "modesColorInteractivePrimaryHoverAlt2",
@@ -3996,7 +3996,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -4004,7 +4004,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#81e57d",
+                $value: "#7ce47a",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -4012,7 +4012,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.active}",
+                        value: "{primitives.color.modifiers.button.active}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastMore}",
                       },
@@ -4098,7 +4098,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -4106,7 +4106,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#58de5d",
+                $value: "#55dd5b",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -4114,7 +4114,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastMore}",
                       },
@@ -4139,7 +4139,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -4147,7 +4147,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#73e372",
+                $value: "#71e270",
                 $description: "for link hover",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -4156,7 +4156,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastMore} ",
                       },
@@ -4273,7 +4273,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -4281,7 +4281,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#14571a",
+                $value: "#13591a",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -4289,7 +4289,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.active}",
+                        value: "{primitives.color.modifiers.button.active}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -4314,7 +4314,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -4322,7 +4322,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#00811f52",
+                $value: "#00811f4d",
                 $description:
                   "Active color for inverse secondary and tertiary buttons",
                 filePath: "data/tokens/modes/dark.json",
@@ -4332,7 +4332,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.active}",
+                        value: "{primitives.color.modifiers.button.active}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -4388,7 +4388,8 @@
                 },
                 $type: "color",
                 $value: "#00811fcc",
-                $description: "Borders on secondary inverse buttons",
+                $description:
+                  "Borders on secondary and tertiary inverse buttons",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -4404,7 +4405,8 @@
                   },
                   $type: "color",
                   $value: "{modes.color.interactive.primary.inverse.default}",
-                  $description: "Borders on secondary inverse buttons",
+                  $description:
+                    "Borders on secondary and tertiary inverse buttons",
                 },
                 name: "modesColorInteractivePrimaryInverseDefaultAlt",
                 attributes: {},
@@ -4421,8 +4423,8 @@
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "alpha",
-                      value: "0.5",
+                      type: "mix",
+                      value: "0.12",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -4430,16 +4432,16 @@
                   },
                 },
                 $type: "color",
-                $value: "#00811f80",
-                $description: "Borders on tertiary inverse buttons",
+                $value: "#0c711d",
+                $description: "Default color for links",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
                   $extensions: {
                     "studio.tokens": {
                       modify: {
-                        type: "alpha",
-                        value: "0.5",
+                        type: "mix",
+                        value: "0.12",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess}",
                       },
@@ -4447,7 +4449,7 @@
                   },
                   $type: "color",
                   $value: "{modes.color.interactive.primary.inverse.default}",
-                  $description: "Borders on tertiary inverse buttons",
+                  $description: "Default color for links",
                 },
                 name: "modesColorInteractivePrimaryInverseDefaultAlt2",
                 attributes: {},
@@ -4464,8 +4466,8 @@
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "mix",
-                      value: "0.12",
+                      type: "alpha",
+                      value: "0.03",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -4473,16 +4475,17 @@
                   },
                 },
                 $type: "color",
-                $value: "#0c711d",
-                $description: "Default color for links",
+                $value: "#00811f08",
+                $description:
+                  "Default background color of inverse secondary buttons",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
                   $extensions: {
                     "studio.tokens": {
                       modify: {
-                        type: "mix",
-                        value: "0.12",
+                        type: "alpha",
+                        value: "0.03",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess}",
                       },
@@ -4490,7 +4493,8 @@
                   },
                   $type: "color",
                   $value: "{modes.color.interactive.primary.inverse.default}",
-                  $description: "Default color for links",
+                  $description:
+                    "Default background color of inverse secondary buttons",
                 },
                 name: "modesColorInteractivePrimaryInverseDefaultAlt3",
                 attributes: {},
@@ -4508,7 +4512,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -4516,7 +4520,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#0e6b1d",
+                $value: "#0e6d1d",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -4524,7 +4528,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -4549,7 +4553,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08 ",
+                      value: "0.10 ",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -4557,7 +4561,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#00811f14",
+                $value: "#0c711d1a",
                 $description: "Secondary and tertiary inverse button hover",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -4566,7 +4570,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt} ",
+                        value: "{primitives.color.modifiers.button.hoverAlt} ",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess}",
                       },
@@ -4593,7 +4597,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -4601,7 +4605,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#10681c",
+                $value: "#11651c",
                 $description: "hover for links",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -4610,7 +4614,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -4618,7 +4622,7 @@
                   },
                   $type: "color",
                   $value:
-                    "{modes.color.interactive.primary.inverse.defaultAlt3}",
+                    "{modes.color.interactive.primary.inverse.defaultAlt2}",
                   $description: "hover for links",
                 },
                 name: "modesColorInteractivePrimaryInverseHoverAlt2",
@@ -4862,19 +4866,78 @@
               path: ["modes", "color", "status", "ai", "default-vertical"],
             },
           },
-          generic: {
-            default: {
+          callout: {
+            defaultAlt: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.15",
+                    space: "lch",
+                    color: "#00D639",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#122211",
+              $description: "used for marketing banners",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "{primitives.colors.brilliantGreen}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.modifier.contrastLess}",
+                $description: "used for marketing banners",
+              },
+              name: "modesColorStatusCalloutDefaultAlt",
+              attributes: {},
+              path: ["modes", "color", "status", "callout", "defaultAlt"],
+            },
+            hoverAlt: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.10 ",
+                    space: "lch",
+                    color: "#FFFFFF ",
+                    format: "hex",
+                  },
+                },
+              },
               $type: "color",
-              $value: "#008a89",
+              $value: "#263525",
+              $description: "marketing banner hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "{primitives.color.modifiers.button.hoverAlt} ",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastMore} ",
+                    },
+                  },
+                },
                 $type: "color",
-                $value: "{primitives.colors.petrol}",
+                $value: "{modes.color.status.callout.defaultAlt}",
+                $description: "marketing banner hover",
               },
-              name: "modesColorStatusGenericDefault",
+              name: "modesColorStatusCalloutHoverAlt",
               attributes: {},
-              path: ["modes", "color", "status", "generic", "default"],
+              path: ["modes", "color", "status", "callout", "hoverAlt"],
             },
           },
           caution: {
@@ -4932,7 +4995,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -4940,7 +5003,7 @@
                 },
               },
               $type: "color",
-              $value: "#eb6732",
+              $value: "#eb6530",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -4949,7 +5012,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -4968,7 +5031,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#E04500",
                     format: "hex",
@@ -4976,7 +5039,7 @@
                 },
               },
               $type: "color",
-              $value: "#3f1b0b",
+              $value: "#3e1a0b",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -4985,7 +5048,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.status.caution.default}",
                     },
@@ -5058,7 +5121,7 @@
               },
               hover: {
                 $type: "color",
-                $value: "#eb6732",
+                $value: "#eb6530",
                 $description: "used on global message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -5152,7 +5215,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -5160,7 +5223,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#b13a0d",
+                $value: "#b33b0d",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -5169,7 +5232,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -5195,7 +5258,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#D64309",
                       format: "hex",
@@ -5203,7 +5266,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#fdd3c0",
+                $value: "#fed5c3",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -5212,7 +5275,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.status.caution.inverse.default}",
                       },
@@ -5446,53 +5509,38 @@
               },
             },
           },
-          inactive: {
-            default: {
-              $type: "color",
-              $value: "#4b4b4b",
-              $description: "For readonly pill bg and border",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{modes.color.generic.fg.soft}",
-                $description: "For readonly pill bg and border",
-              },
-              name: "modesColorStatusInactiveDefault",
-              attributes: {},
-              path: ["modes", "color", "status", "inactive", "default"],
-            },
-            withDefault: {
-              $type: "color",
-              $value: "#ffffffab",
-              $description: "For readonly filled pill text",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
+          custom: {
+            blue: {
+              default: {
                 $type: "color",
-                $value: "{modes.color.generic.content.firm}",
-                $description: "For readonly filled pill text",
+                $value: "#007FD9",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.blue.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomBlueDefault",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "blue", "default"],
               },
-              name: "modesColorStatusInactiveWithDefault",
-              attributes: {},
-              path: ["modes", "color", "status", "inactive", "withDefault"],
-            },
-            inverse: {
-              default: {
+              defaultAlt: {
                 $extensions: {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.9",
                       space: "lch",
-                      color: "#000000 ",
+                      color: "#000000",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#a6a6a6",
-                $description: "For readonly pill bg and border",
+                $value: "#0d1219",
+                $description: "Pill bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -5500,87 +5548,1789 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "0.32",
+                        value: "0.9",
                         space: "lch",
-                        color: "{modes.color.modifier.contrastLess} ",
+                        color: "{modes.color.modifier.contrastLess}",
                       },
                     },
                   },
                   $type: "color",
-                  $value: "{primitives.colors.white}",
-                  $description: "For readonly pill bg and border",
+                  $value: "{primitives.colors.supplementary.blue.500}",
+                  $description: "Pill bg",
                 },
-                name: "modesColorStatusInactiveInverseDefault",
+                name: "modesColorStatusCustomBlueDefaultAlt",
                 attributes: {},
                 path: [
                   "modes",
                   "color",
                   "status",
-                  "inactive",
-                  "inverse",
-                  "default",
+                  "custom",
+                  "blue",
+                  "defaultAlt",
                 ],
               },
-              withDefault: {
+              hover: {
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "alpha",
-                      value: "0.67",
+                      type: "mix",
+                      value: "0.15",
                       space: "lch",
+                      color: "#FFFFFF",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#000000ab",
-                $description: "For readonly filled pill text",
+                $value: "#4f91df",
+                $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
                   $extensions: {
                     "studio.tokens": {
                       modify: {
-                        type: "alpha",
-                        value: "0.67",
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
                       },
                     },
                   },
                   $type: "color",
-                  $value: "{primitives.colors.black}",
-                  $description: "For readonly filled pill text",
+                  $value: "{modes.color.status.custom.blue.default}",
+                  $description: "used on pill hover states",
                 },
-                name: "modesColorStatusInactiveInverseWithDefault",
+                name: "modesColorStatusCustomBlueHover",
                 attributes: {},
-                path: [
-                  "modes",
-                  "color",
-                  "status",
-                  "inactive",
-                  "inverse",
-                  "withDefault",
-                ],
+                path: ["modes", "color", "status", "custom", "blue", "hover"],
               },
-            },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#142131",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.blue.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomBlueHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "blue",
+                  "hoverAlt",
+                ],
+              },
+            },
+            teal: {
+              default: {
+                $type: "color",
+                $value: "#008A89",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.teal.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomTealDefault",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "teal", "default"],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#0a1313",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.teal.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomTealDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "teal",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#449b9a",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.teal.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomTealHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "teal", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#082427",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.teal.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomTealHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "teal",
+                  "hoverAlt",
+                ],
+              },
+            },
+            green: {
+              default: {
+                $type: "color",
+                $value: "#009023",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.green.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomGreenDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "green",
+                  "default",
+                ],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#0a1408",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.green.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomGreenDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "green",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#44a146",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.green.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomGreenHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "green", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#0b2418",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.green.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomGreenHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "green",
+                  "hoverAlt",
+                ],
+              },
+            },
+            lime: {
+              default: {
+                $type: "color",
+                $value: "#6E8500",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.lime.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomLimeDefault",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "lime", "default"],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#111205",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.lime.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomLimeDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "lime",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#859635",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.lime.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomLimeHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "lime", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#162311",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.lime.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomLimeHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "lime",
+                  "hoverAlt",
+                ],
+              },
+            },
+            orange: {
+              default: {
+                $type: "color",
+                $value: "#DB4B00",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.orange.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomOrangeDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "orange",
+                  "default",
+                ],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#1c0e04",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.orange.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomOrangeDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "orange",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#e66930",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.orange.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomOrangeHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "orange", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#331816",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.orange.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomOrangeHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "orange",
+                  "hoverAlt",
+                ],
+              },
+            },
+            red: {
+              default: {
+                $type: "color",
+                $value: "#F50058",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.red.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomRedDefault",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "red", "default"],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#1e0d0d",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.red.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomRedDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "red",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#fc4e6e",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.red.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomRedHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "red", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#331720",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.red.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomRedHoverAlt",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "red", "hoverAlt"],
+              },
+            },
+            pink: {
+              default: {
+                $type: "color",
+                $value: "#DD2BAB",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.pink.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomPinkDefault",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "pink", "default"],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#1b0d16",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.pink.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomPinkDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "pink",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#e558b7",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.pink.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomPinkHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "pink", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#2d192b",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.pink.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomPinkHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "pink",
+                  "hoverAlt",
+                ],
+              },
+            },
+            purple: {
+              default: {
+                $type: "color",
+                $value: "#985FDC",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.purple.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomPurpleDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "purple",
+                  "default",
+                ],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#150f19",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.purple.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomPurpleDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "purple",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#a977e2",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.purple.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomPurpleHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "purple", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#231c30",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.purple.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomPurpleHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "purple",
+                  "hoverAlt",
+                ],
+              },
+            },
+            gray: {
+              default: {
+                $type: "color",
+                $value: "#7C7C7C",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.gray.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomGrayDefault",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "gray", "default"],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#111",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.gray.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomGrayDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "gray",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#8e8e8e",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.gray.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomGrayHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "gray", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#1a202b",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.gray.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomGrayHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "gray",
+                  "hoverAlt",
+                ],
+              },
+            },
+            slate: {
+              default: {
+                $type: "color",
+                $value: "#5C8196",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.slate.500}",
+                  $description: "For pills. Not accessible with white TEXT.",
+                },
+                name: "modesColorStatusCustomSlateDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "slate",
+                  "default",
+                ],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#0f1214",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.slate.500}",
+                  $description: "Pill bg",
+                },
+                name: "modesColorStatusCustomSlateDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "slate",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#7493a5",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.slate.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomSlateHover",
+                attributes: {},
+                path: ["modes", "color", "status", "custom", "slate", "hover"],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#13222c",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.custom.slate.defaultAlt}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusCustomSlateHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "custom",
+                  "slate",
+                  "hoverAlt",
+                ],
+              },
+            },
+          },
+          generic: {
+            default: {
+              $type: "color",
+              $value: "#F0F",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "#F0F",
+              },
+              name: "modesColorStatusGenericDefault",
+              attributes: {},
+              path: ["modes", "color", "status", "generic", "default"],
+            },
           },
           important: {
             default: {
               $type: "color",
-              $value: "#985FDC",
+              $value: "#8F4CD7",
               $description:
                 "For tile status keylines to show if something is of high importance.",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{primitives.colors.supplementary.purple.500}",
-                $description:
-                  "For tile status keylines to show if something is of high importance.",
+                $value: "{primitives.colors.supplementary.purple.400}",
+                $description:
+                  "For tile status keylines to show if something is of high importance.",
+              },
+              name: "modesColorStatusImportantDefault",
+              attributes: {},
+              path: ["modes", "color", "status", "important", "default"],
+            },
+            defaultAlt: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.9",
+                    space: "lch",
+                    color: "#000000",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#150d19",
+              $description: "Subtle message bg",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastLess}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{primitives.colors.supplementary.purple.400}",
+                $description: "Subtle message bg",
+              },
+              name: "modesColorStatusImportantDefaultAlt",
+              attributes: {},
+              path: ["modes", "color", "status", "important", "defaultAlt"],
+            },
+            hover: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.15",
+                    space: "lch",
+                    color: "#FFFFFF",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#a267de",
+              $description: "used on pill hover states",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "{primitives.color.modifiers.button.hover}",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastMore}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.status.important.default}",
+                $description: "used on pill hover states",
+              },
+              name: "modesColorStatusImportantHover",
+              attributes: {},
+              path: ["modes", "color", "status", "important", "hover"],
+            },
+            hoverAlt: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.15",
+                    space: "lch",
+                    color: "#007ED9",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#231b30",
+              $description: "used on pill hover states and message bg",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "{primitives.color.modifiers.button.hover}",
+                      space: "lch",
+                      color: "{modes.color.status.info.default}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.status.important.defaultAlt}",
+                $description: "used on pill hover states and message bg",
+              },
+              name: "modesColorStatusImportantHoverAlt",
+              attributes: {},
+              path: ["modes", "color", "status", "important", "hoverAlt"],
+            },
+            inverse: {
+              default: {
+                $type: "color",
+                $value: "#985FDC",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.purple.500}",
+                },
+                name: "modesColorStatusImportantInverseDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "important",
+                  "inverse",
+                  "default",
+                ],
+              },
+              defaultAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.85",
+                      space: "lch",
+                      color: "#FFFFFF ",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#f1e6fa",
+                $description: "Subtle message bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.85",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore} ",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.purple.500}",
+                  $description: "Subtle message bg",
+                },
+                name: "modesColorStatusImportantInverseDefaultAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "important",
+                  "inverse",
+                  "defaultAlt",
+                ],
+              },
+              hover: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#8051b8",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.important.inverse.default}",
+                  $description: "used on pill hover states",
+                },
+                name: "modesColorStatusImportantInverseHover",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "important",
+                  "inverse",
+                  "hover",
+                ],
+              },
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#daceed",
+                $description: "used on pill hover states and message bg",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{primitives.color.modifiers.button.hover}",
+                        space: "lch",
+                        color: "{modes.color.status.info.inverse.default}",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{modes.color.status.important.inverse.defaultAlt}",
+                  $description: "used on pill hover states and message bg",
+                },
+                name: "modesColorStatusImportantInverseHoverAlt",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "important",
+                  "inverse",
+                  "hoverAlt",
+                ],
+              },
+            },
+          },
+          inactive: {
+            default: {
+              $type: "color",
+              $value: "#4b4b4b",
+              $description: "For readonly pill bg and border",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.generic.fg.soft}",
+                $description: "For readonly pill bg and border",
+              },
+              name: "modesColorStatusInactiveDefault",
+              attributes: {},
+              path: ["modes", "color", "status", "inactive", "default"],
+            },
+            withDefault: {
+              $type: "color",
+              $value: "#ffffffab",
+              $description: "For readonly filled pill text",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.generic.content.firm}",
+                $description: "For readonly filled pill text",
               },
-              name: "modesColorStatusImportantDefault",
+              name: "modesColorStatusInactiveWithDefault",
               attributes: {},
-              path: ["modes", "color", "status", "important", "default"],
+              path: ["modes", "color", "status", "inactive", "withDefault"],
+            },
+            inverse: {
+              default: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.32",
+                      space: "lch",
+                      color: "#000000 ",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#a6a6a6",
+                $description: "For readonly pill bg and border",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.32",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess} ",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.white}",
+                  $description: "For readonly pill bg and border",
+                },
+                name: "modesColorStatusInactiveInverseDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "inactive",
+                  "inverse",
+                  "default",
+                ],
+              },
+              withDefault: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "alpha",
+                      value: "0.67",
+                      space: "lch",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#000000ab",
+                $description: "For readonly filled pill text",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "alpha",
+                        value: "0.67",
+                        space: "lch",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.black}",
+                  $description: "For readonly filled pill text",
+                },
+                name: "modesColorStatusInactiveInverseWithDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "inactive",
+                  "inverse",
+                  "withDefault",
+                ],
+              },
             },
           },
           info: {
@@ -5638,7 +7388,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -5646,7 +7396,7 @@
                 },
               },
               $type: "color",
-              $value: "#5291e0",
+              $value: "#4f90df",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5655,7 +7405,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -5674,7 +7424,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#007ED9",
                     format: "hex",
@@ -5682,7 +7432,7 @@
                 },
               },
               $type: "color",
-              $value: "#17253b",
+              $value: "#17253a",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5691,7 +7441,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.status.info.default}",
                     },
@@ -5730,7 +7480,7 @@
               },
               hover: {
                 $type: "color",
-                $value: "#5291e0",
+                $value: "#4f90df",
                 $description: "used on global message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -5824,7 +7574,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -5832,7 +7582,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#10508a",
+                $value: "#10518c",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -5841,7 +7591,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess}",
                       },
@@ -5860,7 +7610,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#0060A7",
                       format: "hex",
@@ -5868,7 +7618,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#cbd6e9",
+                $value: "#cdd7ea",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -5877,7 +7627,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.status.info.inverse.default}",
                       },
@@ -5955,7 +7705,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -5963,7 +7713,7 @@
                 },
               },
               $type: "color",
-              $value: "#eb646c",
+              $value: "#ea626a",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5972,7 +7722,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -5991,7 +7741,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#E13E53",
                     format: "hex",
@@ -5999,7 +7749,7 @@
                 },
               },
               $type: "color",
-              $value: "#3f1a1c",
+              $value: "#3d1a1c",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6008,7 +7758,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.status.negative.default}",
                     },
@@ -6108,7 +7858,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -6116,7 +7866,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#aa323f",
+                $value: "#ac3240",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6125,7 +7875,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -6151,7 +7901,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#CD384B",
                       format: "hex",
@@ -6159,7 +7909,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#f9d1cf",
+                $value: "#f9d3d1",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6168,7 +7918,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.status.negative.inverse.default}",
                       },
@@ -6266,7 +8016,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -6274,7 +8024,7 @@
                 },
               },
               $type: "color",
-              $value: "#909090",
+              $value: "#8e8e8e",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6283,7 +8033,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -6302,7 +8052,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#7C7C7C",
                     format: "hex",
@@ -6310,7 +8060,7 @@
                 },
               },
               $type: "color",
-              $value: "#252525",
+              $value: "#242424",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6319,7 +8069,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.status.neutral.default}",
                     },
@@ -6420,7 +8170,7 @@
               },
               hover: {
                 $type: "color",
-                $value: "#909090",
+                $value: "#8e8e8e",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
                 original: {
@@ -6443,7 +8193,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.08 ",
+                      value: "0.10 ",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -6451,7 +8201,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#262626",
+                $value: "#2a2a2a",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6460,7 +8210,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hoverAlt} ",
+                        value: "{primitives.color.modifiers.button.hoverAlt} ",
                         space: "lch",
                         color: "{modes.color.modifier.contrastMore}",
                       },
@@ -6551,7 +8301,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -6559,7 +8309,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#676767",
+                $value: "#696969",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6568,7 +8318,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -6594,7 +8344,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#656565",
                       format: "hex",
@@ -6602,7 +8352,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#d8d8d8",
+                $value: "#d9d9d9",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6611,7 +8361,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.status.neutral.inverse.default}",
                       },
@@ -6689,7 +8439,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -6697,7 +8447,7 @@
                 },
               },
               $type: "color",
-              $value: "#2e9936",
+              $value: "#359b3b",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6706,7 +8456,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -6725,7 +8475,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#009023",
                     format: "hex",
@@ -6733,7 +8483,7 @@
                 },
               },
               $type: "color",
-              $value: "#132b12",
+              $value: "#132912",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6742,7 +8492,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.status.positive.default}",
                     },
@@ -6829,7 +8579,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000 ",
                       format: "hex",
@@ -6837,7 +8587,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#0e6b1d",
+                $value: "#0e6d1d",
                 $description: "used on pill hover states ",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6846,7 +8596,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess} ",
                       },
@@ -6872,7 +8622,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#00811F",
                       format: "hex",
@@ -6880,7 +8630,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#c9e0c7",
+                $value: "#cbe1c9",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -6889,7 +8639,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.status.positive.inverse.default}",
                       },
@@ -6912,80 +8662,6 @@
               },
             },
           },
-          callout: {
-            defaultAlt: {
-              $extensions: {
-                "studio.tokens": {
-                  modify: {
-                    type: "mix",
-                    value: "0.15",
-                    space: "lch",
-                    color: "#00D639",
-                    format: "hex",
-                  },
-                },
-              },
-              $type: "color",
-              $value: "#122211",
-              $description: "used for marketing banners",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $extensions: {
-                  "studio.tokens": {
-                    modify: {
-                      type: "mix",
-                      value: "0.15",
-                      space: "lch",
-                      color: "{primitives.colors.brilliantGreen}",
-                    },
-                  },
-                },
-                $type: "color",
-                $value: "{modes.color.modifier.contrastLess}",
-                $description: "used for marketing banners",
-              },
-              name: "modesColorStatusCalloutDefaultAlt",
-              attributes: {},
-              path: ["modes", "color", "status", "callout", "defaultAlt"],
-            },
-            hoverAlt: {
-              $extensions: {
-                "studio.tokens": {
-                  modify: {
-                    type: "mix",
-                    value: "0.08 ",
-                    space: "lch",
-                    color: "#FFFFFF ",
-                    format: "hex",
-                  },
-                },
-              },
-              $type: "color",
-              $value: "#223121",
-              $description: "marketing banner hover",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $extensions: {
-                  "studio.tokens": {
-                    modify: {
-                      type: "mix",
-                      value: "{modes.color.modifiers.button.hoverAlt} ",
-                      space: "lch",
-                      color: "{modes.color.modifier.contrastMore} ",
-                    },
-                  },
-                },
-                $type: "color",
-                $value: "{modes.color.status.callout.defaultAlt}",
-                $description: "marketing banner hover",
-              },
-              name: "modesColorStatusCalloutHoverAlt",
-              attributes: {},
-              path: ["modes", "color", "status", "callout", "hoverAlt"],
-            },
-          },
           reviews: {
             default: {
               $type: "color",
@@ -7020,7 +8696,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -7028,7 +8704,7 @@
                 },
               },
               $type: "color",
-              $value: "#18b032",
+              $value: "#17b333",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -7037,7 +8713,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess}",
                     },
@@ -7099,7 +8775,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -7107,7 +8783,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#18b032",
+                $value: "#17b333",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/dark.json",
                 isSource: true,
@@ -7116,7 +8792,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "mix",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess}",
                       },
@@ -7168,119 +8844,6 @@
             path: ["modes", "color", "modifier", "contrastMore"],
           },
         },
-        modifiers: {
-          button: {
-            active: {
-              $type: "other",
-              $value: "0.32",
-              $description: "Active modifier used when 16% hover is used",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.32",
-                $description: "Active modifier used when 16% hover is used",
-              },
-              name: "modesColorModifiersButtonActive",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "button", "active"],
-            },
-            activeAlt: {
-              $type: "other",
-              $value: "0.16",
-              $description: "Active appled when 8% hover is used",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.16",
-                $description: "Active appled when 8% hover is used",
-              },
-              name: "modesColorModifiersButtonActiveAlt",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "button", "activeAlt"],
-            },
-            hover: {
-              $type: "other",
-              $value: "0.16",
-              $description: "Hover used on primary buttons",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.16",
-                $description: "Hover used on primary buttons",
-              },
-              name: "modesColorModifiersButtonHover",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "button", "hover"],
-            },
-            hoverAlt: {
-              $type: "other",
-              $value: "0.08",
-              $description: "Hover used on secondary and tertiary buttons",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.08",
-                $description: "Hover used on secondary and tertiary buttons",
-              },
-              name: "modesColorModifiersButtonHoverAlt",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "button", "hoverAlt"],
-            },
-          },
-          input: {
-            disabledBg: {
-              $type: "other",
-              $value: "0.04",
-              $description: "less contrast",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.04",
-                $description: "less contrast",
-              },
-              name: "modesColorModifiersInputDisabledBg",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "input", "disabledBg"],
-            },
-            disabledFg: {
-              $type: "other",
-              $value: "0.30",
-              $description: "less contrast",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.30",
-                $description: "less contrast",
-              },
-              name: "modesColorModifiersInputDisabledFg",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "input", "disabledFg"],
-            },
-          },
-          shadow: {
-            standard: {
-              $type: "other",
-              $value: "0.5",
-              $description: "standard mixer for shadow",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.5",
-                $description: "standard mixer for shadow",
-              },
-              name: "modesColorModifiersShadowStandard",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "shadow", "standard"],
-            },
-          },
-        },
       },
     },
   };