npm - @sage/design-tokens - Versions diffs - 7.1.2 → 7.1.4 - Mend

@sage/design-tokens 7.1.2 → 7.1.4

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

package/js/common/frozenproduct/large/light/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#000000ab",
+        $value: "#000000e6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

package/js/common/frozenproduct/large/light/components/table.js CHANGED Viewed

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#000000ab",
+            $value: "#000000e6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#000000e6",
+            $value: "#000000ab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#00000080",
+            $value: "#FFFFFF",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

package/js/common/frozenproduct/small/dark/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#ffffffab",
+        $value: "#ffffffe6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

package/js/common/frozenproduct/small/dark/components/table.js CHANGED Viewed

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#ffffffab",
+            $value: "#ffffffe6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#ffffffe6",
+            $value: "#ffffffab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#ffffff80",
+            $value: "#000000",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

package/js/common/frozenproduct/small/light/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#000000ab",
+        $value: "#000000e6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

package/js/common/frozenproduct/small/light/components/table.js CHANGED Viewed

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#000000ab",
+            $value: "#000000e6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#000000e6",
+            $value: "#000000ab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#00000080",
+            $value: "#FFFFFF",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

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

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#ffffffab",
+        $value: "#ffffffe6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

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

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#ffffffab",
+            $value: "#ffffffe6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#ffffffe6",
+            $value: "#ffffffab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#ffffff80",
+            $value: "#000000",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

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

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#000000ab",
+        $value: "#000000e6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

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

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#000000ab",
+            $value: "#000000e6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#000000e6",
+            $value: "#000000ab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#00000080",
+            $value: "#FFFFFF",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

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

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#ffffffab",
+        $value: "#ffffffe6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

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

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#ffffffab",
+            $value: "#ffffffe6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#ffffffe6",
+            $value: "#ffffffab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#ffffff80",
+            $value: "#000000",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

package/js/common/marketing/small/light/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#000000ab",
+        $value: "#000000e6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

package/js/common/marketing/small/light/components/table.js CHANGED Viewed

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#000000ab",
+            $value: "#000000e6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#000000e6",
+            $value: "#000000ab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#00000080",
+            $value: "#FFFFFF",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

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

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#ffffffab",
+        $value: "#ffffffe6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

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

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#ffffffab",
+            $value: "#ffffffe6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#ffffffe6",
+            $value: "#ffffffab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#ffffff80",
+            $value: "#000000",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

package/js/common/product/large/light/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#000000ab",
+        $value: "#000000e6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

package/js/common/product/large/light/components/table.js CHANGED Viewed

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#000000ab",
+            $value: "#000000e6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#000000e6",
+            $value: "#000000ab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#00000080",
+            $value: "#FFFFFF",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

package/js/common/product/small/dark/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#ffffffab",
+        $value: "#ffffffe6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},

package/js/common/product/small/dark/components/table.js CHANGED Viewed

@@ -97,13 +97,13 @@ module.exports = {
         harsh: {
           "bg-alt": {
             $type: "color",
-            $value: "#ffffffab",
+            $value: "#ffffffe6",
             $description: "header alt",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+              $value: "{modes.color.interactive.monochrome.generic.default}",
               $description: "header alt",
             },
             name: "tableColorHeaderHarshBgAlt",
@@ -112,12 +112,12 @@ module.exports = {
           },
           "bg-default": {
             $type: "color",
-            $value: "#ffffffe6",
+            $value: "#ffffffab",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.generic.default}",
+              $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
             },
             name: "tableColorHeaderHarshBgDefault",
             attributes: {},
@@ -138,12 +138,13 @@ module.exports = {
           },
           "border-default": {
             $type: "color",
-            $value: "#ffffff80",
+            $value: "#000000",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
+              $value:
+                "{modes.color.interactive.monochrome.generic.withDefault}",
             },
             name: "tableColorHeaderHarshBorderDefault",
             attributes: {},

package/js/common/product/small/light/components/tab.js CHANGED Viewed

@@ -384,12 +384,12 @@ module.exports = {
       },
       "label-enabled": {
         $type: "color",
-        $value: "#000000ab",
+        $value: "#000000e6",
         filePath: "data/tokens/components/tab.json",
         isSource: true,
         original: {
           $type: "color",
-          $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+          $value: "{modes.color.interactive.monochrome.generic.default}",
         },
         name: "tabColorLabelEnabled",
         attributes: {},