@sage/design-tokens 14.0.0 → 14.0.1

package/js/umd/product/large/light/mode.js

@@ -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",
@@ -5026,7 +5029,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -5034,7 +5037,7 @@
                 },
               },
               $type: "color",
-              $value: "#b13a0d",
+              $value: "#b33b0d",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -5043,7 +5046,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 +5065,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#D64309",
                     format: "hex",
@@ -5070,7 +5073,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 +5082,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 +5158,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -5163,7 +5166,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#ff9a4e",
+                $value: "#ff994c",
                 $description: "used on global message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5172,7 +5175,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 +5266,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -5271,7 +5274,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#eb6732",
+                $value: "#eb6530",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5280,7 +5283,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 +5309,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#E04500",
                       format: "hex",
@@ -5314,7 +5317,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 +5326,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}",
                       },
@@ -5761,7 +5764,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -5769,7 +5772,7 @@
                 },
               },
               $type: "color",
-              $value: "#10508a",
+              $value: "#10518c",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -5778,7 +5781,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 +5800,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#0060A7",
                     format: "hex",
@@ -5805,7 +5808,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 +5817,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 +5859,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -5864,7 +5867,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#84b6ff",
+                $value: "#82b5ff",
                 $description: "used on global message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5873,7 +5876,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 +5967,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF",
                       format: "hex",
@@ -5972,7 +5975,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#5291e0",
+                $value: "#4f90df",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -5981,7 +5984,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 +6003,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#007ED9",
                       format: "hex",
@@ -6008,7 +6011,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 +6020,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 +6102,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6107,7 +6110,7 @@
                 },
               },
               $type: "color",
-              $value: "#aa323f",
+              $value: "#ac3240",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6116,7 +6119,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 +6138,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#CD384B",
                     format: "hex",
@@ -6143,7 +6146,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 +6155,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 +6251,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -6256,7 +6259,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#eb646c",
+                $value: "#ea626a",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6265,7 +6268,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 +6294,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#E13E53",
                       format: "hex",
@@ -6299,7 +6302,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 +6311,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 +6409,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6414,7 +6417,7 @@
                 },
               },
               $type: "color",
-              $value: "#555",
+              $value: "#565656",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6423,7 +6426,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 +6445,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#656565",
                     format: "hex",
@@ -6450,7 +6453,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 +6462,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 +6694,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -6699,7 +6702,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#909090",
+                $value: "#8e8e8e",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6708,7 +6711,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 +6737,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#7C7C7C",
                       format: "hex",
@@ -6742,7 +6745,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 +6754,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 +6836,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6841,7 +6844,7 @@
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               $description: "used on pill hover states ",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
@@ -6850,7 +6853,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 +6872,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#00811F",
                     format: "hex",
@@ -6877,7 +6880,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 +6889,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 +6972,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.08",
+                      value: "0.10",
                       space: "lch",
                       color: "#FFFFFF ",
                       format: "hex",
@@ -6977,7 +6980,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#2b8b32",
+                $value: "#328e37",
                 $description: "used on pill hover states",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
@@ -6986,7 +6989,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 +7015,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#009023",
                       format: "hex",
@@ -7020,7 +7023,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 +7032,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}",
                       },
@@ -7162,7 +7165,7 @@
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -7170,7 +7173,7 @@
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               filePath: "data/tokens/modes/light.json",
               isSource: true,
               original: {
@@ -7178,7 +7181,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 +7244,7 @@
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "0.16",
+                      value: "0.15",
                       space: "lch",
                       color: "#000000",
                       format: "hex",
@@ -7249,7 +7252,7 @@
                   },
                 },
                 $type: "color",
-                $value: "#0e6b3b",
+                $value: "#0d6c3c",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
@@ -7257,7 +7260,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 +7311,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"],
-            },
-          },
-        },
       },
     },
   };