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

@sage/design-tokens 14.2.0 → 14.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (309) hide show

package/css/frozenproduct/all.css CHANGED Viewed

@@ -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 */
@@ -1473,6 +1474,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -2468,6 +2472,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/form.css CHANGED Viewed

@@ -55,6 +55,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */

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

@@ -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 CHANGED Viewed

@@ -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/form.css CHANGED Viewed

@@ -55,6 +55,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 */
@@ -1473,6 +1474,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -2468,6 +2472,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/form.css CHANGED Viewed

@@ -55,6 +55,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */

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

@@ -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 CHANGED Viewed

@@ -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/form.css CHANGED Viewed

@@ -55,6 +55,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 */
@@ -1473,6 +1474,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -2468,6 +2472,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/form.css CHANGED Viewed

@@ -55,6 +55,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */

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

@@ -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 CHANGED Viewed

@@ -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/form.css CHANGED Viewed

@@ -55,6 +55,9 @@
   --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
   --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
+  --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
+  --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
+  --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
   --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
   --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 20
 #define formSpaceDropdownButtonXM 20
 #define formSpaceDropdownButtonXL 20

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 20
 #define formSpaceDropdownButtonXM 20
 #define formSpaceDropdownButtonXL 20

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

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 16
 #define formSpaceDropdownButtonXM 16
 #define formSpaceDropdownButtonXL 16

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 16
 #define formSpaceDropdownButtonXM 16
 #define formSpaceDropdownButtonXL 16

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

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 20
 #define formSpaceDropdownButtonXM 20
 #define formSpaceDropdownButtonXL 20

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 20
 #define formSpaceDropdownButtonXM 20
 #define formSpaceDropdownButtonXL 20

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

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 16
 #define formSpaceDropdownButtonXM 16
 #define formSpaceDropdownButtonXL 16

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 16
 #define formSpaceDropdownButtonXM 16
 #define formSpaceDropdownButtonXL 16

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

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 20
 #define formSpaceDropdownButtonXM 20
 #define formSpaceDropdownButtonXL 20

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 20
 #define formSpaceDropdownButtonXM 20
 #define formSpaceDropdownButtonXL 20

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

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 16
 #define formSpaceDropdownButtonXM 16
 #define formSpaceDropdownButtonXL 16

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

@@ -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 CHANGED Viewed

@@ -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/form.h CHANGED Viewed

@@ -20,6 +20,9 @@
 #define formSpaceCheckradioYS 3
 #define formSpaceCheckradioYM 2
 #define formSpaceCheckradioYL 4
+#define formSpaceDatepickerPrS 2
+#define formSpaceDatepickerPrM 6
+#define formSpaceDatepickerPrL 10
 #define formSpaceDropdownButtonXS 16
 #define formSpaceDropdownButtonXM 16
 #define formSpaceDropdownButtonXL 16

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

@@ -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/form.d.ts CHANGED Viewed

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