npm - @sage/design-tokens - Versions diffs - 13.2.0 → 14.0.1 - Mend

@sage/design-tokens 13.2.0 → 14.0.1

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 (1186) hide show

package/js/common/product/large/dark/components/nav.js CHANGED Viewed

@@ -40,7 +40,7 @@ module.exports = {
         },
         "bg-activealt": {
           $type: "color",
-          $value: "#ffffff14",
+          $value: "#ffffff1a",
           filePath: "data/tokens/components/nav.json",
           isSource: true,
           original: {
@@ -66,7 +66,7 @@ module.exports = {
         },
         "bg-hover": {
           $type: "color",
-          $value: "#ffffff14",
+          $value: "#ffffff1a",
           filePath: "data/tokens/components/nav.json",
           isSource: true,
           original: {
@@ -284,7 +284,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
@@ -414,7 +414,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {
@@ -547,7 +547,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#ffffff29",
+            $value: "#ffffff26",
             filePath: "data/tokens/components/nav.json",
             isSource: true,
             original: {

package/js/common/product/large/dark/components/popover.js CHANGED Viewed

@@ -639,7 +639,7 @@ module.exports = {
       },
       "bg-activealt": {
         $type: "color",
-        $value: "#ffffff14",
+        $value: "#ffffff1a",
         $description: "REF'D IN FORM. ",
         filePath: "data/tokens/components/popover.json",
         isSource: true,
@@ -669,7 +669,7 @@ module.exports = {
       },
       "bg-hover": {
         $type: "color",
-        $value: "#ffffff14",
+        $value: "#ffffff1a",
         $description: "REF'D IN FORM. ",
         filePath: "data/tokens/components/popover.json",
         isSource: true,

package/js/common/product/large/dark/components/progress.d.ts CHANGED Viewed

@@ -42,7 +42,9 @@ declare const tokens: {
           M: DesignToken;
         };
       };
-      ring: {
+      spinner: {
+        XXS: DesignToken;
+        XS: DesignToken;
         S: DesignToken;
         M: DesignToken;
         L: DesignToken;

package/js/common/product/large/dark/components/progress.js CHANGED Viewed

@@ -122,7 +122,37 @@ module.exports = {
           },
         },
       },
-      ring: {
+      spinner: {
+        XXS: {
+          $type: "sizing",
+          $value: 16,
+          $description: "Loader ring for XXS size loader spinners",
+          filePath: "data/tokens/components/progress.json",
+          isSource: true,
+          original: {
+            $type: "sizing",
+            $value: "{global.size.macro.XXS}",
+            $description: "Loader ring for XXS size loader spinners",
+          },
+          name: "progressSizeSpinnerXxs",
+          attributes: {},
+          path: ["progress", "size", "spinner", "XXS"],
+        },
+        XS: {
+          $type: "sizing",
+          $value: 20,
+          $description: "Loader ring for XS size loader spinners",
+          filePath: "data/tokens/components/progress.json",
+          isSource: true,
+          original: {
+            $type: "sizing",
+            $value: "{global.size.macro.XS} - {global.size.micro.XS}",
+            $description: "Loader ring for XS size loader spinners",
+          },
+          name: "progressSizeSpinnerXs",
+          attributes: {},
+          path: ["progress", "size", "spinner", "XS"],
+        },
         S: {
           $type: "sizing",
           $value: 32,
@@ -134,9 +164,9 @@ module.exports = {
             $value: "{global.size.macro.S}",
             $description: "Loader ring",
           },
-          name: "progressSizeRingS",
+          name: "progressSizeSpinnerS",
           attributes: {},
-          path: ["progress", "size", "ring", "S"],
+          path: ["progress", "size", "spinner", "S"],
         },
         M: {
           $type: "sizing",
@@ -149,9 +179,9 @@ module.exports = {
             $value: "{global.size.macro.S} * 2",
             $description: "Loader ring",
           },
-          name: "progressSizeRingM",
+          name: "progressSizeSpinnerM",
           attributes: {},
-          path: ["progress", "size", "ring", "M"],
+          path: ["progress", "size", "spinner", "M"],
         },
         L: {
           $type: "sizing",
@@ -164,9 +194,9 @@ module.exports = {
             $value: "{global.size.macro.XS} * 4",
             $description: "Loader ring",
           },
-          name: "progressSizeRingL",
+          name: "progressSizeSpinnerL",
           attributes: {},
-          path: ["progress", "size", "ring", "L"],
+          path: ["progress", "size", "spinner", "L"],
         },
       },
       skeleton: {

package/js/common/product/large/dark/components/status.js CHANGED Viewed

@@ -79,7 +79,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#223121",
+              $value: "#263525",
               $description: "global message bg hover",
               filePath: "data/tokens/components/status.json",
               isSource: true,
@@ -140,7 +140,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#17253b",
+              $value: "#17253a",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -199,7 +199,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#3f1b0b",
+              $value: "#3e1a0b",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -906,7 +906,7 @@ module.exports = {
           },
           "bgAlt-hover": {
             $type: "color",
-            $value: "#3f1a1c",
+            $value: "#3d1a1c",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -919,7 +919,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#eb646c",
+            $value: "#ea626a",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -988,7 +988,7 @@ module.exports = {
             },
             "bgAlt-hover": {
               $type: "color",
-              $value: "#f9d1cf",
+              $value: "#f9d3d1",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1008,7 +1008,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#aa323f",
+              $value: "#ac3240",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1072,7 +1072,7 @@ module.exports = {
           },
           "bgAlt-hover": {
             $type: "color",
-            $value: "#17253b",
+            $value: "#17253a",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1085,7 +1085,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#5291e0",
+            $value: "#4f90df",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1154,7 +1154,7 @@ module.exports = {
             },
             "bgAlt-hover": {
               $type: "color",
-              $value: "#cbd6e9",
+              $value: "#cdd7ea",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1174,7 +1174,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#10508a",
+              $value: "#10518c",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1238,7 +1238,7 @@ module.exports = {
           },
           "bgAlt-hover": {
             $type: "color",
-            $value: "#252525",
+            $value: "#242424",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1251,7 +1251,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#909090",
+            $value: "#8e8e8e",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1320,7 +1320,7 @@ module.exports = {
             },
             "bgAlt-hover": {
               $type: "color",
-              $value: "#d8d8d8",
+              $value: "#d9d9d9",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1340,7 +1340,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#676767",
+              $value: "#696969",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1411,7 +1411,7 @@ module.exports = {
           },
           "bgAlt-hover": {
             $type: "color",
-            $value: "#132b12",
+            $value: "#132912",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1424,7 +1424,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#2e9936",
+            $value: "#359b3b",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1493,7 +1493,7 @@ module.exports = {
             },
             "bgAlt-hover": {
               $type: "color",
-              $value: "#c9e0c7",
+              $value: "#cbe1c9",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1513,7 +1513,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#0e6b1d",
+              $value: "#0e6d1d",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1584,7 +1584,7 @@ module.exports = {
           },
           "bgAlt-hover": {
             $type: "color",
-            $value: "#3f1b0b",
+            $value: "#3e1a0b",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1597,7 +1597,7 @@ module.exports = {
           },
           "bg-hover": {
             $type: "color",
-            $value: "#eb6732",
+            $value: "#eb6530",
             filePath: "data/tokens/components/status.json",
             isSource: true,
             original: {
@@ -1666,7 +1666,7 @@ module.exports = {
             },
             "bgAlt-hover": {
               $type: "color",
-              $value: "#fdd3c0",
+              $value: "#fed5c3",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1686,7 +1686,7 @@ module.exports = {
             },
             "bg-hover": {
               $type: "color",
-              $value: "#b13a0d",
+              $value: "#b33b0d",
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -1810,7 +1810,7 @@ module.exports = {
         },
         "bg-hover": {
           $type: "color",
-          $value: "#18b032",
+          $value: "#17b333",
           filePath: "data/tokens/components/status.json",
           isSource: true,
           original: {

package/js/common/product/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/product/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: {

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

@@ -430,21 +430,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;
-        };
-      };
     };
   };
 };