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

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

package/js/umd/product/large/global.js CHANGED Viewed

@@ -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": {

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

@@ -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/product/small/dark/components/table.js CHANGED Viewed

@@ -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/product/small/global.js CHANGED Viewed

@@ -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": {

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

@@ -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/json/flat/frozenproduct/large/dark/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#ffffffe6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/frozenproduct/large/global.json CHANGED Viewed

@@ -36,6 +36,7 @@
   "globalBoxshadowContainerDistant": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],
   "globalBoxshadowContainerStickyFooter": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"-1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"-2px"}],
   "globalBoxshadowContainerSolidBorder": [{"blur":"0","spread":"0","color":"#0000004D","type":"innerShadow","offsetX":"0","offsetY":"-1px"}],
+  "globalBoxshadowInnerNear": [{"blur":"4px","spread":"-4px","color":"#0000001A","type":"innerShadow","offsetX":"0","offsetY":"8px"}],
   "globalBoxshadowInteractiveEnabled": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"2px"}],
   "globalBoxshadowInteractiveHover": [{"blur":"3px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"2px"},{"blur":"30px","spread":"0","color":"#00000026","type":"dropShadow","offsetX":"6px","offsetY":"6px"}],
   "globalBoxshadowInteractiveDrag": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],

package/json/flat/frozenproduct/large/light/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#000000e6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/frozenproduct/small/dark/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#ffffffe6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/frozenproduct/small/global.json CHANGED Viewed

@@ -36,6 +36,7 @@
   "globalBoxshadowContainerDistant": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],
   "globalBoxshadowContainerStickyFooter": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"-1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"-2px"}],
   "globalBoxshadowContainerSolidBorder": [{"blur":"0","spread":"0","color":"#0000004D","type":"innerShadow","offsetX":"0","offsetY":"-1px"}],
+  "globalBoxshadowInnerNear": [{"blur":"4px","spread":"-4px","color":"#0000001A","type":"innerShadow","offsetX":"0","offsetY":"8px"}],
   "globalBoxshadowInteractiveEnabled": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"2px"}],
   "globalBoxshadowInteractiveHover": [{"blur":"3px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"2px"},{"blur":"30px","spread":"0","color":"#00000026","type":"dropShadow","offsetX":"6px","offsetY":"6px"}],
   "globalBoxshadowInteractiveDrag": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],

package/json/flat/frozenproduct/small/light/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#000000e6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/marketing/large/dark/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#ffffffe6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/marketing/large/global.json CHANGED Viewed

@@ -36,6 +36,7 @@
   "globalBoxshadowContainerDistant": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],
   "globalBoxshadowContainerStickyFooter": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"-1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"-2px"}],
   "globalBoxshadowContainerSolidBorder": [{"blur":"0","spread":"0","color":"#0000004D","type":"innerShadow","offsetX":"0","offsetY":"-1px"}],
+  "globalBoxshadowInnerNear": [{"blur":"4px","spread":"-4px","color":"#0000001A","type":"innerShadow","offsetX":"0","offsetY":"8px"}],
   "globalBoxshadowInteractiveEnabled": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"2px"}],
   "globalBoxshadowInteractiveHover": [{"blur":"3px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"2px"},{"blur":"30px","spread":"0","color":"#00000026","type":"dropShadow","offsetX":"6px","offsetY":"6px"}],
   "globalBoxshadowInteractiveDrag": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],

package/json/flat/marketing/large/light/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#000000e6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/marketing/small/dark/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#ffffffe6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/marketing/small/global.json CHANGED Viewed

@@ -36,6 +36,7 @@
   "globalBoxshadowContainerDistant": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],
   "globalBoxshadowContainerStickyFooter": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"-1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"-2px"}],
   "globalBoxshadowContainerSolidBorder": [{"blur":"0","spread":"0","color":"#0000004D","type":"innerShadow","offsetX":"0","offsetY":"-1px"}],
+  "globalBoxshadowInnerNear": [{"blur":"4px","spread":"-4px","color":"#0000001A","type":"innerShadow","offsetX":"0","offsetY":"8px"}],
   "globalBoxshadowInteractiveEnabled": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"2px"}],
   "globalBoxshadowInteractiveHover": [{"blur":"3px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"2px"},{"blur":"30px","spread":"0","color":"#00000026","type":"dropShadow","offsetX":"6px","offsetY":"6px"}],
   "globalBoxshadowInteractiveDrag": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],

package/json/flat/marketing/small/light/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#000000e6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/product/large/dark/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#ffffffe6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/product/large/global.json CHANGED Viewed

@@ -36,6 +36,7 @@
   "globalBoxshadowContainerDistant": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],
   "globalBoxshadowContainerStickyFooter": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"-1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"-2px"}],
   "globalBoxshadowContainerSolidBorder": [{"blur":"0","spread":"0","color":"#0000004D","type":"innerShadow","offsetX":"0","offsetY":"-1px"}],
+  "globalBoxshadowInnerNear": [{"blur":"4px","spread":"-4px","color":"#0000001A","type":"innerShadow","offsetX":"0","offsetY":"8px"}],
   "globalBoxshadowInteractiveEnabled": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"2px"}],
   "globalBoxshadowInteractiveHover": [{"blur":"3px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"2px"},{"blur":"30px","spread":"0","color":"#00000026","type":"dropShadow","offsetX":"6px","offsetY":"6px"}],
   "globalBoxshadowInteractiveDrag": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],

package/json/flat/product/large/light/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#000000e6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/product/small/dark/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#ffffffe6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/flat/product/small/global.json CHANGED Viewed

@@ -36,6 +36,7 @@
   "globalBoxshadowContainerDistant": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],
   "globalBoxshadowContainerStickyFooter": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"-1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"-2px"}],
   "globalBoxshadowContainerSolidBorder": [{"blur":"0","spread":"0","color":"#0000004D","type":"innerShadow","offsetX":"0","offsetY":"-1px"}],
+  "globalBoxshadowInnerNear": [{"blur":"4px","spread":"-4px","color":"#0000001A","type":"innerShadow","offsetX":"0","offsetY":"8px"}],
   "globalBoxshadowInteractiveEnabled": [{"blur":"2px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"1px"},{"blur":"10px","spread":"0","color":"#00000033","type":"dropShadow","offsetX":"2px","offsetY":"2px"}],
   "globalBoxshadowInteractiveHover": [{"blur":"3px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"2px"},{"blur":"30px","spread":"0","color":"#00000026","type":"dropShadow","offsetX":"6px","offsetY":"6px"}],
   "globalBoxshadowInteractiveDrag": [{"blur":"4px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"0","offsetY":"3px"},{"blur":"60px","spread":"0","color":"#0000001A","type":"dropShadow","offsetX":"10px","offsetY":"10px"}],

package/json/flat/product/small/light/components/table.json CHANGED Viewed

@@ -28,6 +28,7 @@
   "tableColorFooterLabelDefault": "#000000e6",
   "tableRadiusContainer": 8,
   "tableBoxshadowParentrow": [{"x":"0","y":"2","blur":"3","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"6","y":"6","blur":"30","spread":"0","color":"#00000026","type":"dropShadow"}],
+  "tableBoxshadowFirstchild": [{"x":"0","y":"8","blur":"4","spread":"-4","color":"#0000001A","type":"innerShadow"}],
   "tableBoxshadowColumnStickyLeft": [{"x":"2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowColumnStickyRight": [{"x":"-2","y":"0","blur":"2","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"-5","y":"0","blur":"5","spread":"0","color":"#0000001A","type":"dropShadow"}],
   "tableBoxshadowRowDragging": [{"x":"0","y":"3","blur":"4","spread":"0","color":"#0000001A","type":"dropShadow"},{"x":"10","y":"10","blur":"60","spread":"0","color":"#0000001A","type":"dropShadow"}],

package/json/nested/frozenproduct/large/dark/components/table.json CHANGED Viewed

@@ -61,6 +61,16 @@
           "type": "dropShadow"
         }
       ],
+      "firstchild": [
+        {
+          "x": "0",
+          "y": "8",
+          "blur": "4",
+          "spread": "-4",
+          "color": "#0000001A",
+          "type": "innerShadow"
+        }
+      ],
       "column": {
         "sticky-left": [
           {

package/json/nested/frozenproduct/large/global.json CHANGED Viewed

@@ -187,6 +187,18 @@
           }
         ]
       },
+      "inner": {
+        "near": [
+          {
+            "blur": "4px",
+            "spread": "-4px",
+            "color": "#0000001A",
+            "type": "innerShadow",
+            "offsetX": "0",
+            "offsetY": "8px"
+          }
+        ]
+      },
       "interactive": {
         "enabled": [
           {