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/es6/product/small/light/components/form.d.ts CHANGED Viewed

@@ -104,6 +104,9 @@ export const formSpaceIntegralProgressiveYL: number;
 export const formSpaceIntegralProgressiveYgS: number;
 export const formSpaceIntegralProgressiveYgM: number;
 export const formSpaceIntegralProgressiveYgL: number;
+export const formSpaceLabelsetInlinePtS: string;
+export const formSpaceLabelsetInlinePtM: string;
+export const formSpaceLabelsetInlinePtL: string;
 export const formSpaceRatingXgM: number;
 export const formSpaceRatingXgL: number;
 export const formSpaceLayoutStackS: number;

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

@@ -104,6 +104,9 @@ export const formSpaceIntegralProgressiveYL = 16;
 export const formSpaceIntegralProgressiveYgS = 8;
 export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
+export const formSpaceLabelsetInlinePtS = "31";
+export const formSpaceLabelsetInlinePtM = "35";
+export const formSpaceLabelsetInlinePtL = "35";
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
 export const formSpaceLayoutStackS = 16;

package/js/es6/product/small/light/components/table.d.ts CHANGED Viewed

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/product/small/light/components/table.js CHANGED Viewed

@@ -18,19 +18,21 @@ export const tableColorHeaderHarshBgHover = "#00000026";
 export const tableColorHeaderHarshBorderDefault = "#a6a6a6";
 export const tableColorHeaderHarshLabelDefault = "#FFFFFF";
 export const tableColorHeaderHarshLabelHover = "#000000e6";
-export const tableColorRowBgActivated = "#00811F";
-export const tableColorRowBgActive = "#000000";
+export const tableColorRowBgActivated = "#f0f";
+export const tableColorRowBgActive = "#F6F";
 export const tableColorRowBgDefault = "#FFFFFF";
 export const tableColorRowBgAlt = "#e8e8e8";
 export const tableColorRowBgAlt2 = "#dedede";
 export const tableColorRowBgAlt3 = "#f3f3f3";
-export const tableColorRowBgHover = "#dedede";
+export const tableColorRowBgHover = "#d1d1d1";
+export const tableColorRowBgSelected = "#000000";
 export const tableColorRowBorderDefault = "#d1d1d1";
-export const tableColorRowLabelActivated = "#FFFFFF";
-export const tableColorRowLabelActive = "#FFFFFF";
+export const tableColorRowLabelActivated = "#FAF";
+export const tableColorRowLabelActive = "#FDF";
 export const tableColorRowLabelDefault = "#000000f2";
 export const tableColorRowLabelHover = "#000000";
-export const tableColorFooterBgDefault = "#dedede";
+export const tableColorRowLabelSelected = "#FFFFFF";
+export const tableColorFooterBgDefault = "#d1d1d1";
 export const tableColorFooterBorderDefault = "#d1d1d1";
 export const tableColorFooterLabelDefault = "#000000e6";
 export const tableRadiusContainer = 8;

package/js/umd/frozenproduct/large/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/frozenproduct/large/dark/components/table.js CHANGED Viewed

@@ -243,13 +243,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: {},
@@ -283,6 +285,19 @@
             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",
@@ -348,16 +363,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/frozenproduct/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/frozenproduct/large/light/components/table.js CHANGED Viewed

@@ -243,13 +243,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: {},
@@ -283,6 +285,19 @@
             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",
@@ -348,16 +363,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/frozenproduct/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/frozenproduct/small/dark/components/table.js CHANGED Viewed

@@ -243,13 +243,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: {},
@@ -283,6 +285,19 @@
             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",
@@ -348,16 +363,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/frozenproduct/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: {

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

@@ -243,13 +243,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: {},
@@ -283,6 +285,19 @@
             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",
@@ -348,16 +363,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/large/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: {