@sage/design-tokens 14.0.0 → 14.1.0

package/js/es6/product/small/light/mode.js

@@ -70,27 +70,27 @@ export const modesColorInteractiveAiHover =
   "linear-gradient(90deg, #13A03814 0%, #14919714 40%, #a87cfb14 90%)";
 export const modesColorInteractiveAiDefault =
   "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)";
-export const modesColorInteractiveDangerActive = "#882b34";
+export const modesColorInteractiveDangerActive = "#8c2c35";
 export const modesColorInteractiveDangerDefault = "#CD384B";
 export const modesColorInteractiveDangerDefaultAlt = "#b23342";
-export const modesColorInteractiveDangerHover = "#aa323f";
-export const modesColorInteractiveDangerHoverAlt = "#cd384b14";
-export const modesColorInteractiveDangerHoverAlt2 = "#a3303d";
+export const modesColorInteractiveDangerHover = "#ac3240";
+export const modesColorInteractiveDangerHoverAlt = "#cd384b1a";
+export const modesColorInteractiveDangerHoverAlt2 = "#9f303c";
 export const modesColorInteractiveDangerWithActive = "#FFFFFF";
 export const modesColorInteractiveDangerWithDefault = "#FFFFFF";
-export const modesColorInteractiveDangerInverseActive = "#f28486";
+export const modesColorInteractiveDangerInverseActive = "#f28083";
 export const modesColorInteractiveDangerInverseDefault = "#E13E53";
 export const modesColorInteractiveDangerInverseDefaultAlt = "#e85b66";
-export const modesColorInteractiveDangerInverseHover = "#eb646c";
-export const modesColorInteractiveDangerInverseHoverAlt = "#e13e5314";
-export const modesColorInteractiveDangerInverseHoverAlt2 = "#ec6a71";
+export const modesColorInteractiveDangerInverseHover = "#ea626a";
+export const modesColorInteractiveDangerInverseHoverAlt = "#e13e531a";
+export const modesColorInteractiveDangerInverseHoverAlt2 = "#ed6e74";
 export const modesColorInteractiveDangerInverseWithActive = "#000000";
 export const modesColorInteractiveDangerInverseWithDefault = "#000000";
 export const modesColorInteractiveDataEntryDefault = "#FFFFFF";
 export const modesColorInteractiveDataEntryWithActive = "#000000";
 export const modesColorInteractiveDataEntryWithActiveAlt = "#FFFFFF";
 export const modesColorInteractiveDataEntryWithHover = "#000000";
-export const modesColorInteractiveDataEntryHoverAlt = "#e8e8e8";
+export const modesColorInteractiveDataEntryHoverAlt = "#e2e2e2";
 export const modesColorInteractiveDataEntryWithDefault = "#777";
 export const modesColorInteractiveDataEntryDefaultAlt = "#f3f3f3";
 export const modesColorInteractiveDataEntryContent = "#000000f2";
@@ -116,31 +116,31 @@ export const modesColorInteractiveInactiveInverseDefault = "#4b4b4b";
 export const modesColorInteractiveInactiveInverseContent = "#ffffff6b";
 export const modesColorInteractiveInactiveInverseContentAlt = "#000000";
 export const modesColorInteractiveMonochromeActive = "#000000";
-export const modesColorInteractiveMonochromeActiveAlt = "#00000029";
+export const modesColorInteractiveMonochromeActiveAlt = "#00000026";
 export const modesColorInteractiveMonochromeDefault = "#000000e6";
 export const modesColorInteractiveMonochromeDefaultAlt = "#000000ab";
 export const modesColorInteractiveMonochromeDefaultAlt2 = "#0000006b";
-export const modesColorInteractiveMonochromeHoverAlt = "#00000014";
-export const modesColorInteractiveMonochromeHover = "#00000029";
+export const modesColorInteractiveMonochromeHoverAlt = "#0000001a";
+export const modesColorInteractiveMonochromeHover = "#00000026";
 export const modesColorInteractiveMonochromeWithActive = "#FFFFFF";
 export const modesColorInteractiveMonochromeWithActiveAlt = "#000000";
 export const modesColorInteractiveMonochromeWithDefault = "#FFFFFF";
 export const modesColorInteractiveMonochromeWithHover = "#000000";
 export const modesColorInteractiveMonochromeFrozenActive = "#223743";
-export const modesColorInteractiveMonochromeFrozenActiveAlt = "#22374329";
+export const modesColorInteractiveMonochromeFrozenActiveAlt = "#22374326";
 export const modesColorInteractiveMonochromeFrozenDefault = "#335B70";
 export const modesColorInteractiveMonochromeFrozenDefaultAlt = "#476a7d";
-export const modesColorInteractiveMonochromeFrozenHoverAlt = "#22374314";
+export const modesColorInteractiveMonochromeFrozenHoverAlt = "#2237431a";
 export const modesColorInteractiveMonochromeFrozenWithActive = "#FFFFFF";
 export const modesColorInteractiveMonochromeFrozenWithHover = "#223743";
 export const modesColorInteractiveMonochromeFrozenWithHoverAlt = "#FFFFFF";
 export const modesColorInteractiveMonochromeInverseActive = "#FFFFFF";
-export const modesColorInteractiveMonochromeInverseActiveAlt = "#ffffff29";
+export const modesColorInteractiveMonochromeInverseActiveAlt = "#ffffff26";
 export const modesColorInteractiveMonochromeInverseDefault = "#ffffffe6";
 export const modesColorInteractiveMonochromeInverseDefaultAlt = "#ffffffab";
 export const modesColorInteractiveMonochromeInverseDefaultAlt2 = "#ffffff6b";
-export const modesColorInteractiveMonochromeInverseHoverAlt = "#ffffff14";
-export const modesColorInteractiveMonochromeInverseHover = "#ffffff29";
+export const modesColorInteractiveMonochromeInverseHoverAlt = "#ffffff1a";
+export const modesColorInteractiveMonochromeInverseHover = "#ffffff26";
 export const modesColorInteractiveMonochromeInverseWithActive = "#000000";
 export const modesColorInteractiveMonochromeInverseWithActiveAlt = "#FFFFFF";
 export const modesColorInteractiveMonochromeInverseWithDefault = "#000000";
@@ -152,39 +152,39 @@ export const modesColorInteractiveMonochromeSubtleDefault = "#0000000a";
 export const modesColorInteractiveNavActive = "#00000029";
 export const modesColorInteractiveNavDefault = "#FFFFFF";
 export const modesColorInteractiveNavDefaultAlt = "#f3f3f3";
-export const modesColorInteractiveNavHover = "#00000014";
+export const modesColorInteractiveNavHover = "#0000001a";
 export const modesColorInteractiveNavWithActive = "#000000";
 export const modesColorInteractiveNavWithDefault = "#000000f2";
 export const modesColorInteractiveNavWithHover = "#000000";
-export const modesColorInteractivePrimaryActive = "#14571a";
-export const modesColorInteractivePrimaryActiveAlt = "#00811f52";
+export const modesColorInteractivePrimaryActive = "#13591a";
+export const modesColorInteractivePrimaryActiveAlt = "#00811f4d";
 export const modesColorInteractivePrimaryDefault = "#00811F";
 export const modesColorInteractivePrimaryDefaultAlt = "#00811fcc";
-export const modesColorInteractivePrimaryDefaultAlt2 = "#00811f80";
-export const modesColorInteractivePrimaryDefaultAlt3 = "#0c711d";
-export const modesColorInteractivePrimaryHover = "#0e6b1d";
-export const modesColorInteractivePrimaryHoverAlt = "#00811f14";
-export const modesColorInteractivePrimaryHoverAlt2 = "#125e1b";
+export const modesColorInteractivePrimaryDefaultAlt2 = "#0c711d";
+export const modesColorInteractivePrimaryDefaultAlt3 = "#00811f08";
+export const modesColorInteractivePrimaryHover = "#0e6d1d";
+export const modesColorInteractivePrimaryHoverAlt = "#00811f1a";
+export const modesColorInteractivePrimaryHoverAlt2 = "#12601b";
 export const modesColorInteractivePrimaryWithActive = "#FFFFFF";
 export const modesColorInteractivePrimaryWithDefault = "#FFFFFF";
 export const modesColorInteractivePrimaryWithHover = "#FFFFFF";
-export const modesColorInteractivePrimaryFrozenActive = "#135631";
+export const modesColorInteractivePrimaryFrozenActive = "#135932";
 export const modesColorInteractivePrimaryFrozenDefault = "#008046";
 export const modesColorInteractivePrimaryFrozenDefaultAlt = "#0b703e";
-export const modesColorInteractivePrimaryFrozenHover = "#0e6b3b";
+export const modesColorInteractivePrimaryFrozenHover = "#0d6c3c";
 export const modesColorInteractivePrimaryFrozenHoverAlt = "#106237";
 export const modesColorInteractivePrimaryFrozenNavHover = "#008046";
 export const modesColorInteractivePrimaryFrozenNavLabelHover = "#FFFFFF";
 export const modesColorInteractivePrimaryFrozenTableDefault = "#9badb8";
-export const modesColorInteractivePrimaryInverseActive = "#81e57d";
-export const modesColorInteractivePrimaryInverseActiveAlt = "#00d63952";
+export const modesColorInteractivePrimaryInverseActive = "#7ce47a";
+export const modesColorInteractivePrimaryInverseActiveAlt = "#00d6394d";
 export const modesColorInteractivePrimaryInverseDefault = "#00D639";
 export const modesColorInteractivePrimaryInverseDefaultAlt = "#00d639cc";
-export const modesColorInteractivePrimaryInverseDefaultAlt2 = "#00d63980";
-export const modesColorInteractivePrimaryInverseDefaultAlt3 = "#4cdc55";
-export const modesColorInteractivePrimaryInverseHover = "#58de5d";
-export const modesColorInteractivePrimaryInverseHoverAlt = "#00d63914";
-export const modesColorInteractivePrimaryInverseHoverAlt2 = "#73e372";
+export const modesColorInteractivePrimaryInverseDefaultAlt2 = "#4cdc55";
+export const modesColorInteractivePrimaryInverseDefaultAlt3 = "#00d63908";
+export const modesColorInteractivePrimaryInverseHover = "#55dd5b";
+export const modesColorInteractivePrimaryInverseHoverAlt = "#00d6391a";
+export const modesColorInteractivePrimaryInverseHoverAlt2 = "#71e270";
 export const modesColorInteractivePrimaryInverseWithActive = "#000000";
 export const modesColorInteractivePrimaryInverseWithDefault = "#000000";
 export const modesColorInteractivePrimaryInverseWithHover = "#000000";
@@ -198,18 +198,19 @@ export const modesColorStatusAiDefaultHorizontal =
   "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)";
 export const modesColorStatusAiDefaultVertical =
   "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)";
-export const modesColorStatusGenericDefault = "#007c7b";
+export const modesColorStatusCalloutDefaultAlt = "#e5fae2";
+export const modesColorStatusCalloutHoverAlt = "#d8ecd5";
 export const modesColorStatusCautionDefault = "#D64309";
 export const modesColorStatusCautionDefaultAlt = "#ffede5";
-export const modesColorStatusCautionHover = "#b13a0d";
-export const modesColorStatusCautionHoverAlt = "#fdd3c0";
+export const modesColorStatusCautionHover = "#b33b0d";
+export const modesColorStatusCautionHoverAlt = "#fed5c3";
 export const modesColorStatusCautionText = "#bf3e0c";
 export const modesColorStatusCautionFrozenglobalDefault = "#ff8629";
-export const modesColorStatusCautionFrozenglobalHover = "#ff9a4e";
+export const modesColorStatusCautionFrozenglobalHover = "#ff994c";
 export const modesColorStatusCautionInverseDefault = "#E04500";
 export const modesColorStatusCautionInverseDefaultAlt = "#251206";
-export const modesColorStatusCautionInverseHover = "#eb6732";
-export const modesColorStatusCautionInverseHoverAlt = "#3f1b0b";
+export const modesColorStatusCautionInverseHover = "#eb6530";
+export const modesColorStatusCautionInverseHoverAlt = "#3e1a0b";
 export const modesColorStatusCautionInverseText = "#e75b23";
 export const modesColorStatusContentWithDefault = "#FFFFFF";
 export const modesColorStatusContentWithDefaultAlt = "#000000f2";
@@ -221,67 +222,106 @@ export const modesColorStatusContentInverseWithDefault = "#000000";
 export const modesColorStatusContentInverseWithDefaultAlt = "#fffffff2";
 export const modesColorStatusContentInverseWithHover = "#000000";
 export const modesColorStatusContentInverseWithHoverAlt = "#FFFFFF";
+export const modesColorStatusCustomBlueDefault = "#0071C3";
+export const modesColorStatusCustomBlueDefaultAlt = "#ebf0f9";
+export const modesColorStatusCustomBlueHover = "#135fa3";
+export const modesColorStatusCustomBlueHoverAlt = "#ced9ed";
+export const modesColorStatusCustomTealDefault = "#007C7B";
+export const modesColorStatusCustomTealDefaultAlt = "#e9f1f1";
+export const modesColorStatusCustomTealHover = "#0e6968";
+export const modesColorStatusCustomTealHoverAlt = "#c4dde0";
+export const modesColorStatusCustomGreenDefault = "#00811F";
+export const modesColorStatusCustomGreenDefaultAlt = "#e9f2e8";
+export const modesColorStatusCustomGreenHover = "#0e6d1d";
+export const modesColorStatusCustomGreenHoverAlt = "#c4decf";
+export const modesColorStatusCustomLimeDefault = "#637700";
+export const modesColorStatusCustomLimeDefaultAlt = "#eff1e6";
+export const modesColorStatusCustomLimeHover = "#546408";
+export const modesColorStatusCustomLimeHoverAlt = "#cdddc9";
+export const modesColorStatusCustomOrangeDefault = "#C54300";
+export const modesColorStatusCustomOrangeDefaultAlt = "#feece5";
+export const modesColorStatusCustomOrangeHover = "#a53a06";
+export const modesColorStatusCustomOrangeHoverAlt = "#f2d0ce";
+export const modesColorStatusCustomRedDefault = "#DC004E";
+export const modesColorStatusCustomRedDefaultAlt = "#ffebec";
+export const modesColorStatusCustomRedHover = "#b81242";
+export const modesColorStatusCustomRedHoverAlt = "#f1cfd9";
+export const modesColorStatusCustomPinkDefault = "#C8269A";
+export const modesColorStatusCustomPinkDefaultAlt = "#fcecf5";
+export const modesColorStatusCustomPinkHover = "#a82581";
+export const modesColorStatusCustomPinkHoverAlt = "#ead2e5";
+export const modesColorStatusCustomPurpleDefault = "#8F4CD7";
+export const modesColorStatusCustomPurpleDefaultAlt = "#f5edfc";
+export const modesColorStatusCustomPurpleHover = "#7941b4";
+export const modesColorStatusCustomPurpleHoverAlt = "#ded4ee";
+export const modesColorStatusCustomGrayDefault = "#6F6F6F";
+export const modesColorStatusCustomGrayDefaultAlt = "#f0f0f0";
+export const modesColorStatusCustomGrayHover = "#5e5e5e";
+export const modesColorStatusCustomGrayHoverAlt = "#d3d9e5";
+export const modesColorStatusCustomSlateDefault = "#527386";
+export const modesColorStatusCustomSlateDefaultAlt = "#edf0f2";
+export const modesColorStatusCustomSlateHover = "#466171";
+export const modesColorStatusCustomSlateHoverAlt = "#cbdae6";
+export const modesColorStatusGenericDefault = "#F0F";
+export const modesColorStatusImportantDefault = "#8F4CD7";
+export const modesColorStatusImportantDefaultAlt = "#f5edfc";
+export const modesColorStatusImportantHover = "#7941b4";
+export const modesColorStatusImportantHoverAlt = "#ded4ee";
+export const modesColorStatusImportantInverseDefault = "#985FDC";
+export const modesColorStatusImportantInverseDefaultAlt = "#1b1422";
+export const modesColorStatusImportantInverseHover = "#a977e2";
+export const modesColorStatusImportantInverseHoverAlt = "#282039";
 export const modesColorStatusInactiveDefault = "#a6a6a6";
 export const modesColorStatusInactiveWithDefault = "#000000ab";
 export const modesColorStatusInactiveInverseDefault = "#4b4b4b";
 export const modesColorStatusInactiveInverseWithDefault = "#ffffffab";
-export const modesColorStatusImportantDefault = "#8F4CD7";
 export const modesColorStatusInfoDefault = "#0060A7";
 export const modesColorStatusInfoDefaultAlt = "#eaeef6";
-export const modesColorStatusInfoHover = "#10508a";
-export const modesColorStatusInfoHoverAlt = "#cbd6e9";
+export const modesColorStatusInfoHover = "#10518c";
+export const modesColorStatusInfoHoverAlt = "#cdd7ea";
 export const modesColorStatusInfoFrozenglobalDefault = "#65a9ff";
-export const modesColorStatusInfoFrozenglobalHover = "#84b6ff";
+export const modesColorStatusInfoFrozenglobalHover = "#82b5ff";
 export const modesColorStatusInfoInverseDefault = "#007ED9";
 export const modesColorStatusInfoInverseDefaultAlt = "#111722";
-export const modesColorStatusInfoInverseHover = "#5291e0";
-export const modesColorStatusInfoInverseHoverAlt = "#17253b";
+export const modesColorStatusInfoInverseHover = "#4f90df";
+export const modesColorStatusInfoInverseHoverAlt = "#17253a";
 export const modesColorStatusNegativeDefault = "#CD384B";
 export const modesColorStatusNegativeDefaultAlt = "#fdeceb";
-export const modesColorStatusNegativeHover = "#aa323f";
-export const modesColorStatusNegativeHoverAlt = "#f9d1cf";
+export const modesColorStatusNegativeHover = "#ac3240";
+export const modesColorStatusNegativeHoverAlt = "#f9d3d1";
 export const modesColorStatusNegativeText = "#CD384B";
 export const modesColorStatusNegativeInverseDefault = "#E13E53";
 export const modesColorStatusNegativeInverseDefaultAlt = "#241212";
-export const modesColorStatusNegativeInverseHover = "#eb646c";
-export const modesColorStatusNegativeInverseHoverAlt = "#3f1a1c";
+export const modesColorStatusNegativeInverseHover = "#ea626a";
+export const modesColorStatusNegativeInverseHoverAlt = "#3d1a1c";
 export const modesColorStatusNegativeInverseText = "#E13E53";
 export const modesColorStatusNeutralDefault = "#656565";
 export const modesColorStatusNeutralDefaultAlt = "#efefef";
-export const modesColorStatusNeutralHover = "#555";
-export const modesColorStatusNeutralHoverAlt = "#d8d8d8";
+export const modesColorStatusNeutralHover = "#565656";
+export const modesColorStatusNeutralHoverAlt = "#d9d9d9";
 export const modesColorStatusNeutralFrozenDefault = "#335B70";
 export const modesColorStatusNeutralFrozenDefaultAlt = "#eaedf0";
 export const modesColorStatusNeutralFrozenHover = "#20313b";
 export const modesColorStatusNeutralFrozenHoverAlt = "#dde0e2";
 export const modesColorStatusNeutralInverseDefault = "#7C7C7C";
 export const modesColorStatusNeutralInverseDefaultAlt = "#171717";
-export const modesColorStatusNeutralInverseHover = "#909090";
-export const modesColorStatusNeutralInverseHoverAlt = "#252525";
+export const modesColorStatusNeutralInverseHover = "#8e8e8e";
+export const modesColorStatusNeutralInverseHoverAlt = "#242424";
 export const modesColorStatusPositiveDefault = "#00811F";
 export const modesColorStatusPositiveDefaultAlt = "#e9f2e8";
-export const modesColorStatusPositiveHover = "#0e6b1d";
-export const modesColorStatusPositiveHoverAlt = "#c9e0c7";
+export const modesColorStatusPositiveHover = "#0e6d1d";
+export const modesColorStatusPositiveHoverAlt = "#cbe1c9";
 export const modesColorStatusPositiveInverseDefault = "#009023";
 export const modesColorStatusPositiveInverseDefaultAlt = "#0e1a0b";
-export const modesColorStatusPositiveInverseHover = "#2b8b32";
-export const modesColorStatusPositiveInverseHoverAlt = "#132b12";
-export const modesColorStatusCalloutDefaultAlt = "#e5fae2";
-export const modesColorStatusCalloutHoverAlt = "#d8ecd5";
+export const modesColorStatusPositiveInverseHover = "#328e37";
+export const modesColorStatusPositiveInverseHoverAlt = "#132912";
 export const modesColorStatusReviewsDefault = "#00811F";
 export const modesColorStatusReviewsDefaultAlt =
   "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)";
-export const modesColorStatusReviewsHover = "#0e6b1d";
+export const modesColorStatusReviewsHover = "#0e6d1d";
 export const modesColorStatusReviewsFrozenDefault = "#008046";
 export const modesColorStatusReviewsFrozenDefaultAlt =
   "linear-gradient(90deg, #008046 0%, #008046 50%, #d1d1d1 50%, #d1d1d1 100%)";
-export const modesColorStatusReviewsFrozenHover = "#0e6b3b";
+export const modesColorStatusReviewsFrozenHover = "#0d6c3c";
 export const modesColorModifierContrastLess = "#FFFFFF";
 export const modesColorModifierContrastMore = "#000000";
-export const modesColorModifiersButtonActive = "0.32";
-export const modesColorModifiersButtonActiveAlt = "0.16";
-export const modesColorModifiersButtonHover = "0.16";
-export const modesColorModifiersButtonHoverAlt = "0.08";
-export const modesColorModifiersInputDisabledBg = "0.04";
-export const modesColorModifiersInputDisabledFg = "0.30";
-export const modesColorModifiersShadowStandard = "0.5";

package/js/umd/frozenproduct/large/dark/components/button.js

@@ -2191,7 +2191,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#eb646c",
+              $value: "#ea626a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2263,7 +2263,7 @@
           secondary: {
             "bg-hover": {
               $type: "color",
-              $value: "#e13e5314",
+              $value: "#e13e531a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2314,7 +2314,7 @@
             },
             "border-hover": {
               $type: "color",
-              $value: "#eb646c",
+              $value: "#ea626a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2371,7 +2371,7 @@
             },
             "label-hover": {
               $type: "color",
-              $value: "#eb646c",
+              $value: "#ea626a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2394,7 +2394,7 @@
           primary: {
             "bg-active": {
               $type: "color",
-              $value: "#81e57d",
+              $value: "#7ce47a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2448,7 +2448,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#58de5d",
+              $value: "#55dd5b",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2514,7 +2514,7 @@
             inverse: {
               "bg-active": {
                 $type: "color",
-                $value: "#14571a",
+                $value: "#13591a",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -2597,7 +2597,7 @@
               },
               "bg-hover": {
                 $type: "color",
-                $value: "#0e6b1d",
+                $value: "#0e6d1d",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -2704,7 +2704,7 @@
           secondary: {
             "bg-active": {
               $type: "color",
-              $value: "#00d63952",
+              $value: "#00d6394d",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2715,9 +2715,22 @@
               attributes: {},
               path: ["button", "color", "typical", "secondary", "bg-active"],
             },
+            "bg-enabled": {
+              $type: "color",
+              $value: "#00d63908",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.defaultAlt3}",
+              },
+              name: "buttonColorTypicalSecondaryBgEnabled",
+              attributes: {},
+              path: ["button", "color", "typical", "secondary", "bg-enabled"],
+            },
             "bg-hover": {
               $type: "color",
-              $value: "#00d63914",
+              $value: "#00d6391a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2730,7 +2743,7 @@
             },
             "border-active": {
               $type: "color",
-              $value: "#81e57d",
+              $value: "#7ce47a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2787,7 +2800,7 @@
             },
             "border-hover": {
               $type: "color",
-              $value: "#58de5d",
+              $value: "#55dd5b",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2865,7 +2878,7 @@
             inverse: {
               "bg-active": {
                 $type: "color",
-                $value: "#00811f52",
+                $value: "#00811f4d",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -2883,9 +2896,30 @@
                   "bg-active",
                 ],
               },
+              "bg-enabled": {
+                $type: "color",
+                $value: "#00811f08",
+                filePath: "data/tokens/components/button.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value:
+                    "{modes.color.interactive.primary.inverse.defaultAlt3}",
+                },
+                name: "buttonColorTypicalSecondaryInverseBgEnabled",
+                attributes: {},
+                path: [
+                  "button",
+                  "color",
+                  "typical",
+                  "secondary",
+                  "inverse",
+                  "bg-enabled",
+                ],
+              },
               "bg-hover": {
                 $type: "color",
-                $value: "#00811f14",
+                $value: "#0c711d1a",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -2905,7 +2939,7 @@
               },
               "border-active": {
                 $type: "color",
-                $value: "#14571a",
+                $value: "#13591a",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -2966,7 +3000,7 @@
               },
               "border-hover": {
                 $type: "color",
-                $value: "#0e6b1d",
+                $value: "#0e6d1d",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3072,7 +3106,7 @@
           tertiary: {
             "bg-active": {
               $type: "color",
-              $value: "#00d63952",
+              $value: "#00d6394d",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3098,7 +3132,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#00d63914",
+              $value: "#00d6391a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3111,7 +3145,7 @@
             },
             "border-active": {
               $type: "color",
-              $value: "#81e57d",
+              $value: "#7ce47a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3143,12 +3177,12 @@
             },
             "border-enabled": {
               $type: "color",
-              $value: "#00d63980",
+              $value: "#00d639cc",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "color",
-                $value: "{modes.color.interactive.primary.defaultAlt2}",
+                $value: "{modes.color.interactive.primary.defaultAlt}",
               },
               name: "buttonColorTypicalTertiaryBorderEnabled",
               attributes: {},
@@ -3162,7 +3196,7 @@
             },
             "border-hover": {
               $type: "color",
-              $value: "#58de5d",
+              $value: "#55dd5b",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3234,7 +3268,7 @@
             inverse: {
               "bg-active": {
                 $type: "color",
-                $value: "#00811f52",
+                $value: "#00811f4d",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3274,7 +3308,7 @@
               },
               "bg-hover": {
                 $type: "color",
-                $value: "#00811f14",
+                $value: "#0c711d1a",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3294,7 +3328,7 @@
               },
               "border-active": {
                 $type: "color",
-                $value: "#14571a",
+                $value: "#13591a",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3334,13 +3368,13 @@
               },
               "border-enabled": {
                 $type: "color",
-                $value: "#00811f80",
+                $value: "#00811fcc",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
                   $type: "color",
                   $value:
-                    "{modes.color.interactive.primary.inverse.defaultAlt2}",
+                    "{modes.color.interactive.primary.inverse.defaultAlt}",
                 },
                 name: "buttonColorTypicalTertiaryInverseBorderEnabled",
                 attributes: {},
@@ -3355,7 +3389,7 @@
               },
               "border-hover": {
                 $type: "color",
-                $value: "#0e6b1d",
+                $value: "#0e6d1d",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3461,7 +3495,7 @@
           subtle: {
             "bg-active": {
               $type: "color",
-              $value: "#ffffff29",
+              $value: "#ffffff26",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3474,7 +3508,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#ffffff14",
+              $value: "#ffffff1a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3540,7 +3574,7 @@
             inverse: {
               "bg-active": {
                 $type: "color",
-                $value: "#00000029",
+                $value: "#00000026",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3561,7 +3595,7 @@
               },
               "bg-hover": {
                 $type: "color",
-                $value: "#00000014",
+                $value: "#0000001a",
                 filePath: "data/tokens/components/button.json",
                 isSource: true,
                 original: {
@@ -3719,7 +3753,7 @@
             },
             "bg-hover": {
               $type: "color",
-              $value: "#ffffff14",
+              $value: "#ffffff1a",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -3813,7 +3847,7 @@
         video: {
           "bg-blur": {
             $type: "color",
-            $value: "#ffffff14",
+            $value: "#ffffff1a",
             filePath: "data/tokens/components/button.json",
             isSource: true,
             original: {