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

@sage/design-tokens 14.1.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 (292) 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 */
@@ -2251,6 +2252,12 @@
   --status-color-pill-error-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
   --status-color-pill-error-inverse-bg-alt-default: light-dark(var(--modes-color-status-negative-inverse-default-alt-light), var(--modes-color-status-negative-inverse-default-alt-dark)); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
+  --status-color-pill-important-bg-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
+  --status-color-pill-important-bg-alt-default: light-dark(var(--modes-color-status-important-default-alt-light), var(--modes-color-status-important-default-alt-dark)); /* outline pill bg */
+  --status-color-pill-important-border-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
+  --status-color-pill-important-inverse-bg-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
+  --status-color-pill-important-inverse-bg-alt-default: light-dark(var(--modes-color-status-important-inverse-default-alt-light), var(--modes-color-status-important-inverse-default-alt-dark)); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
   --status-color-pill-info-bg-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
   --status-color-pill-info-bg-alt-default: light-dark(var(--modes-color-status-info-default-alt-light), var(--modes-color-status-info-default-alt-dark)); /* outline pill bg */
   --status-color-pill-info-border-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
@@ -2317,6 +2324,10 @@
   --status-color-pill-error-inverse-bg-hover: light-dark(var(--modes-color-status-negative-inverse-hover-light), var(--modes-color-status-negative-inverse-hover-dark));
   --status-color-pill-generic-inverse-label-default: light-dark(var(--modes-color-status-content-inverse-with-default-light), var(--modes-color-status-content-inverse-with-default-dark));
   --status-color-pill-generic-inverse-label-hover: light-dark(var(--modes-color-status-content-inverse-with-hover-light), var(--modes-color-status-content-inverse-with-hover-dark));
+  --status-color-pill-important-bg-alt-hover: light-dark(var(--modes-color-status-important-hover-alt-light), var(--modes-color-status-important-hover-alt-dark));
+  --status-color-pill-important-bg-hover: light-dark(var(--modes-color-status-important-hover-light), var(--modes-color-status-important-hover-dark));
+  --status-color-pill-important-inverse-bg-alt-hover: light-dark(var(--modes-color-status-important-inverse-hover-alt-light), var(--modes-color-status-important-inverse-hover-alt-dark));
+  --status-color-pill-important-inverse-bg-hover: light-dark(var(--modes-color-status-important-inverse-hover-light), var(--modes-color-status-important-inverse-hover-dark));
   --status-color-pill-info-bg-alt-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
   --status-color-pill-info-bg-hover: light-dark(var(--modes-color-status-info-hover-light), var(--modes-color-status-info-hover-dark));
   --status-color-pill-info-inverse-bg-alt-hover: light-dark(var(--modes-color-status-info-inverse-hover-alt-light), var(--modes-color-status-info-inverse-hover-alt-dark));
@@ -2458,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/status.css CHANGED Viewed

@@ -67,6 +67,12 @@
   --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
   --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
+  --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
+  --status-color-pill-important-border-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
+  --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
   --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
   --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
   --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
   --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
   --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
   --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
+  --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
+  --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
+  --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
+  --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
   --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
   --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
   --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);

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

@@ -67,6 +67,12 @@
   --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
   --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
+  --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
+  --status-color-pill-important-border-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
+  --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
   --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
   --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
   --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
   --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
   --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
   --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
+  --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
+  --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
+  --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
+  --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
   --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
   --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
   --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);

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 */
@@ -2251,6 +2252,12 @@
   --status-color-pill-error-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
   --status-color-pill-error-inverse-bg-alt-default: light-dark(var(--modes-color-status-negative-inverse-default-alt-light), var(--modes-color-status-negative-inverse-default-alt-dark)); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
+  --status-color-pill-important-bg-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
+  --status-color-pill-important-bg-alt-default: light-dark(var(--modes-color-status-important-default-alt-light), var(--modes-color-status-important-default-alt-dark)); /* outline pill bg */
+  --status-color-pill-important-border-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
+  --status-color-pill-important-inverse-bg-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
+  --status-color-pill-important-inverse-bg-alt-default: light-dark(var(--modes-color-status-important-inverse-default-alt-light), var(--modes-color-status-important-inverse-default-alt-dark)); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
   --status-color-pill-info-bg-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
   --status-color-pill-info-bg-alt-default: light-dark(var(--modes-color-status-info-default-alt-light), var(--modes-color-status-info-default-alt-dark)); /* outline pill bg */
   --status-color-pill-info-border-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
@@ -2317,6 +2324,10 @@
   --status-color-pill-error-inverse-bg-hover: light-dark(var(--modes-color-status-negative-inverse-hover-light), var(--modes-color-status-negative-inverse-hover-dark));
   --status-color-pill-generic-inverse-label-default: light-dark(var(--modes-color-status-content-inverse-with-default-light), var(--modes-color-status-content-inverse-with-default-dark));
   --status-color-pill-generic-inverse-label-hover: light-dark(var(--modes-color-status-content-inverse-with-hover-light), var(--modes-color-status-content-inverse-with-hover-dark));
+  --status-color-pill-important-bg-alt-hover: light-dark(var(--modes-color-status-important-hover-alt-light), var(--modes-color-status-important-hover-alt-dark));
+  --status-color-pill-important-bg-hover: light-dark(var(--modes-color-status-important-hover-light), var(--modes-color-status-important-hover-dark));
+  --status-color-pill-important-inverse-bg-alt-hover: light-dark(var(--modes-color-status-important-inverse-hover-alt-light), var(--modes-color-status-important-inverse-hover-alt-dark));
+  --status-color-pill-important-inverse-bg-hover: light-dark(var(--modes-color-status-important-inverse-hover-light), var(--modes-color-status-important-inverse-hover-dark));
   --status-color-pill-info-bg-alt-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
   --status-color-pill-info-bg-hover: light-dark(var(--modes-color-status-info-hover-light), var(--modes-color-status-info-hover-dark));
   --status-color-pill-info-inverse-bg-alt-hover: light-dark(var(--modes-color-status-info-inverse-hover-alt-light), var(--modes-color-status-info-inverse-hover-alt-dark));
@@ -2458,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 CHANGED Viewed

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

@@ -67,6 +67,12 @@
   --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
   --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
+  --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
+  --status-color-pill-important-border-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
+  --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
   --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
   --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
   --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
   --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
   --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
   --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
+  --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
+  --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
+  --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
+  --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
   --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
   --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
   --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);

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

@@ -67,6 +67,12 @@
   --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
   --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
+  --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
+  --status-color-pill-important-border-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
+  --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
   --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
   --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
   --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
   --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
   --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
   --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
+  --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
+  --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
+  --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
+  --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
   --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
   --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
   --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);

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 */
@@ -2251,6 +2252,12 @@
   --status-color-pill-error-inverse-bg-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
   --status-color-pill-error-inverse-bg-alt-default: light-dark(var(--modes-color-status-negative-inverse-default-alt-light), var(--modes-color-status-negative-inverse-default-alt-dark)); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: light-dark(var(--modes-color-status-negative-inverse-default-light), var(--modes-color-status-negative-inverse-default-dark));
+  --status-color-pill-important-bg-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
+  --status-color-pill-important-bg-alt-default: light-dark(var(--modes-color-status-important-default-alt-light), var(--modes-color-status-important-default-alt-dark)); /* outline pill bg */
+  --status-color-pill-important-border-default: light-dark(var(--modes-color-status-important-default-light), var(--modes-color-status-important-default-dark));
+  --status-color-pill-important-inverse-bg-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
+  --status-color-pill-important-inverse-bg-alt-default: light-dark(var(--modes-color-status-important-inverse-default-alt-light), var(--modes-color-status-important-inverse-default-alt-dark)); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: light-dark(var(--modes-color-status-important-inverse-default-light), var(--modes-color-status-important-inverse-default-dark));
   --status-color-pill-info-bg-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
   --status-color-pill-info-bg-alt-default: light-dark(var(--modes-color-status-info-default-alt-light), var(--modes-color-status-info-default-alt-dark)); /* outline pill bg */
   --status-color-pill-info-border-default: light-dark(var(--modes-color-status-info-default-light), var(--modes-color-status-info-default-dark));
@@ -2317,6 +2324,10 @@
   --status-color-pill-error-inverse-bg-hover: light-dark(var(--modes-color-status-negative-inverse-hover-light), var(--modes-color-status-negative-inverse-hover-dark));
   --status-color-pill-generic-inverse-label-default: light-dark(var(--modes-color-status-content-inverse-with-default-light), var(--modes-color-status-content-inverse-with-default-dark));
   --status-color-pill-generic-inverse-label-hover: light-dark(var(--modes-color-status-content-inverse-with-hover-light), var(--modes-color-status-content-inverse-with-hover-dark));
+  --status-color-pill-important-bg-alt-hover: light-dark(var(--modes-color-status-important-hover-alt-light), var(--modes-color-status-important-hover-alt-dark));
+  --status-color-pill-important-bg-hover: light-dark(var(--modes-color-status-important-hover-light), var(--modes-color-status-important-hover-dark));
+  --status-color-pill-important-inverse-bg-alt-hover: light-dark(var(--modes-color-status-important-inverse-hover-alt-light), var(--modes-color-status-important-inverse-hover-alt-dark));
+  --status-color-pill-important-inverse-bg-hover: light-dark(var(--modes-color-status-important-inverse-hover-light), var(--modes-color-status-important-inverse-hover-dark));
   --status-color-pill-info-bg-alt-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
   --status-color-pill-info-bg-hover: light-dark(var(--modes-color-status-info-hover-light), var(--modes-color-status-info-hover-dark));
   --status-color-pill-info-inverse-bg-alt-hover: light-dark(var(--modes-color-status-info-inverse-hover-alt-light), var(--modes-color-status-info-inverse-hover-alt-dark));
@@ -2458,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/status.css CHANGED Viewed

@@ -67,6 +67,12 @@
   --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
   --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
+  --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
+  --status-color-pill-important-border-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
+  --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
   --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
   --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
   --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
   --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
   --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
   --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
+  --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
+  --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
+  --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
+  --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
   --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
   --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
   --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);

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

@@ -67,6 +67,12 @@
   --status-color-pill-error-inverse-bg-default: var(--modes-color-status-negative-inverse-default);
   --status-color-pill-error-inverse-bg-alt-default: var(--modes-color-status-negative-inverse-default-alt); /* outline pill bg */
   --status-color-pill-error-inverse-border-default: var(--modes-color-status-negative-inverse-default);
+  --status-color-pill-important-bg-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-bg-alt-default: var(--modes-color-status-important-default-alt); /* outline pill bg */
+  --status-color-pill-important-border-default: var(--modes-color-status-important-default);
+  --status-color-pill-important-inverse-bg-default: var(--modes-color-status-important-inverse-default);
+  --status-color-pill-important-inverse-bg-alt-default: var(--modes-color-status-important-inverse-default-alt); /* outline pill bg */
+  --status-color-pill-important-inverse-border-default: var(--modes-color-status-important-inverse-default);
   --status-color-pill-info-bg-default: var(--modes-color-status-info-default);
   --status-color-pill-info-bg-alt-default: var(--modes-color-status-info-default-alt); /* outline pill bg */
   --status-color-pill-info-border-default: var(--modes-color-status-info-default);
@@ -142,6 +148,10 @@
   --status-color-pill-error-inverse-bg-hover: var(--modes-color-status-negative-inverse-hover);
   --status-color-pill-generic-inverse-label-default: var(--modes-color-status-content-inverse-with-default);
   --status-color-pill-generic-inverse-label-hover: var(--modes-color-status-content-inverse-with-hover);
+  --status-color-pill-important-bg-alt-hover: var(--modes-color-status-important-hover-alt);
+  --status-color-pill-important-bg-hover: var(--modes-color-status-important-hover);
+  --status-color-pill-important-inverse-bg-alt-hover: var(--modes-color-status-important-inverse-hover-alt);
+  --status-color-pill-important-inverse-bg-hover: var(--modes-color-status-important-inverse-hover);
   --status-color-pill-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
   --status-color-pill-info-bg-hover: var(--modes-color-status-info-hover);
   --status-color-pill-info-inverse-bg-alt-hover: var(--modes-color-status-info-inverse-hover-alt);

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

@@ -114,6 +114,16 @@
 #define statusColorPillGenericInverseLabelHover #FFFFFF
 #define statusColorPillGenericInverseLabelAltDefault #000000f2
 #define statusColorPillGenericInverseLabelAltHover #000000f2
+#define statusColorPillImportantBgDefault #8F4CD7
+#define statusColorPillImportantBgAltDefault #150d19
+#define statusColorPillImportantBgAltHover #231b30
+#define statusColorPillImportantBgHover #a267de
+#define statusColorPillImportantBorderDefault #8F4CD7
+#define statusColorPillImportantInverseBgDefault #985FDC
+#define statusColorPillImportantInverseBgAltDefault #f1e6fa
+#define statusColorPillImportantInverseBgAltHover #daceed
+#define statusColorPillImportantInverseBgHover #8051b8
+#define statusColorPillImportantInverseBorderDefault #985FDC
 #define statusColorPillInfoBgDefault #007ED9
 #define statusColorPillInfoBgAltDefault #111722
 #define statusColorPillInfoBgAltHover #17253a

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

@@ -114,6 +114,16 @@
 #define statusColorPillGenericInverseLabelHover #000000
 #define statusColorPillGenericInverseLabelAltDefault #fffffff2
 #define statusColorPillGenericInverseLabelAltHover #fffffff2
+#define statusColorPillImportantBgDefault #8F4CD7
+#define statusColorPillImportantBgAltDefault #f5edfc
+#define statusColorPillImportantBgAltHover #ded4ee
+#define statusColorPillImportantBgHover #7941b4
+#define statusColorPillImportantBorderDefault #8F4CD7
+#define statusColorPillImportantInverseBgDefault #985FDC
+#define statusColorPillImportantInverseBgAltDefault #1b1422
+#define statusColorPillImportantInverseBgAltHover #282039
+#define statusColorPillImportantInverseBgHover #a977e2
+#define statusColorPillImportantInverseBorderDefault #985FDC
 #define statusColorPillInfoBgDefault #0060A7
 #define statusColorPillInfoBgAltDefault #eaeef6
 #define statusColorPillInfoBgAltHover #cdd7ea

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

@@ -114,6 +114,16 @@
 #define statusColorPillGenericInverseLabelHover #FFFFFF
 #define statusColorPillGenericInverseLabelAltDefault #000000f2
 #define statusColorPillGenericInverseLabelAltHover #000000f2
+#define statusColorPillImportantBgDefault #8F4CD7
+#define statusColorPillImportantBgAltDefault #150d19
+#define statusColorPillImportantBgAltHover #231b30
+#define statusColorPillImportantBgHover #a267de
+#define statusColorPillImportantBorderDefault #8F4CD7
+#define statusColorPillImportantInverseBgDefault #985FDC
+#define statusColorPillImportantInverseBgAltDefault #f1e6fa
+#define statusColorPillImportantInverseBgAltHover #daceed
+#define statusColorPillImportantInverseBgHover #8051b8
+#define statusColorPillImportantInverseBorderDefault #985FDC
 #define statusColorPillInfoBgDefault #007ED9
 #define statusColorPillInfoBgAltDefault #111722
 #define statusColorPillInfoBgAltHover #17253a

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

@@ -114,6 +114,16 @@
 #define statusColorPillGenericInverseLabelHover #000000
 #define statusColorPillGenericInverseLabelAltDefault #fffffff2
 #define statusColorPillGenericInverseLabelAltHover #fffffff2
+#define statusColorPillImportantBgDefault #8F4CD7
+#define statusColorPillImportantBgAltDefault #f5edfc
+#define statusColorPillImportantBgAltHover #ded4ee
+#define statusColorPillImportantBgHover #7941b4
+#define statusColorPillImportantBorderDefault #8F4CD7
+#define statusColorPillImportantInverseBgDefault #985FDC
+#define statusColorPillImportantInverseBgAltDefault #1b1422
+#define statusColorPillImportantInverseBgAltHover #282039
+#define statusColorPillImportantInverseBgHover #a977e2
+#define statusColorPillImportantInverseBorderDefault #985FDC
 #define statusColorPillInfoBgDefault #0060A7
 #define statusColorPillInfoBgAltDefault #eaeef6
 #define statusColorPillInfoBgAltHover #cdd7ea

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]