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

@sage/design-tokens 14.0.0 → 14.1.0

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

Files changed (1010) hide show

package/js/common/marketing/large/dark/components/tab.js CHANGED Viewed

@@ -278,7 +278,7 @@ module.exports = {
       },
       "bg-hover": {
         $type: "color",
-        $value: "#ffffff14",
+        $value: "#ffffff1a",
         $description: "For anchor nav, not tab.",
         filePath: "data/tokens/components/tab.json",
         isSource: true,

package/js/common/marketing/large/dark/components/table.js CHANGED Viewed

@@ -41,7 +41,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
@@ -125,7 +125,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
@@ -994,12 +994,12 @@ module.exports = {
         },
         S: {
           $type: "sizing",
-          $value: 16,
+          $value: 20,
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "sizing",
-            $value: "{global.size.icon.S}",
+            $value: "{global.size.icon.M}",
           },
           name: "tableSizeIconS",
           attributes: {},

package/js/common/marketing/large/dark/mode.d.ts CHANGED Viewed

@@ -306,8 +306,9 @@ declare const tokens: {
           "default-horizontal": DesignToken;
           "default-vertical": DesignToken;
         };
-        generic: {
-          default: DesignToken;
+        callout: {
+          defaultAlt: DesignToken;
+          hoverAlt: DesignToken;
         };
         caution: {
           default: DesignToken;
@@ -340,6 +341,83 @@ declare const tokens: {
             withHoverAlt: DesignToken;
           };
         };
+        custom: {
+          blue: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          teal: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          green: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          lime: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          orange: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          red: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          pink: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          purple: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          gray: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+          slate: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+        };
+        generic: {
+          default: DesignToken;
+        };
+        important: {
+          default: DesignToken;
+          defaultAlt: DesignToken;
+          hover: DesignToken;
+          hoverAlt: DesignToken;
+          inverse: {
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+          };
+        };
         inactive: {
           default: DesignToken;
           withDefault: DesignToken;
@@ -348,9 +426,6 @@ declare const tokens: {
             withDefault: DesignToken;
           };
         };
-        important: {
-          default: DesignToken;
-        };
         info: {
           default: DesignToken;
           defaultAlt: DesignToken;
@@ -411,10 +486,6 @@ declare const tokens: {
             hoverAlt: DesignToken;
           };
         };
-        callout: {
-          defaultAlt: DesignToken;
-          hoverAlt: DesignToken;
-        };
         reviews: {
           default: DesignToken;
           defaultAlt: DesignToken;
@@ -430,21 +501,6 @@ declare const tokens: {
         contrastLess: DesignToken;
         contrastMore: DesignToken;
       };
-      modifiers: {
-        button: {
-          active: DesignToken;
-          activeAlt: DesignToken;
-          hover: DesignToken;
-          hoverAlt: DesignToken;
-        };
-        input: {
-          disabledBg: DesignToken;
-          disabledFg: DesignToken;
-        };
-        shadow: {
-          standard: DesignToken;
-        };
-      };
     };
   };
 };