npm - @sage/design-tokens - Versions diffs - 15.2.2 → 15.4.0 - Mend

@sage/design-tokens 15.2.2 → 15.4.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 (187) hide show

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

@@ -191,12 +191,15 @@
         row: {
           "bg-activated": {
             $type: "color",
-            $value: "#00D639",
+            $value: "#f0f",
+            $description: "TO BE DEPRECATED (was #00D639)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.primary.default}",
+              $value: "#f0f",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
             },
             name: "tableColorRowBgActivated",
             attributes: {},
@@ -204,12 +207,15 @@
           },
           "bg-active": {
             $type: "color",
-            $value: "#FFFFFF",
+            $value: "#F6F",
+            $description: "TO BE DEPRECATED (was #FFFFFF)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.active}",
+              $value: "#F6F",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
             },
             name: "tableColorRowBgActive",
             attributes: {},
@@ -246,13 +252,15 @@
           "bg-alt2": {
             $type: "color",
             $value: "#1f1f1f",
-            $description: "Zebra stripes combined with child rows.",
+            $description:
+              "Zebra stripes combined with child rows. Highlighted rows.",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
               $value: "{modes.color.generic.bg.soft}",
-              $description: "Zebra stripes combined with child rows.",
+              $description:
+                "Zebra stripes combined with child rows. Highlighted rows.",
             },
             name: "tableColorRowBgAlt2",
             attributes: {},
@@ -275,17 +283,30 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#1f1f1f",
+            $value: "#282828",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorRowBgHover",
             attributes: {},
             path: ["table", "color", "row", "bg-hover"],
           },
+          "bg-selected": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.active}",
+            },
+            name: "tableColorRowBgSelected",
+            attributes: {},
+            path: ["table", "color", "row", "bg-selected"],
+          },
           "border-default": {
             $type: "color",
             $value: "#282828",
@@ -301,12 +322,15 @@
           },
           "label-activated": {
             $type: "color",
-            $value: "#000000",
+            $value: "#FAF",
+            $description: "TO BE DEPRECATED (was #000000)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "#FAF",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
             },
             name: "tableColorRowLabelActivated",
             attributes: {},
@@ -314,12 +338,15 @@
           },
           "label-active": {
             $type: "color",
-            $value: "#000000",
+            $value: "#FDF",
+            $description: "TO BE DEPRECATED (was #000000)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "#FDF",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
             },
             name: "tableColorRowLabelActive",
             attributes: {},
@@ -351,16 +378,29 @@
             attributes: {},
             path: ["table", "color", "row", "label-hover"],
           },
+          "label-selected": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.withActive}",
+            },
+            name: "tableColorRowLabelSelected",
+            attributes: {},
+            path: ["table", "color", "row", "label-selected"],
+          },
         },
         footer: {
           "bg-default": {
             $type: "color",
-            $value: "#1f1f1f",
+            $value: "#282828",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorFooterBgDefault",
             attributes: {},

package/js/umd/product/large/light/components/form.js CHANGED Viewed

@@ -1785,6 +1785,57 @@
             },
           },
         },
+        labelset: {
+          inline: {
+            pt: {
+              S: {
+                $type: "spacing",
+                $value: "31",
+                $description: "top padding on S inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "31",
+                  $description: "top padding on S inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtS",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "S"],
+              },
+              M: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtM",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "M"],
+              },
+              L: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline L input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline L input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtL",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "L"],
+              },
+            },
+          },
+        },
         rating: {
           xg: {
             M: {

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

@@ -191,12 +191,15 @@
         row: {
           "bg-activated": {
             $type: "color",
-            $value: "#00811F",
+            $value: "#f0f",
+            $description: "TO BE DEPRECATED (was #00811F)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.primary.default}",
+              $value: "#f0f",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
             },
             name: "tableColorRowBgActivated",
             attributes: {},
@@ -204,12 +207,15 @@
           },
           "bg-active": {
             $type: "color",
-            $value: "#000000",
+            $value: "#F6F",
+            $description: "TO BE DEPRECATED (was #000000)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.active}",
+              $value: "#F6F",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
             },
             name: "tableColorRowBgActive",
             attributes: {},
@@ -246,13 +252,15 @@
           "bg-alt2": {
             $type: "color",
             $value: "#dedede",
-            $description: "Zebra stripes combined with child rows.",
+            $description:
+              "Zebra stripes combined with child rows. Highlighted rows.",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
               $value: "{modes.color.generic.bg.soft}",
-              $description: "Zebra stripes combined with child rows.",
+              $description:
+                "Zebra stripes combined with child rows. Highlighted rows.",
             },
             name: "tableColorRowBgAlt2",
             attributes: {},
@@ -275,17 +283,30 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#dedede",
+            $value: "#d1d1d1",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorRowBgHover",
             attributes: {},
             path: ["table", "color", "row", "bg-hover"],
           },
+          "bg-selected": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.active}",
+            },
+            name: "tableColorRowBgSelected",
+            attributes: {},
+            path: ["table", "color", "row", "bg-selected"],
+          },
           "border-default": {
             $type: "color",
             $value: "#d1d1d1",
@@ -301,12 +322,15 @@
           },
           "label-activated": {
             $type: "color",
-            $value: "#FFFFFF",
+            $value: "#FAF",
+            $description: "TO BE DEPRECATED (was #FFFFFF)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "#FAF",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
             },
             name: "tableColorRowLabelActivated",
             attributes: {},
@@ -314,12 +338,15 @@
           },
           "label-active": {
             $type: "color",
-            $value: "#FFFFFF",
+            $value: "#FDF",
+            $description: "TO BE DEPRECATED (was #FFFFFF)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "#FDF",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
             },
             name: "tableColorRowLabelActive",
             attributes: {},
@@ -351,16 +378,29 @@
             attributes: {},
             path: ["table", "color", "row", "label-hover"],
           },
+          "label-selected": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.withActive}",
+            },
+            name: "tableColorRowLabelSelected",
+            attributes: {},
+            path: ["table", "color", "row", "label-selected"],
+          },
         },
         footer: {
           "bg-default": {
             $type: "color",
-            $value: "#dedede",
+            $value: "#d1d1d1",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorFooterBgDefault",
             attributes: {},

package/js/umd/product/small/dark/components/form.js CHANGED Viewed

@@ -1785,6 +1785,57 @@
             },
           },
         },
+        labelset: {
+          inline: {
+            pt: {
+              S: {
+                $type: "spacing",
+                $value: "31",
+                $description: "top padding on S inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "31",
+                  $description: "top padding on S inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtS",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "S"],
+              },
+              M: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtM",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "M"],
+              },
+              L: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline L input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline L input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtL",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "L"],
+              },
+            },
+          },
+        },
         rating: {
           xg: {
             M: {

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

@@ -191,12 +191,15 @@
         row: {
           "bg-activated": {
             $type: "color",
-            $value: "#00D639",
+            $value: "#f0f",
+            $description: "TO BE DEPRECATED (was #00D639)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.primary.default}",
+              $value: "#f0f",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
             },
             name: "tableColorRowBgActivated",
             attributes: {},
@@ -204,12 +207,15 @@
           },
           "bg-active": {
             $type: "color",
-            $value: "#FFFFFF",
+            $value: "#F6F",
+            $description: "TO BE DEPRECATED (was #FFFFFF)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.active}",
+              $value: "#F6F",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
             },
             name: "tableColorRowBgActive",
             attributes: {},
@@ -246,13 +252,15 @@
           "bg-alt2": {
             $type: "color",
             $value: "#1f1f1f",
-            $description: "Zebra stripes combined with child rows.",
+            $description:
+              "Zebra stripes combined with child rows. Highlighted rows.",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
               $value: "{modes.color.generic.bg.soft}",
-              $description: "Zebra stripes combined with child rows.",
+              $description:
+                "Zebra stripes combined with child rows. Highlighted rows.",
             },
             name: "tableColorRowBgAlt2",
             attributes: {},
@@ -275,17 +283,30 @@
           },
           "bg-hover": {
             $type: "color",
-            $value: "#1f1f1f",
+            $value: "#282828",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorRowBgHover",
             attributes: {},
             path: ["table", "color", "row", "bg-hover"],
           },
+          "bg-selected": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.active}",
+            },
+            name: "tableColorRowBgSelected",
+            attributes: {},
+            path: ["table", "color", "row", "bg-selected"],
+          },
           "border-default": {
             $type: "color",
             $value: "#282828",
@@ -301,12 +322,15 @@
           },
           "label-activated": {
             $type: "color",
-            $value: "#000000",
+            $value: "#FAF",
+            $description: "TO BE DEPRECATED (was #000000)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "#FAF",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
             },
             name: "tableColorRowLabelActivated",
             attributes: {},
@@ -314,12 +338,15 @@
           },
           "label-active": {
             $type: "color",
-            $value: "#000000",
+            $value: "#FDF",
+            $description: "TO BE DEPRECATED (was #000000)",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.withActive}",
+              $value: "#FDF",
+              $description:
+                "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
             },
             name: "tableColorRowLabelActive",
             attributes: {},
@@ -351,16 +378,29 @@
             attributes: {},
             path: ["table", "color", "row", "label-hover"],
           },
+          "label-selected": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.withActive}",
+            },
+            name: "tableColorRowLabelSelected",
+            attributes: {},
+            path: ["table", "color", "row", "label-selected"],
+          },
         },
         footer: {
           "bg-default": {
             $type: "color",
-            $value: "#1f1f1f",
+            $value: "#282828",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorFooterBgDefault",
             attributes: {},

package/js/umd/product/small/light/components/form.js CHANGED Viewed

@@ -1785,6 +1785,57 @@
             },
           },
         },
+        labelset: {
+          inline: {
+            pt: {
+              S: {
+                $type: "spacing",
+                $value: "31",
+                $description: "top padding on S inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "31",
+                  $description: "top padding on S inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtS",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "S"],
+              },
+              M: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtM",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "M"],
+              },
+              L: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline L input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline L input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtL",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "L"],
+              },
+            },
+          },
+        },
         rating: {
           xg: {
             M: {