@sage/design-tokens 14.2.0 → 14.3.0

package/css/frozenproduct/all.css

@@ -41,6 +41,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -2468,6 +2469,7 @@
   --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
   --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/frozenproduct/large/components/table.css

@@ -33,6 +33,7 @@
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/frozenproduct/large/global.css

@@ -40,6 +40,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */

package/css/frozenproduct/small/components/table.css

@@ -33,6 +33,7 @@
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/frozenproduct/small/global.css

@@ -40,6 +40,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */

package/css/marketing/all.css

@@ -41,6 +41,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -2468,6 +2469,7 @@
   --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
   --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/marketing/large/components/container.css

@@ -15,12 +15,17 @@
   --container-color-ai-nudge-border-ai-vertical: var(--modes-color-status-ai-default-vertical); /* left and right border for AI nudge message component */
   --container-color-ai-tile-bordervertical: var(--modes-color-status-ai-default-vertical); /* left border for AI tiles and bubbles. */
   --container-color-interactive-bg-footer-activated: var(--modes-color-status-positive-default); /*   */
+  --container-color-interactive-bg-footer-active: var(--modes-color-interactive-monochrome-active);
   --container-color-interactive-border-activated: var(--modes-color-status-positive-default);
   --container-color-interactive-bg-footer-default: var(--modes-color-generic-bg-nought); /* tile footer bg color  */
   --container-color-interactive-bg-enabled: var(--modes-color-generic-bg-nought);
+  --container-color-interactive-border-active: var(--modes-color-interactive-monochrome-active);
+  --container-color-interactive-icon-active: var(--modes-color-interactive-monochrome-active); /* Active chevron for any accordion. */
+  --container-color-interactive-text-active: var(--modes-color-interactive-monochrome-active); /* Active label for any accordion. */
   --container-color-interactive-detailedicon-bg: var(--modes-color-custom-default); /*   */
   --container-color-interactive-droptarget-bg-default: var(--modes-color-status-info-default); /* draggable drop target background color */
   --container-color-standard-bg-default: var(--modes-color-generic-bg-nought);
+  --container-color-standard-border-active: var(--modes-color-interactive-monochrome-active);
   --container-color-standard-statusborder-bg-caution: var(--modes-color-status-caution-default);
   --container-color-standard-statusborder-bg-negative: var(--modes-color-status-negative-default);
   --container-color-standard-statusborder-bg-important: var(--modes-color-status-important-default);
@@ -47,17 +52,17 @@
   --container-typography-responsive-paragraph-m: var(--global-typography-responsive-component-moderate-m);
   --container-typography-responsive-paragraph-l: var(--global-typography-responsive-component-moderate-l);
   --container-color-blockquote-border: var(--modes-color-interactive-primary-default);
-  --container-color-interactive-bg-footer-active: var(--modes-color-interactive-monochrome-active);
   --container-color-interactive-bg-hover: var(--modes-color-interactive-monochrome-hover-alt); /* Used for accordion hover backgrounds  */
-  --container-color-interactive-border-active: var(--modes-color-interactive-monochrome-active);
-  --container-color-interactive-icon-active: var(--modes-color-interactive-monochrome-active); /* Active chevron for any accordion. */
-  --container-color-interactive-text-active: var(--modes-color-interactive-monochrome-active); /* Active label for any accordion. */
+  --container-color-interactive-borderalt-hover: var(--modes-color-interactive-monochrome-default); /* For hover border on Link preview. */
+  --container-color-interactive-icon-enabled: var(--modes-color-interactive-monochrome-default); /* Enabled chevron for any accordion. */
+  --container-color-interactive-icon-alt-enabled: var(--modes-color-interactive-monochrome-default-alt); /* Enabled label for subtle accordion. */
+  --container-color-interactive-icon-hover: var(--modes-color-interactive-monochrome-default); /* Hover chevron for any accordion. */
   --container-color-interactive-text-enabled: var(--modes-color-generic-content-harsh); /* Enabled label for standard accordion. */
   --container-color-interactive-text-alt-enabled: var(--modes-color-generic-content-moderate); /* Enabled label for subtle accordion. */
+  --container-color-interactive-text-hover: var(--modes-color-interactive-monochrome-default); /* Hover label for any accordion. */
   --container-color-scrollbar-bg-default: var(--modes-color-generic-bg-faint);
   --container-color-standard-bg-alt: var(--modes-color-generic-bg-faint);
   --container-color-standard-bg-footer-default: var(--modes-color-generic-bg-faint); /* tile footer bg color  */
-  --container-color-standard-border-active: var(--modes-color-interactive-monochrome-active);
   --container-color-standard-dimmer: var(--modes-color-interactive-inactive-mask); /* dimmed mask for dialogs */
   --container-color-standard-text-alt: var(--modes-color-generic-content-moderate); /* for subheadings etc */
   --container-color-standard-text-default: var(--modes-color-generic-content-harsh); /* for headings, paragraph text etc  */
@@ -74,16 +79,11 @@
   --container-boxshadow-card-drag: var(--global-boxshadow-interactive-drag); /* Card (drag state) */
   --container-color-interactive-bg-disabled: var(--modes-color-interactive-inactive-default-alt);
   --container-color-interactive-border-alt: var(--modes-color-generic-fg-delicate); /* Link preview.  */
-  --container-color-interactive-borderalt-hover: var(--modes-color-interactive-monochrome-default); /* For hover border on Link preview. */
   --container-color-interactive-border-inactive: var(--modes-color-generic-fg-soft);
   --container-color-interactive-border-enabled: var(--modes-color-generic-fg-moderate);
-  --container-color-interactive-icon-enabled: var(--modes-color-interactive-monochrome-default); /* Enabled chevron for any accordion. */
-  --container-color-interactive-icon-alt-enabled: var(--modes-color-interactive-monochrome-default-alt); /* Enabled label for subtle accordion. */
-  --container-color-interactive-icon-hover: var(--modes-color-interactive-monochrome-default); /* Hover chevron for any accordion. */
   --container-color-interactive-label-footer-active: var(--modes-color-interactive-monochrome-with-active);
   --container-color-interactive-label-footer-activated: var(--modes-color-interactive-monochrome-with-active);
   --container-color-interactive-text-disabled: var(--modes-color-interactive-inactive-content);
-  --container-color-interactive-text-hover: var(--modes-color-interactive-monochrome-default); /* Hover label for any accordion. */
   --container-color-scrollbar-fg-default: var(--modes-color-generic-fg-moderate);
   --container-color-standard-border-alt: var(--modes-color-generic-fg-soft);
   --container-color-standard-border-default: var(--modes-color-generic-fg-faint);

package/css/marketing/large/components/table.css

@@ -33,6 +33,7 @@
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/marketing/large/global.css

@@ -40,6 +40,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */

package/css/marketing/small/components/table.css

@@ -33,6 +33,7 @@
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/marketing/small/global.css

@@ -40,6 +40,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */

package/css/product/all.css

@@ -41,6 +41,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -2468,6 +2469,7 @@
   --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
   --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/product/large/components/table.css

@@ -33,6 +33,7 @@
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/product/large/global.css

@@ -40,6 +40,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */

package/css/product/small/components/table.css

@@ -33,6 +33,7 @@
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
+  --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */

package/css/product/small/global.css

@@ -40,6 +40,7 @@
   --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar  */
   --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
   --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible.  */
+  --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
   --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
   --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
   --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */

package/ios/frozenproduct/large/dark/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/frozenproduct/large/global.h

@@ -46,6 +46,7 @@
 #define globalBoxshadowContainerDistant [object Object],[object Object]
 #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
 #define globalBoxshadowContainerSolidBorder [object Object]
+#define globalBoxshadowInnerNear [object Object]
 #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
 #define globalBoxshadowInteractiveHover [object Object],[object Object]
 #define globalBoxshadowInteractiveDrag [object Object],[object Object]

package/ios/frozenproduct/large/light/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/frozenproduct/small/dark/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/frozenproduct/small/global.h

@@ -46,6 +46,7 @@
 #define globalBoxshadowContainerDistant [object Object],[object Object]
 #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
 #define globalBoxshadowContainerSolidBorder [object Object]
+#define globalBoxshadowInnerNear [object Object]
 #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
 #define globalBoxshadowInteractiveHover [object Object],[object Object]
 #define globalBoxshadowInteractiveDrag [object Object],[object Object]

package/ios/frozenproduct/small/light/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/marketing/large/dark/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/marketing/large/global.h

@@ -46,6 +46,7 @@
 #define globalBoxshadowContainerDistant [object Object],[object Object]
 #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
 #define globalBoxshadowContainerSolidBorder [object Object]
+#define globalBoxshadowInnerNear [object Object]
 #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
 #define globalBoxshadowInteractiveHover [object Object],[object Object]
 #define globalBoxshadowInteractiveDrag [object Object],[object Object]

package/ios/marketing/large/light/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/marketing/small/dark/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/marketing/small/global.h

@@ -46,6 +46,7 @@
 #define globalBoxshadowContainerDistant [object Object],[object Object]
 #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
 #define globalBoxshadowContainerSolidBorder [object Object]
+#define globalBoxshadowInnerNear [object Object]
 #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
 #define globalBoxshadowInteractiveHover [object Object],[object Object]
 #define globalBoxshadowInteractiveDrag [object Object],[object Object]

package/ios/marketing/small/light/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/product/large/dark/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/product/large/global.h

@@ -46,6 +46,7 @@
 #define globalBoxshadowContainerDistant [object Object],[object Object]
 #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
 #define globalBoxshadowContainerSolidBorder [object Object]
+#define globalBoxshadowInnerNear [object Object]
 #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
 #define globalBoxshadowInteractiveHover [object Object],[object Object]
 #define globalBoxshadowInteractiveDrag [object Object],[object Object]

package/ios/product/large/light/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/product/small/dark/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/ios/product/small/global.h

@@ -46,6 +46,7 @@
 #define globalBoxshadowContainerDistant [object Object],[object Object]
 #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
 #define globalBoxshadowContainerSolidBorder [object Object]
+#define globalBoxshadowInnerNear [object Object]
 #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
 #define globalBoxshadowInteractiveHover [object Object],[object Object]
 #define globalBoxshadowInteractiveDrag [object Object],[object Object]

package/ios/product/small/light/components/table.h

@@ -38,6 +38,7 @@
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
 #define tableBoxshadowParentrow [object Object],[object Object]
+#define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]

package/js/common/frozenproduct/large/dark/components/table.d.ts

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

package/js/common/frozenproduct/large/dark/components/table.js

@@ -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/frozenproduct/large/global.d.ts

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

package/js/common/frozenproduct/large/global.js

@@ -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/frozenproduct/large/light/components/table.d.ts

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

package/js/common/frozenproduct/large/light/components/table.js

@@ -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/frozenproduct/small/dark/components/table.d.ts

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