@sage/design-tokens 15.2.0 → 15.2.2

package/scss/frozenproduct/small/components/progress.scss

@@ -22,22 +22,18 @@ $progress-radius-stepflow: $global-radius-circle; // Step flow (step indicators)
 $progress-radius-stepindicator: $global-radius-circle; // step indicator circles
 $progress-radius-carouselselector: $global-radius-circle; // Carousel (selector dot)
 $progress-radius-skeleton-circle: $global-radius-circle; // Used to represent circular elements such as profiles, badges etc
+$progress-color-bg-default: $modes-color-interactive-progress-frozen-bg-alt;
 $progress-color-fg-ai: $modes-color-interactive-ai-default; // For progress ring in ai buttons
 $progress-color-fg-alt: $modes-color-status-positive-default;
 $progress-color-fg-caution: $modes-color-status-caution-default;
-$progress-color-fg-default: $modes-color-interactive-monochrome-active;
 $progress-color-fg-error: $modes-color-status-negative-default;
 $progress-color-fg-info: $modes-color-status-info-default;
 $progress-color-datavis-fg-default: $modes-color-status-custom-teal-default;
-$progress-color-loader-fg-default: $modes-color-interactive-monochrome-active; // used for loader standard loader spinner
+$progress-color-loader-bg-default: $modes-color-interactive-progress-frozen-bg;
 $progress-color-loader-fg-error: $modes-color-status-negative-default;
 $progress-color-loader-fg-complete: $modes-color-status-positive-default;
-$progress-color-stepflow-bg-active: $modes-color-interactive-monochrome-active;
 $progress-color-stepflow-bg-complete: $modes-color-status-positive-default;
-$progress-color-stepflow-border-active-outer: $modes-color-interactive-monochrome-active;
-$progress-color-stepindicator-bg-active: $modes-color-interactive-monochrome-active;
 $progress-color-stepindicator-bg-complete: $modes-color-status-positive-default;
-$progress-color-stepindicator-border-active-outer: $modes-color-interactive-monochrome-active;
 $progress-color-stepindicator-border-success: $modes-color-status-positive-default;
 $progress-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
 $progress-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
@@ -51,16 +47,21 @@ $progress-typography-responsive-label-l: $global-typography-responsive-component
 $progress-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $progress-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $progress-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
-$progress-color-bg-default: $modes-color-interactive-progress-bg;
+$progress-color-border-default: $modes-color-generic-fg-frozen-soft;
 $progress-color-fg-alt2: $modes-color-generic-content-firm;
+$progress-color-fg-default: $modes-color-generic-fg-frozen-soft;
 $progress-color-label-alt: $modes-color-generic-content-firm;
 $progress-color-label-default: $modes-color-generic-content-harsh;
-$progress-color-loader-bg-default: $modes-color-interactive-progress-bg;
+$progress-color-loader-fg-default: $modes-color-interactive-primary-frozen-default; // used for loader standard loader spinner
 $progress-color-loader-inverse-bg-default: $modes-color-interactive-progress-bg-alt; // used for inverse loader bgs
+$progress-color-stepflow-bg-active: $modes-color-interactive-monochrome-active;
 $progress-color-stepflow-bg-default: $modes-color-generic-fg-nought;
 $progress-color-stepflow-border-active-inner: $modes-color-generic-fg-nought;
+$progress-color-stepflow-border-active-outer: $modes-color-interactive-monochrome-active;
 $progress-color-stepflow-label-alt: $modes-color-generic-content-firm;
 $progress-color-stepflow-label-default: $modes-color-generic-content-harsh;
+$progress-color-stepindicator-bg-active: $modes-color-interactive-monochrome-active;
+$progress-color-stepindicator-border-active-outer: $modes-color-interactive-monochrome-active;
 $progress-color-stepindicator-label-default: $modes-color-generic-content-harsh;
 $progress-size-bar-s: $global-size-micro-xs; // S loader bar
 $progress-size-bar-m: $global-size-micro-m; // M progress tracker bar, M loader bar
@@ -78,7 +79,6 @@ $progress-size-stepflow-m: $global-size-micro-m; // Step height
 $progress-size-stepindicator-bar: $global-size-micro-xxs; // step indicator bar
 $progress-size-stepindicator-stepcircle-s: $global-size-macro-xs; // M size step indicator
 $progress-size-stepindicator-stepcircle-m: $global-size-macro-s; // M size step indicator
-$progress-color-border-default: $modes-color-generic-fg-soft;
 $progress-color-loader-inverse-fg-default: $modes-color-interactive-monochrome-with-active; // used on inverse loading spinner
 $progress-color-stepflow-border-default: $modes-color-generic-fg-soft;
 $progress-color-stepindicator-border-default: $modes-color-generic-fg-soft;

package/scss/frozenproduct/small/components/status.scss

@@ -5,32 +5,29 @@
 
 // Do not edit directly, this file was auto-generated.
 
+$status-color-message-global-info-bg-default: $modes-color-status-info-frozenglobal-default; // Global message bg
+$status-color-message-global-warning-bg-default: $modes-color-status-caution-frozenglobal-default; // Global message bg
 $status-radius-none: $global-radius-none; // Pill (embedded element inner corners)
 $status-color-none: $modes-color-none; // transparent override used for hiding colors when needed.
 $status-color-message-contextual-bg: $modes-color-generic-bg-nought;
 $status-color-message-contextual-icon: $modes-color-generic-bg-nought; // decorative icon on standard contextual messages
 $status-color-message-contextual-icon-alt: $modes-color-status-neutral-default; // icon on neutral status dialogs
-$status-color-message-contextual-ai-bg-alt: $modes-color-status-neutral-default-alt;
+$status-color-message-contextual-callout-bg-alt: $modes-color-status-callout-default-alt; // Subtle message bg
 $status-color-message-contextual-error-bg-default: $modes-color-status-negative-default;
-$status-color-message-contextual-error-bg-alt: $modes-color-status-negative-default-alt; // Subtle message bg
 $status-color-message-contextual-error-border-default: $modes-color-status-negative-default;
 $status-color-message-contextual-error-icon: $modes-color-status-negative-default; // Icon on tinted bgs
 $status-color-message-contextual-info-bg-default: $modes-color-status-info-default;
-$status-color-message-contextual-info-bg-alt: $modes-color-status-info-default-alt; // Subtle message bg
 $status-color-message-contextual-info-border-default: $modes-color-status-info-default;
 $status-color-message-contextual-info-icon: $modes-color-status-info-default; // Icon on tinted bgs
 $status-color-message-contextual-success-bg-default: $modes-color-status-positive-default;
-$status-color-message-contextual-success-bg-alt: $modes-color-status-positive-default-alt; // Subtle message bg
 $status-color-message-contextual-success-border-default: $modes-color-status-positive-default;
 $status-color-message-contextual-success-icon: $modes-color-status-positive-default; // Icon on tinted bgs
 $status-color-message-contextual-warning-bg-default: $modes-color-status-caution-default;
-$status-color-message-contextual-warning-bg-alt: $modes-color-status-caution-default-alt; // Subtle message bg
 $status-color-message-contextual-warning-border-default: $modes-color-status-caution-default;
 $status-color-message-contextual-warning-icon: $modes-color-status-caution-default; // Icon on tinted bgs
-$status-color-message-global-info-bg-default: $modes-color-status-info-default-alt; // Global message bg
-$status-color-message-global-info-icon: $modes-color-status-info-default; // Icon on tinted bgs
-$status-color-message-global-warning-bg-default: $modes-color-status-caution-default-alt; // Global message bg
-$status-color-message-global-warning-icon: $modes-color-status-caution-default; // Icon on tinted bgs
+$status-color-message-global-callout-bg-default: $modes-color-status-callout-default-alt; // Global message bg
+$status-color-message-global-info-bg-hover: $modes-color-status-info-frozenglobal-hover; // Global message bg
+$status-color-message-global-warning-bg-hover: $modes-color-status-caution-frozenglobal-hover; // Global message bg
 $status-color-pill-custom-blue-bg-default: $modes-color-status-custom-blue-default;
 $status-color-pill-custom-blue-bg-alt-default: $modes-color-status-custom-blue-default-alt; // outline pill bg
 $status-color-pill-custom-blue-border-default: $modes-color-status-custom-blue-default;
@@ -62,7 +59,6 @@ $status-color-pill-custom-slate-bg-default: $modes-color-status-custom-slate-def
 $status-color-pill-custom-slate-bg-alt-default: $modes-color-status-custom-slate-default-alt; // outline pill bg
 $status-color-pill-custom-slate-border-default: $modes-color-status-custom-slate-default;
 $status-color-pill-error-bg-default: $modes-color-status-negative-default;
-$status-color-pill-error-bg-alt-default: $modes-color-status-negative-default-alt; // outline pill bg
 $status-color-pill-error-border-default: $modes-color-status-negative-default;
 $status-color-pill-error-inverse-bg-default: $modes-color-status-negative-inverse-default;
 $status-color-pill-error-inverse-bg-alt-default: $modes-color-status-negative-inverse-default-alt; // outline pill bg
@@ -74,25 +70,22 @@ $status-color-pill-important-inverse-bg-default: $modes-color-status-important-i
 $status-color-pill-important-inverse-bg-alt-default: $modes-color-status-important-inverse-default-alt; // outline pill bg
 $status-color-pill-important-inverse-border-default: $modes-color-status-important-inverse-default;
 $status-color-pill-info-bg-default: $modes-color-status-info-default;
-$status-color-pill-info-bg-alt-default: $modes-color-status-info-default-alt; // outline pill bg
 $status-color-pill-info-border-default: $modes-color-status-info-default;
 $status-color-pill-info-inverse-bg-default: $modes-color-status-info-inverse-default;
 $status-color-pill-info-inverse-bg-alt-default: $modes-color-status-info-inverse-default-alt; // outline pill bg
 $status-color-pill-info-inverse-border-default: $modes-color-status-info-inverse-default;
-$status-color-pill-neutral-bg-default: $modes-color-status-neutral-default;
-$status-color-pill-neutral-bg-alt-default: $modes-color-status-neutral-default-alt; // outline pill bg
-$status-color-pill-neutral-border-default: $modes-color-status-neutral-default;
+$status-color-pill-neutral-bg-default: $modes-color-status-neutral-frozen-default;
+$status-color-pill-neutral-bg-hover: $modes-color-status-neutral-frozen-hover;
+$status-color-pill-neutral-border-default: $modes-color-status-neutral-frozen-default;
 $status-color-pill-neutral-inverse-bg-default: $modes-color-status-neutral-inverse-default;
 $status-color-pill-neutral-inverse-bg-alt-default: $modes-color-status-neutral-inverse-default-alt; // outline pill bg
 $status-color-pill-neutral-inverse-border-default: $modes-color-status-neutral-inverse-default;
 $status-color-pill-success-bg-default: $modes-color-status-positive-default;
-$status-color-pill-success-bg-alt-default: $modes-color-status-positive-default-alt; // outline pill bg
 $status-color-pill-success-border-default: $modes-color-status-positive-default;
 $status-color-pill-success-inverse-bg-default: $modes-color-status-positive-inverse-default;
 $status-color-pill-success-inverse-bg-alt-default: $modes-color-status-positive-inverse-default-alt; // outline pill bg
 $status-color-pill-success-inverse-border-default: $modes-color-status-positive-inverse-default;
 $status-color-pill-warning-bg-default: $modes-color-status-caution-default;
-$status-color-pill-warning-bg-alt-default: $modes-color-status-caution-default-alt; // Global message bg
 $status-color-pill-warning-border-default: $modes-color-status-caution-default;
 $status-color-pill-warning-inverse-bg-default: $modes-color-status-caution-inverse-default;
 $status-color-pill-warning-inverse-bg-alt-default: $modes-color-status-caution-inverse-default-alt; // Global message bg
@@ -117,12 +110,14 @@ $status-typography-responsive-heading-m: $global-typography-responsive-component
 $status-typography-responsive-heading-l: $global-typography-responsive-component-firm-l;
 $status-color-message-contextual-text: $modes-color-status-content-with-hover-alt; // Message text.
 $status-color-message-contextual-ai-bg-default: $modes-color-status-ai-default-alt;
+$status-color-message-contextual-ai-bg-alt: $status-color-none; // Subtle message bg
 $status-color-message-contextual-ai-border-default: $modes-color-status-ai-default-alt;
-$status-color-message-contextual-callout-bg-alt: $modes-color-status-callout-default-alt; // Subtle message bg
+$status-color-message-contextual-error-bg-alt: $status-color-none; // Subtle message bg
+$status-color-message-contextual-info-bg-alt: $status-color-none; // Subtle message bg
+$status-color-message-contextual-success-bg-alt: $status-color-none; // Subtle message bg
+$status-color-message-contextual-warning-bg-alt: $status-color-none; // Subtle message bg
 $status-color-message-global-label-hover: $modes-color-interactive-monochrome-with-hover;
-$status-color-message-global-callout-bg-default: $modes-color-status-callout-default-alt; // Global message bg
-$status-color-message-global-info-bg-hover: $modes-color-status-info-hover-alt;
-$status-color-message-global-warning-bg-hover: $modes-color-status-caution-hover-alt;
+$status-color-message-global-callout-bg-hover: $modes-color-status-callout-hover-alt; // global message bg hover
 $status-color-pill-custom-blue-bg-alt-hover: $modes-color-status-custom-blue-hover-alt;
 $status-color-pill-custom-blue-bg-hover: $modes-color-status-custom-blue-hover;
 $status-color-pill-custom-teal-bg-alt-hover: $modes-color-status-custom-teal-hover-alt;
@@ -143,6 +138,7 @@ $status-color-pill-custom-gray-bg-alt-hover: $modes-color-status-custom-gray-hov
 $status-color-pill-custom-gray-bg-hover: $modes-color-status-custom-gray-hover;
 $status-color-pill-custom-slate-bg-alt-hover: $modes-color-status-custom-slate-hover-alt;
 $status-color-pill-custom-slate-bg-hover: $modes-color-status-custom-slate-hover;
+$status-color-pill-error-bg-alt-default: $status-color-none; // outline pill bg
 $status-color-pill-error-bg-alt-hover: $modes-color-status-negative-hover-alt;
 $status-color-pill-error-bg-hover: $modes-color-status-negative-hover;
 $status-color-pill-error-inverse-bg-alt-hover: $modes-color-status-negative-inverse-hover-alt;
@@ -153,31 +149,35 @@ $status-color-pill-important-bg-alt-hover: $modes-color-status-important-hover-a
 $status-color-pill-important-bg-hover: $modes-color-status-important-hover;
 $status-color-pill-important-inverse-bg-alt-hover: $modes-color-status-important-inverse-hover-alt;
 $status-color-pill-important-inverse-bg-hover: $modes-color-status-important-inverse-hover;
+$status-color-pill-info-bg-alt-default: $status-color-none; // outline pill bg
 $status-color-pill-info-bg-alt-hover: $modes-color-status-info-hover-alt;
 $status-color-pill-info-bg-hover: $modes-color-status-info-hover;
 $status-color-pill-info-inverse-bg-alt-hover: $modes-color-status-info-inverse-hover-alt;
 $status-color-pill-info-inverse-bg-hover: $modes-color-status-info-inverse-hover;
-$status-color-pill-neutral-bg-alt-hover: $modes-color-status-neutral-hover-alt;
-$status-color-pill-neutral-bg-hover: $modes-color-status-neutral-hover;
+$status-color-pill-neutral-bg-alt-default: $status-color-none; // outline pill bg
+$status-color-pill-neutral-bg-alt-hover: $modes-color-status-neutral-frozen-hover-alt;
 $status-color-pill-neutral-inverse-bg-alt-hover: $modes-color-status-neutral-inverse-hover-alt;
 $status-color-pill-neutral-inverse-bg-hover: $modes-color-status-neutral-inverse-hover;
 $status-color-pill-readonly-label: $modes-color-generic-content-firm; // Pill (all types, readonly, when nested in disabled parent components)
+$status-color-pill-success-bg-alt-default: $status-color-none; // outline pill bg
 $status-color-pill-success-bg-alt-hover: $modes-color-status-positive-hover-alt;
 $status-color-pill-success-bg-hover: $modes-color-status-positive-hover;
 $status-color-pill-success-inverse-bg-alt-hover: $modes-color-status-positive-inverse-hover-alt;
 $status-color-pill-success-inverse-bg-hover: $modes-color-status-positive-inverse-hover;
+$status-color-pill-warning-bg-alt-default: $status-color-none; // Global message bg
 $status-color-pill-warning-bg-alt-hover: $modes-color-status-caution-hover-alt;
 $status-color-pill-warning-bg-hover: $modes-color-status-caution-hover;
 $status-color-pill-warning-inverse-bg-alt-hover: $modes-color-status-caution-inverse-hover-alt;
 $status-color-pill-warning-inverse-bg-hover: $modes-color-status-caution-inverse-hover;
-$status-color-rating-bg-default: $modes-color-status-reviews-default;
-$status-color-rating-bg-default-alt: $modes-color-status-reviews-default-alt;
-$status-color-rating-bg-hover: $modes-color-status-reviews-hover;
-$status-color-rating-border-default: $modes-color-status-reviews-default;
+$status-color-rating-bg-default: $modes-color-status-reviews-frozen-default;
+$status-color-rating-bg-default-alt: $modes-color-status-reviews-frozen-default-alt;
+$status-color-rating-bg-hover: $modes-color-status-reviews-frozen-hover;
+$status-color-rating-border-default: $modes-color-status-reviews-frozen-default;
 $status-color-message-contextual-callout-icon: $modes-color-status-content-with-default-alt;
 $status-color-message-global-label-default: $modes-color-status-content-with-default-alt;
-$status-color-message-global-callout-bg-hover: $modes-color-status-callout-hover-alt; // global message bg hover
 $status-color-message-global-callout-icon: $modes-color-status-content-with-default-alt; // Icon on tinted bgs
+$status-color-message-global-info-icon: $modes-color-status-content-with-default-alt;
+$status-color-message-global-warning-icon: $modes-color-status-content-with-default-alt;
 $status-color-pill-generic-label-default: $modes-color-status-content-with-default;
 $status-color-pill-generic-label-hover: $modes-color-status-content-with-hover;
 $status-color-pill-generic-label-alt-default: $modes-color-status-content-with-default-alt;
@@ -192,7 +192,7 @@ $status-size-message-statuscontainer-l: $global-size-macro-m; // message and toa
 $status-size-message-global-m: $global-size-macro-m; // Global message minheight
 $status-size-icon-m: $global-size-icon-m;
 $status-radius-message: $global-radius-container-m; // Message
-$status-radius-pill: $global-radius-container-sm; // Pill (outer corners)
+$status-radius-pill: $global-radius-container-xs; // Pill (outer corners)
 $status-borderwidth-pill: $global-borderwidth-s; // Outlined Pill border
 $status-borderwidth-message: $global-borderwidth-xs; // Contextual message and AI inline border
 $status-space-none: $global-space-none;

package/scss/frozenproduct/small/components/tab.scss

@@ -6,9 +6,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $tab-color-bg-enabled: $modes-color-none;
-$tab-color-border-active: $modes-color-interactive-monochrome-active;
-$tab-color-label-active: $modes-color-interactive-monochrome-active;
-$tab-color-icon-active: $modes-color-interactive-monochrome-active;
 $tab-color-navigation-bg-default: $modes-color-generic-bg-nought; // For previous/next buttons on responsive tabs
 $tab-color-validation-border-warning: $modes-color-status-caution-default;
 $tab-color-validation-border-error: $modes-color-status-negative-default;
@@ -21,13 +18,11 @@ $tab-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
 $tab-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
 $tab-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
 $tab-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
-$tab-color-bg-hover: $modes-color-interactive-monochrome-hover-alt; // For anchor nav, not tab.
-$tab-color-icon-enabled: $modes-color-interactive-monochrome-default-alt;
+$tab-color-border-active: $modes-color-interactive-primary-frozen-default;
 $tab-color-icon-hover: $modes-color-interactive-monochrome-with-hover;
-$tab-color-label-enabled: $modes-color-interactive-monochrome-default;
+$tab-color-label-active: $modes-color-interactive-monochrome-active;
+$tab-color-icon-active: $modes-color-interactive-monochrome-active;
 $tab-color-label-hover: $modes-color-interactive-monochrome-with-hover;
-$tab-color-validation-label-error: $modes-color-interactive-monochrome-default-alt;
-$tab-color-validation-label-warning: $modes-color-interactive-monochrome-default-alt;
 $tab-size-m: $global-size-macro-m; // Anchor nav, M Tab
 $tab-size-l: $global-size-macro-l; // L tab
 $tab-size-shadow-arrow: $global-size-micro-m; // Shadow width for linear gradient shadow on repsonsive tab arrows.
@@ -43,12 +38,17 @@ $tab-space-xg-m: $global-space-micro-l; // Gap between elements in Tab.
 $tab-space-xg-l: $global-space-micro-l; // Gap between elements in Tab.
 $tab-space-y-m: $global-space-micro-l; // Top bottom padding in Tab.
 $tab-space-y-l: $global-space-micro-xxl; // Top bottom padding in Tab.
-$tab-color-bg-active: $modes-color-interactive-monochrome-with-active;
+$tab-color-bg-active: $modes-color-interactive-monochrome-with-default;
+$tab-color-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt; // For anchor nav, not tab.
 $tab-color-border-activealt: $modes-color-generic-fg-delicate;
-$tab-color-border-enabled: $modes-color-generic-fg-delicate;
-$tab-color-border-hover: $modes-color-generic-fg-moderate;
-$tab-radius-m: $global-radius-interactive-m; // Tab horizontal - top corners. Tab vertical - left corners.
-$tab-radius-l: $global-radius-interactive-m; // Tab horizontal - top corners. Tab vertical - left corners.
+$tab-color-border-enabled: $modes-color-interactive-monochrome-frozen-hover-alt;
+$tab-color-border-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
+$tab-color-icon-enabled: $modes-color-interactive-monochrome-default-alt;
+$tab-color-label-enabled: $modes-color-interactive-monochrome-default;
+$tab-color-validation-label-error: $modes-color-interactive-monochrome-default-alt;
+$tab-color-validation-label-warning: $modes-color-interactive-monochrome-default-alt;
+$tab-radius-m: $global-radius-interactive-s; // Tab horizontal - top corners. Tab vertical - left corners.
+$tab-radius-l: $global-radius-interactive-s; // Tab horizontal - top corners. Tab vertical - left corners.
 $tab-radius-baseline-m: $global-radius-interactive-xxs;
 $tab-radius-baseline-l: $global-radius-interactive-xxs;
 $tab-radius-indicator-m: $global-radius-interactive-xs; // Indicator for hover and active.

package/scss/frozenproduct/small/components/table.scss

@@ -6,8 +6,11 @@
 // Do not edit directly, this file was auto-generated.
 
 $table-color-header-subtle-bg-default: $modes-color-none;
-$table-color-row-bg-active: $modes-color-interactive-monochrome-active;
+$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-frozen-default;
+$table-color-row-bg-activated: $modes-color-interactive-primary-frozen-table-default;
 $table-color-row-bg-default: $modes-color-generic-bg-nought;
+$table-color-row-bg-alt: $modes-color-generic-bg-frozen-delicate;
+$table-color-row-bg-hover: $modes-color-generic-bg-frozen-soft;
 $table-color-row-label-hover: $modes-color-generic-content-extreme;
 $table-typography-adaptive-heading-s: $global-typography-adaptive-component-firm-s;
 $table-typography-adaptive-heading-m: $global-typography-adaptive-component-firm-m;
@@ -27,33 +30,30 @@ $table-typography-responsive-default-l: $global-typography-responsive-component-
 $table-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
 $table-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
 $table-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
-$table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
-$table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-hover;
-$table-color-header-subtle-label-default: $modes-color-interactive-monochrome-default;
-$table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-default;
-$table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-default; // header alt
-$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-default-alt;
-$table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-hover;
-$table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-default;
-$table-color-row-bg-activated: $modes-color-interactive-primary-default;
-$table-color-row-bg-alt: $modes-color-generic-bg-delicate; // Zebra stripes
+$table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-frozen-default-alt;
 $table-color-row-bg-alt2: $modes-color-generic-bg-soft; // Zebra stripes combined with child rows.
 $table-color-row-bg-alt3: $modes-color-generic-bg-faint; // Child rows.
-$table-color-row-bg-hover: $modes-color-generic-bg-soft;
+$table-color-row-label-activated: $modes-color-interactive-monochrome-with-active-alt;
+$table-color-row-label-active: $modes-color-interactive-monochrome-with-active-alt;
 $table-color-row-label-default: $modes-color-generic-content-harsh;
 $table-color-footer-bg-default: $modes-color-generic-bg-soft;
-$table-color-footer-label-default: $modes-color-interactive-monochrome-default;
 $table-boxshadow-firstchild: $global-boxshadow-inner-near;
 $table-boxshadow-column-sticky-left: $global-boxshadow-cleanedge-near-right; // Right shadow on left hand sticky column.
 $table-boxshadow-column-sticky-right: $global-boxshadow-cleanedge-near-left; // Left shadow on right hand sticky column.
 $table-boxshadow-row-dragging: $global-boxshadow-interactive-drag; // dragging state for a table row
+$table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
+$table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-hover;
 $table-color-header-subtle-border-default: $modes-color-generic-fg-delicate; // Header borders
+$table-color-header-subtle-label-default: $modes-color-interactive-monochrome-default;
+$table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-default;
+$table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-hover;
 $table-color-header-harsh-border-default: $modes-color-generic-fg-soft;
 $table-color-header-harsh-label-default: $modes-color-interactive-monochrome-with-default;
+$table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-default;
+$table-color-row-bg-active: $modes-color-interactive-monochrome-frozen-active-alt;
 $table-color-row-border-default: $modes-color-generic-fg-delicate;
-$table-color-row-label-activated: $modes-color-interactive-monochrome-with-active;
-$table-color-row-label-active: $modes-color-interactive-monochrome-with-active;
 $table-color-footer-border-default: $modes-color-generic-fg-delicate; // Header borders
+$table-color-footer-label-default: $modes-color-interactive-monochrome-default;
 $table-radius-container: $global-radius-container-m; // Table (parent container)
 $table-borderwidth-thin: $global-borderwidth-xs; // Table border. Optional choice of cell border width.
 $table-borderwidth-medium: $global-borderwidth-s; // Header border for subtle. Optional choice of cell border width.

package/scss/product/large/components/form.scss

@@ -45,7 +45,7 @@ $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
 $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
 $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
 $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
-$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt3; // Option subtext.
+$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt2; // Option subtext.
 $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
 $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
 $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state

package/scss/product/small/components/form.scss

@@ -45,7 +45,7 @@ $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
 $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
 $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
 $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
-$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt3; // Option subtext.
+$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt2; // Option subtext.
 $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
 $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
 $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state