@sage/design-tokens 14.2.0 → 14.4.0

package/js/es6/marketing/large/light/components/table.js

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/es6/marketing/small/dark/components/form.d.ts

@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
+export const formSpaceDatepickerPrS: number;
+export const formSpaceDatepickerPrM: number;
+export const formSpaceDatepickerPrL: number;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;

package/js/es6/marketing/small/dark/components/form.js

@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
+export const formSpaceDatepickerPrS = 2;
+export const formSpaceDatepickerPrM = 6;
+export const formSpaceDatepickerPrL = 10;
 export const formSpaceDropdownButtonXS = 16;
 export const formSpaceDropdownButtonXM = 16;
 export const formSpaceDropdownButtonXL = 16;

package/js/es6/marketing/small/dark/components/table.d.ts

@@ -42,6 +42,14 @@ export const tableBoxshadowParentrow: {
   color: string;
   type: string;
 }[];
+export const tableBoxshadowFirstchild: {
+  x: string;
+  y: string;
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+}[];
 export const tableBoxshadowColumnStickyLeft: {
   x: string;
   y: string;

package/js/es6/marketing/small/dark/components/table.js

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/es6/marketing/small/global.d.ts

@@ -106,6 +106,14 @@ export const globalBoxshadowContainerSolidBorder: {
   offsetX: string;
   offsetY: string;
 }[];
+export const globalBoxshadowInnerNear: {
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+  offsetX: string;
+  offsetY: string;
+}[];
 export const globalBoxshadowInteractiveEnabled: {
   blur: string;
   spread: string;

package/js/es6/marketing/small/global.js

@@ -180,6 +180,16 @@ export const globalBoxshadowContainerSolidBorder = [
     offsetY: "-1px",
   },
 ];
+export const globalBoxshadowInnerNear = [
+  {
+    blur: "4px",
+    spread: "-4px",
+    color: "#0000001A",
+    type: "innerShadow",
+    offsetX: "0",
+    offsetY: "8px",
+  },
+];
 export const globalBoxshadowInteractiveEnabled = [
   {
     blur: "2px",

package/js/es6/marketing/small/light/components/form.d.ts

@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
+export const formSpaceDatepickerPrS: number;
+export const formSpaceDatepickerPrM: number;
+export const formSpaceDatepickerPrL: number;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;

package/js/es6/marketing/small/light/components/form.js

@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
+export const formSpaceDatepickerPrS = 2;
+export const formSpaceDatepickerPrM = 6;
+export const formSpaceDatepickerPrL = 10;
 export const formSpaceDropdownButtonXS = 16;
 export const formSpaceDropdownButtonXM = 16;
 export const formSpaceDropdownButtonXL = 16;

package/js/es6/marketing/small/light/components/table.d.ts

@@ -42,6 +42,14 @@ export const tableBoxshadowParentrow: {
   color: string;
   type: string;
 }[];
+export const tableBoxshadowFirstchild: {
+  x: string;
+  y: string;
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+}[];
 export const tableBoxshadowColumnStickyLeft: {
   x: string;
   y: string;

package/js/es6/marketing/small/light/components/table.js

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/es6/product/large/dark/components/form.d.ts

@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
+export const formSpaceDatepickerPrS: number;
+export const formSpaceDatepickerPrM: number;
+export const formSpaceDatepickerPrL: number;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;

package/js/es6/product/large/dark/components/form.js

@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
+export const formSpaceDatepickerPrS = 2;
+export const formSpaceDatepickerPrM = 6;
+export const formSpaceDatepickerPrL = 10;
 export const formSpaceDropdownButtonXS = 20;
 export const formSpaceDropdownButtonXM = 20;
 export const formSpaceDropdownButtonXL = 20;

package/js/es6/product/large/dark/components/table.d.ts

@@ -42,6 +42,14 @@ export const tableBoxshadowParentrow: {
   color: string;
   type: string;
 }[];
+export const tableBoxshadowFirstchild: {
+  x: string;
+  y: string;
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+}[];
 export const tableBoxshadowColumnStickyLeft: {
   x: string;
   y: string;

package/js/es6/product/large/dark/components/table.js

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/es6/product/large/global.d.ts

@@ -106,6 +106,14 @@ export const globalBoxshadowContainerSolidBorder: {
   offsetX: string;
   offsetY: string;
 }[];
+export const globalBoxshadowInnerNear: {
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+  offsetX: string;
+  offsetY: string;
+}[];
 export const globalBoxshadowInteractiveEnabled: {
   blur: string;
   spread: string;

package/js/es6/product/large/global.js

@@ -180,6 +180,16 @@ export const globalBoxshadowContainerSolidBorder = [
     offsetY: "-1px",
   },
 ];
+export const globalBoxshadowInnerNear = [
+  {
+    blur: "4px",
+    spread: "-4px",
+    color: "#0000001A",
+    type: "innerShadow",
+    offsetX: "0",
+    offsetY: "8px",
+  },
+];
 export const globalBoxshadowInteractiveEnabled = [
   {
     blur: "2px",

package/js/es6/product/large/light/components/form.d.ts

@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
+export const formSpaceDatepickerPrS: number;
+export const formSpaceDatepickerPrM: number;
+export const formSpaceDatepickerPrL: number;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;

package/js/es6/product/large/light/components/form.js

@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
+export const formSpaceDatepickerPrS = 2;
+export const formSpaceDatepickerPrM = 6;
+export const formSpaceDatepickerPrL = 10;
 export const formSpaceDropdownButtonXS = 20;
 export const formSpaceDropdownButtonXM = 20;
 export const formSpaceDropdownButtonXL = 20;

package/js/es6/product/large/light/components/table.d.ts

@@ -42,6 +42,14 @@ export const tableBoxshadowParentrow: {
   color: string;
   type: string;
 }[];
+export const tableBoxshadowFirstchild: {
+  x: string;
+  y: string;
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+}[];
 export const tableBoxshadowColumnStickyLeft: {
   x: string;
   y: string;

package/js/es6/product/large/light/components/table.js

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/es6/product/small/dark/components/form.d.ts

@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
+export const formSpaceDatepickerPrS: number;
+export const formSpaceDatepickerPrM: number;
+export const formSpaceDatepickerPrL: number;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;

package/js/es6/product/small/dark/components/form.js

@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
+export const formSpaceDatepickerPrS = 2;
+export const formSpaceDatepickerPrM = 6;
+export const formSpaceDatepickerPrL = 10;
 export const formSpaceDropdownButtonXS = 16;
 export const formSpaceDropdownButtonXM = 16;
 export const formSpaceDropdownButtonXL = 16;

package/js/es6/product/small/dark/components/table.d.ts

@@ -42,6 +42,14 @@ export const tableBoxshadowParentrow: {
   color: string;
   type: string;
 }[];
+export const tableBoxshadowFirstchild: {
+  x: string;
+  y: string;
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+}[];
 export const tableBoxshadowColumnStickyLeft: {
   x: string;
   y: string;

package/js/es6/product/small/dark/components/table.js

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/es6/product/small/global.d.ts

@@ -106,6 +106,14 @@ export const globalBoxshadowContainerSolidBorder: {
   offsetX: string;
   offsetY: string;
 }[];
+export const globalBoxshadowInnerNear: {
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+  offsetX: string;
+  offsetY: string;
+}[];
 export const globalBoxshadowInteractiveEnabled: {
   blur: string;
   spread: string;

package/js/es6/product/small/global.js

@@ -180,6 +180,16 @@ export const globalBoxshadowContainerSolidBorder = [
     offsetY: "-1px",
   },
 ];
+export const globalBoxshadowInnerNear = [
+  {
+    blur: "4px",
+    spread: "-4px",
+    color: "#0000001A",
+    type: "innerShadow",
+    offsetX: "0",
+    offsetY: "8px",
+  },
+];
 export const globalBoxshadowInteractiveEnabled = [
   {
     blur: "2px",

package/js/es6/product/small/light/components/form.d.ts

@@ -17,6 +17,9 @@ export const formSpaceChipYgL: number;
 export const formSpaceCheckradioYS: number;
 export const formSpaceCheckradioYM: number;
 export const formSpaceCheckradioYL: number;
+export const formSpaceDatepickerPrS: number;
+export const formSpaceDatepickerPrM: number;
+export const formSpaceDatepickerPrL: number;
 export const formSpaceDropdownButtonXS: number;
 export const formSpaceDropdownButtonXM: number;
 export const formSpaceDropdownButtonXL: number;

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

@@ -17,6 +17,9 @@ export const formSpaceChipYgL = 12;
 export const formSpaceCheckradioYS = 3;
 export const formSpaceCheckradioYM = 2;
 export const formSpaceCheckradioYL = 4;
+export const formSpaceDatepickerPrS = 2;
+export const formSpaceDatepickerPrM = 6;
+export const formSpaceDatepickerPrL = 10;
 export const formSpaceDropdownButtonXS = 16;
 export const formSpaceDropdownButtonXM = 16;
 export const formSpaceDropdownButtonXL = 16;

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

@@ -42,6 +42,14 @@ export const tableBoxshadowParentrow: {
   color: string;
   type: string;
 }[];
+export const tableBoxshadowFirstchild: {
+  x: string;
+  y: string;
+  blur: string;
+  spread: string;
+  color: string;
+  type: string;
+}[];
 export const tableBoxshadowColumnStickyLeft: {
   x: string;
   y: string;

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

@@ -52,6 +52,16 @@ export const tableBoxshadowParentrow = [
     type: "dropShadow",
   },
 ];
+export const tableBoxshadowFirstchild = [
+  {
+    x: "0",
+    y: "8",
+    blur: "4",
+    spread: "-4",
+    color: "#0000001A",
+    type: "innerShadow",
+  },
+];
 export const tableBoxshadowColumnStickyLeft = [
   {
     x: "2",

package/js/umd/frozenproduct/large/dark/components/form.js

@@ -203,6 +203,55 @@
             },
           },
         },
+        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/umd/frozenproduct/large/dark/components/table.js

@@ -444,6 +444,28 @@
           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/umd/frozenproduct/large/global.js

@@ -803,7 +803,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.downward.0}",
+              $value: "{primitives.box-shadow.down-right.0}",
               $description: "Popovers used in navigation",
               $extensions: {
                 "studio.tokens": {
@@ -845,7 +845,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.leftward.0}",
+              $value: "{primitives.box-shadow.left.0}",
               $description: "Right sticky column in Table.",
               $extensions: {
                 "studio.tokens": {
@@ -887,7 +887,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.rightward.0}",
+              $value: "{primitives.box-shadow.right.0}",
               $description: "Left sticky column in Table.",
               $extensions: {
                 "studio.tokens": {
@@ -932,7 +932,7 @@
             },
             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: {
@@ -975,7 +975,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.downward.2}",
+              $value: "{primitives.box-shadow.down-right.2}",
               $description: "Toasts",
               $extensions: {
                 "studio.tokens": {
@@ -1017,7 +1017,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.downward.3}",
+              $value: "{primitives.box-shadow.down-right.3}",
               $description: "Dialog, Menu, Sidebar ",
               $extensions: {
                 "studio.tokens": {
@@ -1059,7 +1059,7 @@
             },
             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": {
@@ -1108,6 +1108,44 @@
             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",
@@ -1139,7 +1177,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.downward.1}",
+              $value: "{primitives.box-shadow.down-right.1}",
               $description: "Default card state",
               $extensions: {
                 "studio.tokens": {
@@ -1181,7 +1219,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.downward.2}",
+              $value: "{primitives.box-shadow.down-right.2}",
               $description: "Card hover state",
               $extensions: {
                 "studio.tokens": {
@@ -1223,7 +1261,7 @@
             },
             original: {
               $type: "shadow",
-              $value: "{primitives.box-shadow.downward.3}",
+              $value: "{primitives.box-shadow.down-right.3}",
               $description: "Card drag state",
               $extensions: {
                 "studio.tokens": {