@sage/design-tokens 14.0.0 → 14.0.1

package/js/common/product/small/dark/mode.js

@@ -1340,7 +1340,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.32",
+                  value: "0.30",
                   space: "lch",
                   color: "#FFFFFF ",
                   format: "hex",
@@ -1348,7 +1348,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#f28486",
+            $value: "#f28083",
             $description: "active button on dark",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -1357,7 +1357,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.active}",
+                    value: "{primitives.color.modifiers.button.active}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore} ",
                   },
@@ -1425,7 +1425,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -1433,7 +1433,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#eb646c",
+            $value: "#ea626a",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
@@ -1441,7 +1441,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -1459,14 +1459,14 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.08",
+                  value: "0.10",
                   space: "lch",
                   format: "hex",
                 },
               },
             },
             $type: "color",
-            $value: "#e13e5314",
+            $value: "#e13e531a",
             $description: "button hover on dark",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -1475,7 +1475,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.hoverAlt}",
+                    value: "{primitives.color.modifiers.button.hoverAlt}",
                     space: "lch",
                   },
                 },
@@ -1493,7 +1493,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.08",
+                  value: "0.10",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -1501,7 +1501,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#ec6a71",
+            $value: "#ed6e74",
             $description: "for links in datatables",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -1510,7 +1510,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hoverAlt}",
+                    value: "{primitives.color.modifiers.button.hoverAlt}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -1556,7 +1556,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -1564,7 +1564,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#882b34",
+              $value: "#8c2c35",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1573,7 +1573,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -1662,7 +1662,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -1670,7 +1670,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#aa323f",
+              $value: "#ac3240",
               $description:
                 "used on solid-pill and primary-button hover states",
               filePath: "data/tokens/modes/dark.json",
@@ -1680,7 +1680,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -1707,14 +1707,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#cd384b14",
+              $value: "#cd384b1a",
               $description: "used on secondary-button hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1723,7 +1723,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -1748,7 +1748,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -1756,7 +1756,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#a3303d",
+              $value: "#9f303c",
               $description: "used on link hover state",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -1765,7 +1765,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -1898,7 +1898,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.08",
+                  value: "0.10",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -1906,7 +1906,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#181818",
+            $value: "#1b1b1b",
             $description: "bg hover for draggable area on file input",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -1915,7 +1915,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hoverAlt}",
+                    value: "{primitives.color.modifiers.button.hoverAlt}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -2454,14 +2454,14 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   format: "hex",
                 },
               },
             },
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
@@ -2469,7 +2469,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.activeAlt}",
+                    value: "{primitives.color.modifiers.button.activeAlt}",
                     space: "lch",
                   },
                 },
@@ -2592,14 +2592,14 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.08",
+                  value: "0.10",
                   space: "lch",
                   format: "hex",
                 },
               },
             },
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             $description: "Accordion, secondary, tertiary, menu bg on hover",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -2608,7 +2608,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.hoverAlt}",
+                    value: "{primitives.color.modifiers.button.hoverAlt}",
                     space: "lch",
                   },
                 },
@@ -2626,14 +2626,14 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   format: "hex",
                 },
               },
             },
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             $description: "subtle table header hover",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -2642,7 +2642,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                   },
                 },
@@ -2745,14 +2745,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -2760,7 +2760,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.activeAlt}",
+                      value: "{primitives.color.modifiers.button.activeAlt}",
                       space: "lch",
                     },
                   },
@@ -2862,14 +2862,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08 ",
+                    value: "0.10 ",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#ffffff14",
+              $value: "#ffffff1a",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -2877,7 +2877,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt} ",
+                      value: "{primitives.color.modifiers.button.hoverAlt} ",
                       space: "lch",
                     },
                   },
@@ -2983,14 +2983,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#00000029",
+              $value: "#00000026",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -2998,7 +2998,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.activeAlt}",
+                      value: "{primitives.color.modifiers.button.activeAlt}",
                       space: "lch",
                     },
                   },
@@ -3143,14 +3143,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#00000014",
+              $value: "#0000001a",
               $description: "Accordion, secondary, tertiary, menu bg on hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -3159,7 +3159,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt}",
+                      value: "{primitives.color.modifiers.button.hoverAlt}",
                       space: "lch",
                     },
                   },
@@ -3185,14 +3185,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     format: "hex",
                   },
                 },
               },
               $type: "color",
-              $value: "#00000029",
+              $value: "#00000026",
               $description: "subtle table header hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -3201,7 +3201,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                     },
                   },
@@ -3506,14 +3506,14 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   format: "hex",
                 },
               },
             },
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             $description: "hover bg for nav items",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -3522,7 +3522,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                   },
                 },
@@ -3588,7 +3588,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.32",
+                  value: "0.30",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -3596,7 +3596,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#81e57d",
+            $value: "#7ce47a",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
@@ -3604,7 +3604,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.active}",
+                    value: "{primitives.color.modifiers.button.active}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -3622,7 +3622,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.32",
+                  value: "0.30",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -3630,7 +3630,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#00d63952",
+            $value: "#00d6394d",
             $description: "Active color for secondary and tertiary buttons",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -3639,7 +3639,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.active}",
+                    value: "{primitives.color.modifiers.button.active}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -3680,7 +3680,7 @@ module.exports = {
             },
             $type: "color",
             $value: "#00d639cc",
-            $description: "Border color for secondary buttons",
+            $description: "Border color for secondary and tertiary buttons",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
@@ -3696,7 +3696,7 @@ module.exports = {
               },
               $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: {},
@@ -3706,8 +3706,8 @@ module.exports = {
             $extensions: {
               "studio.tokens": {
                 modify: {
-                  type: "alpha",
-                  value: "0.5",
+                  type: "mix",
+                  value: "0.12",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -3715,16 +3715,16 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#00d63980",
-            $description: "Border color for tertiary buttons",
+            $value: "#4cdc55",
+            $description: "default value for links",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "alpha",
-                    value: "0.5",
+                    type: "mix",
+                    value: "0.12",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -3732,7 +3732,7 @@ module.exports = {
               },
               $type: "color",
               $value: "{modes.color.interactive.primary.default}",
-              $description: "Border color for tertiary buttons",
+              $description: "default value for links",
             },
             name: "modesColorInteractivePrimaryDefaultAlt2",
             attributes: {},
@@ -3742,8 +3742,8 @@ module.exports = {
             $extensions: {
               "studio.tokens": {
                 modify: {
-                  type: "mix",
-                  value: "0.12",
+                  type: "alpha",
+                  value: "0.03",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -3751,16 +3751,16 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#4cdc55",
-            $description: "default value for links",
+            $value: "#00d63908",
+            $description: "Default background color of secondary buttons",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "mix",
-                    value: "0.12",
+                    type: "alpha",
+                    value: "0.03",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -3768,7 +3768,7 @@ module.exports = {
               },
               $type: "color",
               $value: "{modes.color.interactive.primary.default}",
-              $description: "default value for links",
+              $description: "Default background color of secondary buttons",
             },
             name: "modesColorInteractivePrimaryDefaultAlt3",
             attributes: {},
@@ -3779,7 +3779,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -3787,7 +3787,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#58de5d",
+            $value: "#55dd5b",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
             original: {
@@ -3795,7 +3795,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -3813,7 +3813,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "alpha",
-                  value: "0.08",
+                  value: "0.10",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -3821,7 +3821,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#00d63914",
+            $value: "#00d6391a",
             $description: "Secondary and tertiary button hover",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -3830,14 +3830,14 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "{modes.color.modifiers.button.hoverAlt}",
+                    value: "{primitives.color.modifiers.button.hoverAlt}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
                 },
               },
               $type: "color",
-              $value: "{modes.color.interactive.primary.defaultAlt2}",
+              $value: "{modes.color.interactive.primary.default}",
               $description: "Secondary and tertiary button hover",
             },
             name: "modesColorInteractivePrimaryHoverAlt",
@@ -3849,7 +3849,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF ",
                   format: "hex",
@@ -3857,7 +3857,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#73e372",
+            $value: "#71e270",
             $description: "hover for links",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -3866,14 +3866,14 @@ module.exports = {
                 "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",
@@ -3925,7 +3925,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -3933,7 +3933,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#81e57d",
+              $value: "#7ce47a",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -3941,7 +3941,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -4027,7 +4027,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -4035,7 +4035,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#58de5d",
+              $value: "#55dd5b",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -4043,7 +4043,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -4068,7 +4068,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#FFFFFF ",
                     format: "hex",
@@ -4076,7 +4076,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#73e372",
+              $value: "#71e270",
               $description: "for link hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -4085,7 +4085,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore} ",
                     },
@@ -4202,7 +4202,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -4210,7 +4210,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#14571a",
+              $value: "#13591a",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -4218,7 +4218,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -4243,7 +4243,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.32",
+                    value: "0.30",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -4251,7 +4251,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#00811f52",
+              $value: "#00811f4d",
               $description:
                 "Active color for inverse secondary and tertiary buttons",
               filePath: "data/tokens/modes/dark.json",
@@ -4261,7 +4261,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.active}",
+                      value: "{primitives.color.modifiers.button.active}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -4317,7 +4317,7 @@ module.exports = {
               },
               $type: "color",
               $value: "#00811fcc",
-              $description: "Borders on secondary inverse buttons",
+              $description: "Borders on secondary and tertiary inverse buttons",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -4333,7 +4333,8 @@ module.exports = {
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.inverse.default}",
-                $description: "Borders on secondary inverse buttons",
+                $description:
+                  "Borders on secondary and tertiary inverse buttons",
               },
               name: "modesColorInteractivePrimaryInverseDefaultAlt",
               attributes: {},
@@ -4350,8 +4351,8 @@ module.exports = {
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "alpha",
-                    value: "0.5",
+                    type: "mix",
+                    value: "0.12",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -4359,16 +4360,16 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#00811f80",
-              $description: "Borders on tertiary inverse buttons",
+              $value: "#0c711d",
+              $description: "Default color for links",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "alpha",
-                      value: "0.5",
+                      type: "mix",
+                      value: "0.12",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess}",
                     },
@@ -4376,7 +4377,7 @@ module.exports = {
                 },
                 $type: "color",
                 $value: "{modes.color.interactive.primary.inverse.default}",
-                $description: "Borders on tertiary inverse buttons",
+                $description: "Default color for links",
               },
               name: "modesColorInteractivePrimaryInverseDefaultAlt2",
               attributes: {},
@@ -4393,8 +4394,8 @@ module.exports = {
               $extensions: {
                 "studio.tokens": {
                   modify: {
-                    type: "mix",
-                    value: "0.12",
+                    type: "alpha",
+                    value: "0.03",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -4402,16 +4403,17 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#0c711d",
-              $description: "Default color for links",
+              $value: "#00811f08",
+              $description:
+                "Default background color of inverse secondary buttons",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
                 $extensions: {
                   "studio.tokens": {
                     modify: {
-                      type: "mix",
-                      value: "0.12",
+                      type: "alpha",
+                      value: "0.03",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess}",
                     },
@@ -4419,7 +4421,8 @@ module.exports = {
                 },
                 $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: {},
@@ -4437,7 +4440,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -4445,7 +4448,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -4453,7 +4456,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -4478,7 +4481,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "alpha",
-                    value: "0.08 ",
+                    value: "0.10 ",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -4486,7 +4489,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#00811f14",
+              $value: "#0c711d1a",
               $description: "Secondary and tertiary inverse button hover",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -4495,7 +4498,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "alpha",
-                      value: "{modes.color.modifiers.button.hoverAlt} ",
+                      value: "{primitives.color.modifiers.button.hoverAlt} ",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess}",
                     },
@@ -4521,7 +4524,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08",
+                    value: "0.10",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -4529,7 +4532,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#10681c",
+              $value: "#11651c",
               $description: "hover for links",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -4538,14 +4541,14 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      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.defaultAlt3}",
+                $value: "{modes.color.interactive.primary.inverse.defaultAlt2}",
                 $description: "hover for links",
               },
               name: "modesColorInteractivePrimaryInverseHoverAlt2",
@@ -4859,7 +4862,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -4867,7 +4870,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#eb6732",
+            $value: "#eb6530",
             $description: "used on pill hover states",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -4876,7 +4879,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -4895,7 +4898,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#E04500",
                   format: "hex",
@@ -4903,7 +4906,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#3f1b0b",
+            $value: "#3e1a0b",
             $description: "used on pill hover states and message bg",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -4912,7 +4915,7 @@ module.exports = {
                 "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}",
                   },
@@ -4985,7 +4988,7 @@ module.exports = {
             },
             hover: {
               $type: "color",
-              $value: "#eb6732",
+              $value: "#eb6530",
               $description: "used on global message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5079,7 +5082,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -5087,7 +5090,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#b13a0d",
+              $value: "#b33b0d",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5096,7 +5099,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -5115,7 +5118,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#D64309",
                     format: "hex",
@@ -5123,7 +5126,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#fdd3c0",
+              $value: "#fed5c3",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5132,7 +5135,7 @@ module.exports = {
                   "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}",
                     },
@@ -5551,7 +5554,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -5559,7 +5562,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#5291e0",
+            $value: "#4f90df",
             $description: "used on pill hover states",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -5568,7 +5571,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -5587,7 +5590,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#007ED9",
                   format: "hex",
@@ -5595,7 +5598,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#17253b",
+            $value: "#17253a",
             $description: "used on pill hover states and message bg",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -5604,7 +5607,7 @@ module.exports = {
                 "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}",
                   },
@@ -5643,7 +5646,7 @@ module.exports = {
             },
             hover: {
               $type: "color",
-              $value: "#5291e0",
+              $value: "#4f90df",
               $description: "used on global message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5730,7 +5733,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -5738,7 +5741,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#10508a",
+              $value: "#10518c",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5747,7 +5750,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess}",
                     },
@@ -5766,7 +5769,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#0060A7",
                     format: "hex",
@@ -5774,7 +5777,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#cbd6e9",
+              $value: "#cdd7ea",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -5783,7 +5786,7 @@ module.exports = {
                   "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}",
                     },
@@ -5854,7 +5857,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -5862,7 +5865,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#eb646c",
+            $value: "#ea626a",
             $description: "used on pill hover states",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -5871,7 +5874,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -5890,7 +5893,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#E13E53",
                   format: "hex",
@@ -5898,7 +5901,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#3f1a1c",
+            $value: "#3d1a1c",
             $description: "used on pill hover states and message bg",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -5907,7 +5910,7 @@ module.exports = {
                 "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}",
                   },
@@ -6007,7 +6010,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -6015,7 +6018,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#aa323f",
+              $value: "#ac3240",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6024,7 +6027,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -6050,7 +6053,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#CD384B",
                     format: "hex",
@@ -6058,7 +6061,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#f9d1cf",
+              $value: "#f9d3d1",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6067,7 +6070,7 @@ module.exports = {
                   "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}",
                     },
@@ -6158,7 +6161,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -6166,7 +6169,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#909090",
+            $value: "#8e8e8e",
             $description: "used on pill hover states",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -6175,7 +6178,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -6194,7 +6197,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#7C7C7C",
                   format: "hex",
@@ -6202,7 +6205,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#252525",
+            $value: "#242424",
             $description: "used on pill hover states and message bg",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -6211,7 +6214,7 @@ module.exports = {
                 "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}",
                   },
@@ -6312,7 +6315,7 @@ module.exports = {
             },
             hover: {
               $type: "color",
-              $value: "#909090",
+              $value: "#8e8e8e",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
               original: {
@@ -6328,7 +6331,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.08 ",
+                    value: "0.10 ",
                     space: "lch",
                     color: "#FFFFFF",
                     format: "hex",
@@ -6336,7 +6339,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#262626",
+              $value: "#2a2a2a",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6345,7 +6348,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hoverAlt} ",
+                      value: "{primitives.color.modifiers.button.hoverAlt} ",
                       space: "lch",
                       color: "{modes.color.modifier.contrastMore}",
                     },
@@ -6436,7 +6439,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -6444,7 +6447,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#676767",
+              $value: "#696969",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6453,7 +6456,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -6472,7 +6475,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#656565",
                     format: "hex",
@@ -6480,7 +6483,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#d8d8d8",
+              $value: "#d9d9d9",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6489,7 +6492,7 @@ module.exports = {
                   "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}",
                     },
@@ -6567,7 +6570,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.08",
+                  value: "0.10",
                   space: "lch",
                   color: "#FFFFFF",
                   format: "hex",
@@ -6575,7 +6578,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#2e9936",
+            $value: "#359b3b",
             $description: "used on pill hover states",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -6584,7 +6587,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hoverAlt}",
+                    value: "{primitives.color.modifiers.button.hoverAlt}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore}",
                   },
@@ -6603,7 +6606,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#009023",
                   format: "hex",
@@ -6611,7 +6614,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#132b12",
+            $value: "#132912",
             $description: "used on pill hover states and message bg",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -6620,7 +6623,7 @@ module.exports = {
                 "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}",
                   },
@@ -6707,7 +6710,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000 ",
                     format: "hex",
@@ -6715,7 +6718,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               $description: "used on pill hover states ",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6724,7 +6727,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess} ",
                     },
@@ -6750,7 +6753,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#00811F",
                     format: "hex",
@@ -6758,7 +6761,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#c9e0c7",
+              $value: "#cbe1c9",
               $description: "used on pill hover states and message bg",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6767,7 +6770,7 @@ module.exports = {
                   "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}",
                     },
@@ -6832,7 +6835,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.08 ",
+                  value: "0.10 ",
                   space: "lch",
                   color: "#FFFFFF ",
                   format: "hex",
@@ -6840,7 +6843,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#223121",
+            $value: "#263525",
             $description: "marketing banner hover",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -6849,7 +6852,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hoverAlt} ",
+                    value: "{primitives.color.modifiers.button.hoverAlt} ",
                     space: "lch",
                     color: "{modes.color.modifier.contrastMore} ",
                   },
@@ -6898,7 +6901,7 @@ module.exports = {
               "studio.tokens": {
                 modify: {
                   type: "mix",
-                  value: "0.16",
+                  value: "0.15",
                   space: "lch",
                   color: "#000000",
                   format: "hex",
@@ -6906,7 +6909,7 @@ module.exports = {
               },
             },
             $type: "color",
-            $value: "#18b032",
+            $value: "#17b333",
             $description: "used on pill hover states",
             filePath: "data/tokens/modes/dark.json",
             isSource: true,
@@ -6915,7 +6918,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "{modes.color.modifiers.button.hover}",
+                    value: "{primitives.color.modifiers.button.hover}",
                     space: "lch",
                     color: "{modes.color.modifier.contrastLess}",
                   },
@@ -6977,7 +6980,7 @@ module.exports = {
                 "studio.tokens": {
                   modify: {
                     type: "mix",
-                    value: "0.16",
+                    value: "0.15",
                     space: "lch",
                     color: "#000000",
                     format: "hex",
@@ -6985,7 +6988,7 @@ module.exports = {
                 },
               },
               $type: "color",
-              $value: "#18b032",
+              $value: "#17b333",
               $description: "used on pill hover states",
               filePath: "data/tokens/modes/dark.json",
               isSource: true,
@@ -6994,7 +6997,7 @@ module.exports = {
                   "studio.tokens": {
                     modify: {
                       type: "mix",
-                      value: "{modes.color.modifiers.button.hover}",
+                      value: "{primitives.color.modifiers.button.hover}",
                       space: "lch",
                       color: "{modes.color.modifier.contrastLess}",
                     },
@@ -7039,119 +7042,6 @@ module.exports = {
           path: ["modes", "color", "modifier", "contrastMore"],
         },
       },
-      modifiers: {
-        button: {
-          active: {
-            $type: "other",
-            $value: "0.32",
-            $description: "Active modifier used when 16% hover is used",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.32",
-              $description: "Active modifier used when 16% hover is used",
-            },
-            name: "modesColorModifiersButtonActive",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "button", "active"],
-          },
-          activeAlt: {
-            $type: "other",
-            $value: "0.16",
-            $description: "Active appled when 8% hover is used",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.16",
-              $description: "Active appled when 8% hover is used",
-            },
-            name: "modesColorModifiersButtonActiveAlt",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "button", "activeAlt"],
-          },
-          hover: {
-            $type: "other",
-            $value: "0.16",
-            $description: "Hover used on primary buttons",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.16",
-              $description: "Hover used on primary buttons",
-            },
-            name: "modesColorModifiersButtonHover",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "button", "hover"],
-          },
-          hoverAlt: {
-            $type: "other",
-            $value: "0.08",
-            $description: "Hover used on secondary and tertiary buttons",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.08",
-              $description: "Hover used on secondary and tertiary buttons",
-            },
-            name: "modesColorModifiersButtonHoverAlt",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "button", "hoverAlt"],
-          },
-        },
-        input: {
-          disabledBg: {
-            $type: "other",
-            $value: "0.04",
-            $description: "less contrast",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.04",
-              $description: "less contrast",
-            },
-            name: "modesColorModifiersInputDisabledBg",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "input", "disabledBg"],
-          },
-          disabledFg: {
-            $type: "other",
-            $value: "0.30",
-            $description: "less contrast",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.30",
-              $description: "less contrast",
-            },
-            name: "modesColorModifiersInputDisabledFg",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "input", "disabledFg"],
-          },
-        },
-        shadow: {
-          standard: {
-            $type: "other",
-            $value: "0.5",
-            $description: "standard mixer for shadow",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "other",
-              $value: "0.5",
-              $description: "standard mixer for shadow",
-            },
-            name: "modesColorModifiersShadowStandard",
-            attributes: {},
-            path: ["modes", "color", "modifiers", "shadow", "standard"],
-          },
-        },
-      },
     },
   },
 };