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/marketing/small/light/mode.js CHANGED Viewed

@@ -1334,7 +1334,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -1342,7 +1342,7 @@
                 },
               },
               $type: "color",
-              $value: "#882b34",
+              $value: "#8c2c35",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -1351,7 +1351,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}",
                     },
@@ -1419,7 +1419,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -1427,7 +1427,7 @@
                 },
               },
               $type: "color",
-              $value: "#aa323f",
+              $value: "#ac3240",
               $description:
                 "used on solid-pill and primary-button hover states",
               filePath: "data/tokens/modes/light.json",
@@ -1437,7 +1437,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}",
                     },
@@ -1457,14 +1457,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/light.json",
               isSource: true,
@@ -1473,7 +1473,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -1491,7 +1491,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -1499,7 +1499,7 @@
                 },
               },
               $type: "color",
-              $value: "#a3303d",
+              $value: "#9f303c",
               $description: "used on link hover state",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -1508,7 +1508,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}",
                     },
@@ -1554,7 +1554,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -1562,7 +1562,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#f28486",
+                $value: "#f28083",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -1571,7 +1571,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} ",
                       },
@@ -1660,7 +1660,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -1668,7 +1668,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#eb646c",
+                $value: "#ea626a",
                 $description:
                   "used on solid-pill and primary-button hover states",
                 filePath: "data/tokens/modes/light.json",
@@ -1678,7 +1678,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} ",
                       },
@@ -1705,14 +1705,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#e13e5314",
+                $value: "#e13e531a",
                 $description: "used on secondary-button hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -1721,7 +1721,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                       },
                     },
@@ -1746,7 +1746,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -1754,7 +1754,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#ec6a71",
+                $value: "#ed6e74",
                 $description: "used on link hover state",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -1763,7 +1763,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} ",
                       },
@@ -1902,7 +1902,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -1910,7 +1910,7 @@
                 },
               },
               $type: "color",
-              $value: "#e8e8e8",
+              $value: "#e2e2e2",
               $description: "bg hover for draggable area on file input",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -1919,7 +1919,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}",
                     },
@@ -2531,14 +2531,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/light.json",
               isSource: true,
               original: {
@@ -2546,7 +2546,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.activeAlt}",
+                      value: "{primitives.color.modifiers.button.activeAlt}",
                       space: "lch",
                     },
                   },
@@ -2681,14 +2681,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/light.json",
               isSource: true,
@@ -2697,7 +2697,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -2716,14 +2716,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/light.json",
               isSource: true,
@@ -2732,7 +2732,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                     },
                   },
@@ -2872,14 +2872,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#22374329",
+                $value: "#22374326",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -2887,7 +2887,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.activeAlt}",
+                        value: "{primitives.color.modifiers.button.activeAlt}",
                         space: "lch",
                       },
                     },
@@ -2972,14 +2972,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#22374314",
+                $value: "#2237431a",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -2987,7 +2987,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                       },
                     },
@@ -3093,14 +3093,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/light.json",
                 isSource: true,
                 original: {
@@ -3108,7 +3108,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.activeAlt}",
+                        value: "{primitives.color.modifiers.button.activeAlt}",
                         space: "lch",
                       },
                     },
@@ -3254,14 +3254,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/light.json",
@@ -3271,7 +3271,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                       },
                     },
@@ -3297,14 +3297,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/light.json",
                 isSource: true,
@@ -3313,7 +3313,7 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hover}",
+                        value: "{primitives.color.modifiers.button.hover}",
                         space: "lch",
                       },
                     },
@@ -3618,14 +3618,14 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#00000014",
+              $value: "#0000001a",
               $description: "hover bg for nav items",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -3634,7 +3634,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -3701,7 +3701,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -3709,7 +3709,7 @@
                 },
               },
               $type: "color",
-              $value: "#14571a",
+              $value: "#13591a",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
@@ -3717,7 +3717,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}",
                     },
@@ -3735,7 +3735,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -3743,7 +3743,7 @@
                 },
               },
               $type: "color",
-              $value: "#00811f52",
+              $value: "#00811f4d",
               $description: "Active color for secondary and tertiary buttons",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -3752,7 +3752,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}",
                     },
@@ -3793,7 +3793,7 @@
               },
               $type: "color",
               $value: "#00811fcc",
-              $description: "border color for secondary buttons",
+              $description: "border color for secondary and tertiary buttons",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
@@ -3809,7 +3809,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: {},
@@ -3819,8 +3819,8 @@
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "alpha",
-                    value: "0.5",
+                    type: "mix",
+                    value: "0.12",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -3828,16 +3828,16 @@
                 },
               },
               $type: "color",
-              $value: "#00811f80",
-              $description: "border color for tertiary buttons",
+              $value: "#0c711d",
+              $description: "default value for links",
               filePath: "data/tokens/modes/light.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}",
                     },
@@ -3845,7 +3845,7 @@
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.default}",
-                $description: "border color for tertiary buttons",
+                $description: "default value for links",
               },
               name: "modesColorInteractivePrimaryDefaultAlt2",
               attributes: {},
@@ -3855,8 +3855,8 @@
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "mix",
-                    value: "0.12",
+                    type: "alpha",
+                    value: "0.03",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -3864,16 +3864,16 @@
                 },
               },
               $type: "color",
-              $value: "#0c711d",
-              $description: "default value for links",
+              $value: "#00811f08",
+              $description: "Default background color of secondary button",
               filePath: "data/tokens/modes/light.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}",
                     },
@@ -3881,7 +3881,7 @@
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.default}",
-                $description: "default value for links",
+                $description: "Default background color of secondary button",
               },
               name: "modesColorInteractivePrimaryDefaultAlt3",
               attributes: {},
@@ -3892,7 +3892,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -3900,7 +3900,7 @@
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
@@ -3908,7 +3908,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}",
                     },
@@ -3926,7 +3926,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#FFFFFF ",
                     format: "hex",
@@ -3934,7 +3934,7 @@
                 },
               },
               $type: "color",
-              $value: "#00811f14",
+              $value: "#00811f1a",
               $description: "hover for secondary and tertiary buttons",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -3943,14 +3943,14 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
                   },
                 },
                 $type: "color",
-                $value: "{modes.color.interactive.primary.defaultAlt2}",
+                $value: "{modes.color.interactive.primary.default}",
                 $description: "hover for secondary and tertiary buttons",
               },
               name: "modesColorInteractivePrimaryHoverAlt",
@@ -3962,7 +3962,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -3970,7 +3970,7 @@
                 },
               },
               $type: "color",
-              $value: "#125e1b",
+              $value: "#12601b",
               $description: "hover for links",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -3979,14 +3979,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",
@@ -4038,7 +4038,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -4046,7 +4046,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#135631",
+                $value: "#135932",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -4054,7 +4054,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}",
                       },
@@ -4142,7 +4142,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -4150,7 +4150,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#0e6b3b",
+                $value: "#0d6c3c",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -4158,7 +4158,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}",
                       },
@@ -4317,7 +4317,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -4325,7 +4325,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#81e57d",
+                $value: "#7ce47a",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -4333,7 +4333,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} ",
                       },
@@ -4358,7 +4358,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.32",
+                      value: "0.30",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -4366,7 +4366,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#00d63952",
+                $value: "#00d6394d",
                 $description:
                   "Active color for inverse secondary and tertiary buttons",
                 filePath: "data/tokens/modes/light.json",
@@ -4376,7 +4376,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} ",
                       },
@@ -4432,7 +4432,8 @@
                 },
                 $type: "color",
                 $value: "#00d639cc",
-                $description: "border color for secondary inverse buttons",
+                $description:
+                  "border color for secondary and tertiary inverse buttons",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -4448,7 +4449,8 @@
                   },
                   $type: "color",
                   $value: "{modes.color.interactive.primary.inverse.default}",
-                  $description: "border color for secondary inverse buttons",
+                  $description:
+                    "border color for secondary and tertiary inverse buttons",
                 },
                 name: "modesColorInteractivePrimaryInverseDefaultAlt",
                 attributes: {},
@@ -4465,8 +4467,8 @@
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "alpha",
-                      value: "0.5",
+                      type: "mix",
+                      value: "0.12",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -4474,16 +4476,16 @@
                   },
                 },
                 $type: "color",
-                $value: "#00d63980",
-                $description: "border color for tertiary inverse buttons",
+                $value: "#4cdc55",
+                $description: "Default color for links",
                 filePath: "data/tokens/modes/light.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}",
                       },
@@ -4491,7 +4493,7 @@
                   },
                   $type: "color",
                   $value: "{modes.color.interactive.primary.inverse.default}",
-                  $description: "border color for tertiary inverse buttons",
+                  $description: "Default color for links",
                 },
                 name: "modesColorInteractivePrimaryInverseDefaultAlt2",
                 attributes: {},
@@ -4508,8 +4510,8 @@
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "mix",
-                      value: "0.12",
+                      type: "alpha",
+                      value: "0.03",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -4517,16 +4519,17 @@
                   },
                 },
                 $type: "color",
-                $value: "#4cdc55",
-                $description: "Default color for links",
+                $value: "#00d63908",
+                $description:
+                  "Default background color of inverse secondary buttons",
                 filePath: "data/tokens/modes/light.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}",
                       },
@@ -4534,7 +4537,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: {},
@@ -4552,7 +4556,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -4560,7 +4564,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#58de5d",
+                $value: "#55dd5b",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -4568,7 +4572,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} ",
                       },
@@ -4593,7 +4597,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -4601,7 +4605,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#00d63914",
+                $value: "#00d6391a",
                 $description:
                   "Hover for inverse secondary and tertiary buttons",
                 filePath: "data/tokens/modes/light.json",
@@ -4611,15 +4615,14 @@
                     "studio.tokens": {
                       modify: {
                         type: "alpha",
-                        value: "{modes.color.modifiers.button.hoverAlt}",
+                        value: "{primitives.color.modifiers.button.hoverAlt}",
                         space: "lch",
                         color: "{modes.color.modifier.contrastLess}",
                       },
                     },
                   },
                   $type: "color",
-                  $value:
-                    "{modes.color.interactive.primary.inverse.defaultAlt2}",
+                  $value: "{modes.color.interactive.primary.inverse.default}",
                   $description:
                     "Hover for inverse secondary and tertiary buttons",
                 },
@@ -4639,7 +4642,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -4647,7 +4650,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#73e372",
+                $value: "#71e270",
                 $description: "hover for links",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -4656,7 +4659,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} ",
                       },
@@ -4664,7 +4667,7 @@
                   },
                   $type: "color",
                   $value:
-                    "{modes.color.interactive.primary.inverse.defaultAlt3}",
+                    "{modes.color.interactive.primary.inverse.defaultAlt2}",
                   $description: "hover for links",
                 },
                 name: "modesColorInteractivePrimaryInverseHoverAlt2",
@@ -4950,21 +4953,78 @@
               path: ["modes", "color", "status", "ai", "default-vertical"],
             },
           },
-          generic: {
-            default: {
+          callout: {
+            defaultAlt: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.85",
+                    space: "lch",
+                    color: "#FFFFFF",
+                    format: "hex",
+                  },
+                },
+              },
               $type: "color",
-              $value: "#007c7b",
-              $description: "used in progress bar ",
+              $value: "#e5fae2",
+              $description: "used for marketing banners",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.85",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastLess}",
+                    },
+                  },
+                },
                 $type: "color",
-                $value: "{primitives.colors.teal}",
-                $description: "used in progress bar ",
+                $value: "{primitives.colors.brilliantGreen}",
+                $description: "used for marketing banners",
               },
-              name: "modesColorStatusGenericDefault",
+              name: "modesColorStatusCalloutDefaultAlt",
               attributes: {},
-              path: ["modes", "color", "status", "generic", "default"],
+              path: ["modes", "color", "status", "callout", "defaultAlt"],
+            },
+            hoverAlt: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.05",
+                    space: "lch",
+                    color: "#000000",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#d8ecd5",
+              $description: "used for marketing banners",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.05",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastMore}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.status.callout.defaultAlt}",
+                $description: "used for marketing banners",
+              },
+              name: "modesColorStatusCalloutHoverAlt",
+              attributes: {},
+              path: ["modes", "color", "status", "callout", "hoverAlt"],
             },
           },
           caution: {
@@ -5026,7 +5086,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -5034,7 +5094,7 @@
                 },
               },
               $type: "color",
-              $value: "#b13a0d",
+              $value: "#b33b0d",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -5043,7 +5103,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}",
                     },
@@ -5062,7 +5122,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#D64309",
                     format: "hex",
@@ -5070,7 +5130,7 @@
                 },
               },
               $type: "color",
-              $value: "#fdd3c0",
+              $value: "#fed5c3",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -5079,7 +5139,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}",
                     },
@@ -5155,7 +5215,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -5163,7 +5223,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#ff9a4e",
+                $value: "#ff994c",
                 $description: "used on global message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5172,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} ",
                       },
@@ -5263,7 +5323,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -5271,7 +5331,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#eb6732",
+                $value: "#eb6530",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5280,7 +5340,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} ",
                       },
@@ -5306,7 +5366,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#E04500",
                       format: "hex",
@@ -5314,7 +5374,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#3f1b0b",
+                $value: "#3e1a0b",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5323,7 +5383,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}",
                       },
@@ -5565,53 +5625,38 @@
               },
             },
           },
-          inactive: {
-            default: {
-              $type: "color",
-              $value: "#a6a6a6",
-              $description: "For readonly pill bg and border",
-              filePath: "data/tokens/modes/light.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: "#000000ab",
-              $description: "For readonly filled pill text",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
+          custom: {
+            blue: {
+              default: {
                 $type: "color",
-                $value: "{modes.color.generic.content.firm}",
-                $description: "For readonly filled pill text",
+                $value: "#0071C3",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.blue.400}",
+                  $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: "#FFFFFF ",
+                      color: "#FFFFFF",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#4b4b4b",
-                $description: "For readonly pill bg and border",
+                $value: "#ebf0f9",
+                $description: "Pill bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -5619,87 +5664,1793 @@
                     "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.black}",
-                  $description: "For readonly pill bg and border",
+                  $value: "{primitives.colors.supplementary.blue.400}",
+                  $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: "#000000",
                       format: "hex",
                     },
                   },
                 },
                 $type: "color",
-                $value: "#ffffffab",
-                $description: "For readonly filled pill text",
+                $value: "#135fa3",
+                $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.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.white}",
-                  $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"],
               },
-            },
-          },
-          important: {
-            default: {
-              $type: "color",
-              $value: "#8F4CD7",
-              $description:
-                "For tile status keylines to show if something is of high importance.",
+              hoverAlt: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.15",
+                      space: "lch",
+                      color: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#ced9ed",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#007C7B",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.teal.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#e9f1f1",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#0e6968",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#c4dde0",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#00811F",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.green.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#e9f2e8",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#0e6d1d",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#c4decf",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#637700",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.lime.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#eff1e6",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#546408",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#cdddc9",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#C54300",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.orange.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#feece5",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#a53a06",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#f2d0ce",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#DC004E",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.red.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#ffebec",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#b81242",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#f1cfd9",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#C8269A",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.pink.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#fcecf5",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#a82581",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#ead2e5",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#8F4CD7",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.purple.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#f5edfc",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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: "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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#7941b4",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#ded4ee",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#6F6F6F",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.gray.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#f0f0f0",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#5e5e5e",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#d3d9e5",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#527386",
+                $description: "For pills. Not accessible with white TEXT.",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{primitives.colors.supplementary.slate.400}",
+                  $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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#edf0f2",
+                $description: "Pill bg",
+                filePath: "data/tokens/modes/light.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.400}",
+                  $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: "#000000",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#466171",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#0060A7",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#cbdae6",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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",
+              $description:
+                "TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour.",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "#F0F",
+                $description:
+                  "TO BE DETLETED: Was {primitives.colors.teal} and used in Progress bar, dataVis colour.",
+              },
+              name: "modesColorStatusGenericDefault",
+              attributes: {},
+              path: ["modes", "color", "status", "generic", "default"],
+            },
+          },
+          important: {
+            default: {
+              $type: "color",
+              $value: "#8F4CD7",
+              $description:
+                "For tile status keylines to show if something is of high importance.",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $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: "#FFFFFF",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#f5edfc",
+              $description: "Subtle message bg",
+              filePath: "data/tokens/modes/light.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: "#000000",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#7941b4",
+              $description: "used on pill hover states",
+              filePath: "data/tokens/modes/light.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: "#0060A7",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#ded4ee",
+              $description: "used on pill hover states and message bg",
+              filePath: "data/tokens/modes/light.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/light.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: "#000000 ",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#1b1422",
+                $description: "Subtle message bg",
+                filePath: "data/tokens/modes/light.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: "#FFFFFF",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#a977e2",
+                $description: "used on pill hover states",
+                filePath: "data/tokens/modes/light.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: "#007ED9",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#282039",
+                $description: "used on pill hover states and message bg",
+                filePath: "data/tokens/modes/light.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: "#a6a6a6",
+              $description: "For readonly pill bg and border",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{primitives.colors.supplementary.purple.400}",
-                $description:
-                  "For tile status keylines to show if something is of high importance.",
+                $value: "{modes.color.generic.fg.soft}",
+                $description: "For readonly pill bg and border",
               },
-              name: "modesColorStatusImportantDefault",
+              name: "modesColorStatusInactiveDefault",
               attributes: {},
-              path: ["modes", "color", "status", "important", "default"],
+              path: ["modes", "color", "status", "inactive", "default"],
+            },
+            withDefault: {
+              $type: "color",
+              $value: "#000000ab",
+              $description: "For readonly filled pill text",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.generic.content.firm}",
+                $description: "For readonly filled pill text",
+              },
+              name: "modesColorStatusInactiveWithDefault",
+              attributes: {},
+              path: ["modes", "color", "status", "inactive", "withDefault"],
+            },
+            inverse: {
+              default: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.32",
+                      space: "lch",
+                      color: "#FFFFFF ",
+                      format: "hex",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "#4b4b4b",
+                $description: "For readonly pill bg and border",
+                filePath: "data/tokens/modes/light.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.black}",
+                  $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: "#ffffffab",
+                $description: "For readonly filled pill text",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "alpha",
+                        value: "0.67",
+                        space: "lch",
+                      },
+                    },
+                  },
+                  $type: "color",
+                  $value: "{primitives.colors.white}",
+                  $description: "For readonly filled pill text",
+                },
+                name: "modesColorStatusInactiveInverseWithDefault",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "inactive",
+                  "inverse",
+                  "withDefault",
+                ],
+              },
             },
           },
           info: {
@@ -5761,7 +7512,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -5769,7 +7520,7 @@
                 },
               },
               $type: "color",
-              $value: "#10508a",
+              $value: "#10518c",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -5778,7 +7529,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}",
                     },
@@ -5797,7 +7548,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#0060A7",
                     format: "hex",
@@ -5805,7 +7556,7 @@
                 },
               },
               $type: "color",
-              $value: "#cbd6e9",
+              $value: "#cdd7ea",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -5814,7 +7565,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}",
                     },
@@ -5856,7 +7607,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -5864,7 +7615,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#84b6ff",
+                $value: "#82b5ff",
                 $description: "used on global message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5873,7 +7624,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} ",
                       },
@@ -5964,7 +7715,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -5972,7 +7723,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#5291e0",
+                $value: "#4f90df",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5981,7 +7732,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}",
                       },
@@ -6000,7 +7751,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#007ED9",
                       format: "hex",
@@ -6008,7 +7759,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#17253b",
+                $value: "#17253a",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6017,7 +7768,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}",
                       },
@@ -6099,7 +7850,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6107,7 +7858,7 @@
                 },
               },
               $type: "color",
-              $value: "#aa323f",
+              $value: "#ac3240",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6116,7 +7867,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}",
                     },
@@ -6135,7 +7886,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#CD384B",
                     format: "hex",
@@ -6143,7 +7894,7 @@
                 },
               },
               $type: "color",
-              $value: "#f9d1cf",
+              $value: "#f9d3d1",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6152,7 +7903,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}",
                     },
@@ -6248,7 +7999,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -6256,7 +8007,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#eb646c",
+                $value: "#ea626a",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6265,7 +8016,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} ",
                       },
@@ -6291,7 +8042,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#E13E53",
                       format: "hex",
@@ -6299,7 +8050,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#3f1a1c",
+                $value: "#3d1a1c",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6308,7 +8059,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}",
                       },
@@ -6406,7 +8157,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6414,7 +8165,7 @@
                 },
               },
               $type: "color",
-              $value: "#555",
+              $value: "#565656",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6423,7 +8174,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}",
                     },
@@ -6442,7 +8193,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#656565",
                     format: "hex",
@@ -6450,7 +8201,7 @@
                 },
               },
               $type: "color",
-              $value: "#d8d8d8",
+              $value: "#d9d9d9",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6459,7 +8210,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}",
                     },
@@ -6691,7 +8442,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -6699,7 +8450,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#909090",
+                $value: "#8e8e8e",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6708,7 +8459,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} ",
                       },
@@ -6734,7 +8485,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#7C7C7C",
                       format: "hex",
@@ -6742,7 +8493,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#252525",
+                $value: "#242424",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6751,7 +8502,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}",
                       },
@@ -6833,7 +8584,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6841,7 +8592,7 @@
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               $description: "used on pill hover states ",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6850,7 +8601,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}",
                     },
@@ -6869,7 +8620,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#00811F",
                     format: "hex",
@@ -6877,7 +8628,7 @@
                 },
               },
               $type: "color",
-              $value: "#c9e0c7",
+              $value: "#cbe1c9",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6886,7 +8637,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}",
                     },
@@ -6969,7 +8720,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -6977,7 +8728,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#2b8b32",
+                $value: "#328e37",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6986,7 +8737,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} ",
                       },
@@ -7012,7 +8763,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#009023",
                       format: "hex",
@@ -7020,7 +8771,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#132b12",
+                $value: "#132912",
                 $description: "used on pill hover states and message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -7029,7 +8780,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}",
                       },
@@ -7052,80 +8803,6 @@
               },
             },
           },
-          callout: {
-            defaultAlt: {
-              $extensions: {
-                "studio.tokens": {
-                  modify: {
-                    type: "mix",
-                    value: "0.85",
-                    space: "lch",
-                    color: "#FFFFFF",
-                    format: "hex",
-                  },
-                },
-              },
-              $type: "color",
-              $value: "#e5fae2",
-              $description: "used for marketing banners",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $extensions: {
-                  "studio.tokens": {
-                    modify: {
-                      type: "mix",
-                      value: "0.85",
-                      space: "lch",
-                      color: "{modes.color.modifier.contrastLess}",
-                    },
-                  },
-                },
-                $type: "color",
-                $value: "{primitives.colors.brilliantGreen}",
-                $description: "used for marketing banners",
-              },
-              name: "modesColorStatusCalloutDefaultAlt",
-              attributes: {},
-              path: ["modes", "color", "status", "callout", "defaultAlt"],
-            },
-            hoverAlt: {
-              $extensions: {
-                "studio.tokens": {
-                  modify: {
-                    type: "mix",
-                    value: "0.05",
-                    space: "lch",
-                    color: "#000000",
-                    format: "hex",
-                  },
-                },
-              },
-              $type: "color",
-              $value: "#d8ecd5",
-              $description: "used for marketing banners",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $extensions: {
-                  "studio.tokens": {
-                    modify: {
-                      type: "mix",
-                      value: "0.05",
-                      space: "lch",
-                      color: "{modes.color.modifier.contrastMore}",
-                    },
-                  },
-                },
-                $type: "color",
-                $value: "{modes.color.status.callout.defaultAlt}",
-                $description: "used for marketing banners",
-              },
-              name: "modesColorStatusCalloutHoverAlt",
-              attributes: {},
-              path: ["modes", "color", "status", "callout", "hoverAlt"],
-            },
-          },
           reviews: {
             default: {
               $type: "color",
@@ -7162,7 +8839,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -7170,7 +8847,7 @@
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
@@ -7178,7 +8855,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}",
                     },
@@ -7241,7 +8918,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -7249,7 +8926,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#0e6b3b",
+                $value: "#0d6c3c",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -7257,7 +8934,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}",
                       },
@@ -7308,119 +8985,6 @@
             path: ["modes", "color", "modifier", "contrastMore"],
           },
         },
-        modifiers: {
-          button: {
-            active: {
-              $type: "other",
-              $value: "0.32",
-              $description: "Actve modifier used when 16% hover is used",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.32",
-                $description: "Actve 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/light.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/light.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/light.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/light.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/light.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/light.json",
-              isSource: true,
-              original: {
-                $type: "other",
-                $value: "0.5",
-                $description: "standard mixer for shadow",
-              },
-              name: "modesColorModifiersShadowStandard",
-              attributes: {},
-              path: ["modes", "color", "modifiers", "shadow", "standard"],
-            },
-          },
-        },
       },
     },
   };