npm - @sage/design-tokens - Versions diffs - 14.2.0 → 14.4.0 - Mend

@sage/design-tokens 14.2.0 → 14.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 (309) hide show

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

@@ -433,6 +433,28 @@ module.exports = {
         attributes: {},
         path: ["table", "boxshadow", "parentrow"],
       },
+      firstchild: {
+        $type: "boxShadow",
+        $value: [
+          {
+            x: "0",
+            y: "8",
+            blur: "4",
+            spread: "-4",
+            color: "#0000001A",
+            type: "innerShadow",
+          },
+        ],
+        filePath: "data/tokens/components/table.json",
+        isSource: true,
+        original: {
+          $type: "boxShadow",
+          $value: "{global.boxshadow.inner.near}",
+        },
+        name: "tableBoxshadowFirstchild",
+        attributes: {},
+        path: ["table", "boxshadow", "firstchild"],
+      },
       column: {
         "sticky-left": {
           $type: "boxShadow",

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

@@ -50,6 +50,13 @@ declare const tokens: {
           L: DesignToken;
         };
       };
+      datepicker: {
+        pr: {
+          S: DesignToken;
+          M: DesignToken;
+          L: DesignToken;
+        };
+      };
       dropdown: {
         button: {
           x: {

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

@@ -192,6 +192,55 @@ module.exports = {
           },
         },
       },
+      datepicker: {
+        pr: {
+          S: {
+            $type: "spacing",
+            $value: 2,
+            $description: "right padding on small date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.XS}",
+              $description: "right padding on small date picker input",
+            },
+            name: "formSpaceDatepickerPrS",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "S"],
+          },
+          M: {
+            $type: "spacing",
+            $value: 6,
+            $description: "right padding on medium date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.M}",
+              $description: "right padding on medium date picker input",
+            },
+            name: "formSpaceDatepickerPrM",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "M"],
+          },
+          L: {
+            $type: "spacing",
+            $value: 10,
+            $description: "right padding on large date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.XL}",
+              $description: "right padding on large date picker input",
+            },
+            name: "formSpaceDatepickerPrL",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "L"],
+          },
+        },
+      },
       dropdown: {
         button: {
           x: {

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

@@ -64,6 +64,7 @@ declare const tokens: {
     };
     boxshadow: {
       parentrow: DesignToken;
+      firstchild: DesignToken;
       column: {
         "sticky-left": DesignToken;
         "sticky-right": DesignToken;

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

@@ -433,6 +433,28 @@ module.exports = {
         attributes: {},
         path: ["table", "boxshadow", "parentrow"],
       },
+      firstchild: {
+        $type: "boxShadow",
+        $value: [
+          {
+            x: "0",
+            y: "8",
+            blur: "4",
+            spread: "-4",
+            color: "#0000001A",
+            type: "innerShadow",
+          },
+        ],
+        filePath: "data/tokens/components/table.json",
+        isSource: true,
+        original: {
+          $type: "boxShadow",
+          $value: "{global.boxshadow.inner.near}",
+        },
+        name: "tableBoxshadowFirstchild",
+        attributes: {},
+        path: ["table", "boxshadow", "firstchild"],
+      },
       column: {
         "sticky-left": {
           $type: "boxShadow",

package/js/common/marketing/large/global.d.ts CHANGED Viewed

@@ -70,6 +70,9 @@ declare const tokens: {
         "sticky-footer": DesignToken;
         "solid-border": DesignToken;
       };
+      inner: {
+        near: DesignToken;
+      };
       interactive: {
         enabled: DesignToken;
         hover: DesignToken;

package/js/common/marketing/large/global.js CHANGED Viewed

@@ -791,7 +791,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.0}",
+            $value: "{primitives.box-shadow.down-right.0}",
             $description: "Popovers used in navigation",
             $extensions: {
               "studio.tokens": {
@@ -833,7 +833,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.leftward.0}",
+            $value: "{primitives.box-shadow.left.0}",
             $description: "Right sticky column in Table.",
             $extensions: {
               "studio.tokens": {
@@ -875,7 +875,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.rightward.0}",
+            $value: "{primitives.box-shadow.right.0}",
             $description: "Left sticky column in Table.",
             $extensions: {
               "studio.tokens": {
@@ -920,7 +920,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.1}",
+            $value: "{primitives.box-shadow.down-right.1}",
             $description:
               "Popover menus used on split, multiaction, dropdown and action popovers",
             $extensions: {
@@ -963,7 +963,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.2}",
+            $value: "{primitives.box-shadow.down-right.2}",
             $description: "Toasts",
             $extensions: {
               "studio.tokens": {
@@ -1005,7 +1005,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.3}",
+            $value: "{primitives.box-shadow.down-right.3}",
             $description: "Dialog, Menu, Sidebar ",
             $extensions: {
               "studio.tokens": {
@@ -1047,7 +1047,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.upward.1}",
+            $value: "{primitives.box-shadow.up-right.1}",
             $description: "Sticky footer on dialogs, drawer and sidebar",
             $extensions: {
               "studio.tokens": {
@@ -1096,6 +1096,43 @@ module.exports = {
           path: ["global", "boxshadow", "container", "solid-border"],
         },
       },
+      inner: {
+        near: {
+          $type: "shadow",
+          $value: [
+            {
+              blur: "4px",
+              spread: "-4px",
+              color: "#0000001A",
+              type: "innerShadow",
+              offsetX: "0",
+              offsetY: "8px",
+            },
+          ],
+          $description: "inner downward shadow, used in first child table cell",
+          filePath: "data/tokens/global/shadow.json",
+          isSource: true,
+          $extensions: {
+            "studio.tokens": {
+              originalType: "boxShadow",
+            },
+          },
+          original: {
+            $type: "shadow",
+            $value: "{primitives.box-shadow.inner.1}",
+            $description:
+              "inner downward shadow, used in first child table cell",
+            $extensions: {
+              "studio.tokens": {
+                originalType: "boxShadow",
+              },
+            },
+          },
+          name: "globalBoxshadowInnerNear",
+          attributes: {},
+          path: ["global", "boxshadow", "inner", "near"],
+        },
+      },
       interactive: {
         enabled: {
           $type: "shadow",
@@ -1127,7 +1164,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.1}",
+            $value: "{primitives.box-shadow.down-right.1}",
             $description: "Default card state",
             $extensions: {
               "studio.tokens": {
@@ -1169,7 +1206,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.2}",
+            $value: "{primitives.box-shadow.down-right.2}",
             $description: "Card hover state",
             $extensions: {
               "studio.tokens": {
@@ -1211,7 +1248,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.3}",
+            $value: "{primitives.box-shadow.down-right.3}",
             $description: "Card drag state",
             $extensions: {
               "studio.tokens": {

package/js/common/marketing/large/light/components/form.d.ts CHANGED Viewed

@@ -50,6 +50,13 @@ declare const tokens: {
           L: DesignToken;
         };
       };
+      datepicker: {
+        pr: {
+          S: DesignToken;
+          M: DesignToken;
+          L: DesignToken;
+        };
+      };
       dropdown: {
         button: {
           x: {

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

@@ -192,6 +192,55 @@ module.exports = {
           },
         },
       },
+      datepicker: {
+        pr: {
+          S: {
+            $type: "spacing",
+            $value: 2,
+            $description: "right padding on small date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.XS}",
+              $description: "right padding on small date picker input",
+            },
+            name: "formSpaceDatepickerPrS",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "S"],
+          },
+          M: {
+            $type: "spacing",
+            $value: 6,
+            $description: "right padding on medium date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.M}",
+              $description: "right padding on medium date picker input",
+            },
+            name: "formSpaceDatepickerPrM",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "M"],
+          },
+          L: {
+            $type: "spacing",
+            $value: 10,
+            $description: "right padding on large date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.XL}",
+              $description: "right padding on large date picker input",
+            },
+            name: "formSpaceDatepickerPrL",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "L"],
+          },
+        },
+      },
       dropdown: {
         button: {
           x: {

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

@@ -64,6 +64,7 @@ declare const tokens: {
     };
     boxshadow: {
       parentrow: DesignToken;
+      firstchild: DesignToken;
       column: {
         "sticky-left": DesignToken;
         "sticky-right": DesignToken;

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

@@ -433,6 +433,28 @@ module.exports = {
         attributes: {},
         path: ["table", "boxshadow", "parentrow"],
       },
+      firstchild: {
+        $type: "boxShadow",
+        $value: [
+          {
+            x: "0",
+            y: "8",
+            blur: "4",
+            spread: "-4",
+            color: "#0000001A",
+            type: "innerShadow",
+          },
+        ],
+        filePath: "data/tokens/components/table.json",
+        isSource: true,
+        original: {
+          $type: "boxShadow",
+          $value: "{global.boxshadow.inner.near}",
+        },
+        name: "tableBoxshadowFirstchild",
+        attributes: {},
+        path: ["table", "boxshadow", "firstchild"],
+      },
       column: {
         "sticky-left": {
           $type: "boxShadow",

package/js/common/marketing/small/dark/components/form.d.ts CHANGED Viewed

@@ -50,6 +50,13 @@ declare const tokens: {
           L: DesignToken;
         };
       };
+      datepicker: {
+        pr: {
+          S: DesignToken;
+          M: DesignToken;
+          L: DesignToken;
+        };
+      };
       dropdown: {
         button: {
           x: {

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

@@ -192,6 +192,55 @@ module.exports = {
           },
         },
       },
+      datepicker: {
+        pr: {
+          S: {
+            $type: "spacing",
+            $value: 2,
+            $description: "right padding on small date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.XS}",
+              $description: "right padding on small date picker input",
+            },
+            name: "formSpaceDatepickerPrS",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "S"],
+          },
+          M: {
+            $type: "spacing",
+            $value: 6,
+            $description: "right padding on medium date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.M}",
+              $description: "right padding on medium date picker input",
+            },
+            name: "formSpaceDatepickerPrM",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "M"],
+          },
+          L: {
+            $type: "spacing",
+            $value: 10,
+            $description: "right padding on large date picker input",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.XL}",
+              $description: "right padding on large date picker input",
+            },
+            name: "formSpaceDatepickerPrL",
+            attributes: {},
+            path: ["form", "space", "datepicker", "pr", "L"],
+          },
+        },
+      },
       dropdown: {
         button: {
           x: {

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

@@ -64,6 +64,7 @@ declare const tokens: {
     };
     boxshadow: {
       parentrow: DesignToken;
+      firstchild: DesignToken;
       column: {
         "sticky-left": DesignToken;
         "sticky-right": DesignToken;

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

@@ -433,6 +433,28 @@ module.exports = {
         attributes: {},
         path: ["table", "boxshadow", "parentrow"],
       },
+      firstchild: {
+        $type: "boxShadow",
+        $value: [
+          {
+            x: "0",
+            y: "8",
+            blur: "4",
+            spread: "-4",
+            color: "#0000001A",
+            type: "innerShadow",
+          },
+        ],
+        filePath: "data/tokens/components/table.json",
+        isSource: true,
+        original: {
+          $type: "boxShadow",
+          $value: "{global.boxshadow.inner.near}",
+        },
+        name: "tableBoxshadowFirstchild",
+        attributes: {},
+        path: ["table", "boxshadow", "firstchild"],
+      },
       column: {
         "sticky-left": {
           $type: "boxShadow",

package/js/common/marketing/small/global.d.ts CHANGED Viewed

@@ -70,6 +70,9 @@ declare const tokens: {
         "sticky-footer": DesignToken;
         "solid-border": DesignToken;
       };
+      inner: {
+        near: DesignToken;
+      };
       interactive: {
         enabled: DesignToken;
         hover: DesignToken;

package/js/common/marketing/small/global.js CHANGED Viewed

@@ -791,7 +791,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.0}",
+            $value: "{primitives.box-shadow.down-right.0}",
             $description: "Popovers used in navigation",
             $extensions: {
               "studio.tokens": {
@@ -833,7 +833,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.leftward.0}",
+            $value: "{primitives.box-shadow.left.0}",
             $description: "Right sticky column in Table.",
             $extensions: {
               "studio.tokens": {
@@ -875,7 +875,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.rightward.0}",
+            $value: "{primitives.box-shadow.right.0}",
             $description: "Left sticky column in Table.",
             $extensions: {
               "studio.tokens": {
@@ -920,7 +920,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.1}",
+            $value: "{primitives.box-shadow.down-right.1}",
             $description:
               "Popover menus used on split, multiaction, dropdown and action popovers",
             $extensions: {
@@ -963,7 +963,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.2}",
+            $value: "{primitives.box-shadow.down-right.2}",
             $description: "Toasts",
             $extensions: {
               "studio.tokens": {
@@ -1005,7 +1005,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.3}",
+            $value: "{primitives.box-shadow.down-right.3}",
             $description: "Dialog, Menu, Sidebar ",
             $extensions: {
               "studio.tokens": {
@@ -1047,7 +1047,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.upward.1}",
+            $value: "{primitives.box-shadow.up-right.1}",
             $description: "Sticky footer on dialogs, drawer and sidebar",
             $extensions: {
               "studio.tokens": {
@@ -1096,6 +1096,43 @@ module.exports = {
           path: ["global", "boxshadow", "container", "solid-border"],
         },
       },
+      inner: {
+        near: {
+          $type: "shadow",
+          $value: [
+            {
+              blur: "4px",
+              spread: "-4px",
+              color: "#0000001A",
+              type: "innerShadow",
+              offsetX: "0",
+              offsetY: "8px",
+            },
+          ],
+          $description: "inner downward shadow, used in first child table cell",
+          filePath: "data/tokens/global/shadow.json",
+          isSource: true,
+          $extensions: {
+            "studio.tokens": {
+              originalType: "boxShadow",
+            },
+          },
+          original: {
+            $type: "shadow",
+            $value: "{primitives.box-shadow.inner.1}",
+            $description:
+              "inner downward shadow, used in first child table cell",
+            $extensions: {
+              "studio.tokens": {
+                originalType: "boxShadow",
+              },
+            },
+          },
+          name: "globalBoxshadowInnerNear",
+          attributes: {},
+          path: ["global", "boxshadow", "inner", "near"],
+        },
+      },
       interactive: {
         enabled: {
           $type: "shadow",
@@ -1127,7 +1164,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.1}",
+            $value: "{primitives.box-shadow.down-right.1}",
             $description: "Default card state",
             $extensions: {
               "studio.tokens": {
@@ -1169,7 +1206,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.2}",
+            $value: "{primitives.box-shadow.down-right.2}",
             $description: "Card hover state",
             $extensions: {
               "studio.tokens": {
@@ -1211,7 +1248,7 @@ module.exports = {
           },
           original: {
             $type: "shadow",
-            $value: "{primitives.box-shadow.downward.3}",
+            $value: "{primitives.box-shadow.down-right.3}",
             $description: "Card drag state",
             $extensions: {
               "studio.tokens": {

package/js/common/marketing/small/light/components/form.d.ts CHANGED Viewed

@@ -50,6 +50,13 @@ declare const tokens: {
           L: DesignToken;
         };
       };
+      datepicker: {
+        pr: {
+          S: DesignToken;
+          M: DesignToken;
+          L: DesignToken;
+        };
+      };
       dropdown: {
         button: {
           x: {