npm - @sage/design-tokens - Versions diffs - 15.2.0 → 15.2.2 - Mend

@sage/design-tokens 15.2.0 → 15.2.2

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 (470) hide show

package/scss/frozenproduct/large/components/tab.scss CHANGED Viewed

@@ -6,7 +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
@@ -21,7 +20,10 @@ $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-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt; // For anchor nav, not tab.
+$tab-color-border-active: $modes-color-interactive-primary-frozen-default;
+$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-icon-hover: $modes-color-interactive-monochrome-with-hover;
 $tab-color-label-enabled: $modes-color-interactive-monochrome-default;
@@ -43,12 +45,10 @@ $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-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-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/large/components/table.scss CHANGED Viewed

@@ -6,8 +6,10 @@
 // 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-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;
@@ -31,15 +33,15 @@ $table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-de
 $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-alt: $modes-color-interactive-monochrome-frozen-default-alt;
+$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-frozen-default;
 $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-row-bg-active: $modes-color-interactive-monochrome-frozen-active-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;
@@ -51,8 +53,6 @@ $table-color-header-subtle-border-default: $modes-color-generic-fg-delicate; //
 $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-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-radius-container: $global-radius-container-m; // Table (parent container)
 $table-borderwidth-thin: $global-borderwidth-xs; // Table border. Optional choice of cell border width.

package/scss/frozenproduct/small/components/badge.scss CHANGED Viewed

@@ -5,9 +5,10 @@
 // Do not edit directly, this file was auto-generated.
+$badge-color-notification-bg-default: $modes-color-status-caution-frozenglobal-default;
 $badge-radius-badge: $global-radius-circle; // Badge
-$badge-color-notification-bg-default: $modes-color-status-negative-default; // Used in global nav notification badges
 $badge-color-notification-bg-alt: $modes-color-status-info-default;
+$badge-color-notification-label-default: $modes-color-generic-content-extreme;
 $badge-color-notification-inverse-border-default: $modes-color-generic-content-extreme;
 $badge-color-notification-inverse-bg-default: $modes-color-status-negative-inverse-default; // Used in global nav notification badges
 $badge-color-notification-inverse-bg-alt: $modes-color-status-info-inverse-default;
@@ -16,8 +17,7 @@ $badge-color-notification-inverse-label-alt: $modes-color-generic-content-extrem
 $badge-typography-responsive-m: $global-typography-responsive-component-notification-m;
 $badge-typography-adaptive-m: $global-typography-adaptive-component-notification-m;
 $badge-color-notification-border-default: $modes-color-generic-content-nought;
-$badge-color-notification-label-default: $modes-color-generic-content-nought;
-$badge-color-notification-label-alt: $modes-color-generic-content-nought;
+$badge-color-notification-label-alt: $modes-color-generic-fg-nought;
 $badge-size-micro-dot: $global-size-micro-m; // Micro dot badge size
 $badge-size-micro-numbered-min: $global-size-macro-xxs; // Micro dot badge size with numbering
 $badge-size-micro-numbered-max: $global-size-macro-s; // Micro dot badge size max width

package/scss/frozenproduct/small/components/button.scss CHANGED Viewed

@@ -36,10 +36,15 @@ $button-color-typical-primary-inverse-label-enabled: $modes-color-interactive-pr
 $button-color-typical-primary-inverse-label-hover: $modes-color-interactive-primary-inverse-with-default;
 $button-color-typical-secondary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
 $button-color-typical-secondary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
+$button-color-typical-tertiary-bg-enabled: $modes-color-none;
+$button-color-typical-tertiary-border-disabled: $modes-color-none;
+$button-color-typical-tertiary-border-enabled: $modes-color-none;
+$button-color-typical-tertiary-border-hover: $modes-color-none;
 $button-color-typical-tertiary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
 $button-color-typical-tertiary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
+$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-frozen-default;
 $button-color-typical-subtle-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
-$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-active;
+$button-color-typical-toggle-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $button-typography-adaptive-primary-s: $global-typography-adaptive-component-firm-s;
 $button-typography-adaptive-primary-m: $global-typography-adaptive-component-firm-m;
 $button-typography-adaptive-primary-l: $global-typography-adaptive-component-firm-l;
@@ -71,34 +76,21 @@ $button-typography-responsive-tertiary-s: $global-typography-responsive-componen
 $button-typography-responsive-tertiary-m: $global-typography-responsive-component-firm-m;
 $button-typography-responsive-tertiary-l: $global-typography-responsive-component-firm-l;
 $button-color-ai-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
 $button-color-ai-label-hover: $modes-color-interactive-monochrome-with-hover;
 $button-color-destructive-primary-bg-hover: $modes-color-interactive-danger-hover;
 $button-color-destructive-secondary-bg-hover: $modes-color-interactive-danger-hover-alt;
 $button-color-destructive-secondary-border-hover: $modes-color-interactive-danger-hover;
 $button-color-destructive-secondary-label-hover: $modes-color-interactive-danger-hover;
-$button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-default;
+$button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-frozen-default;
 $button-color-typical-primary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default;
-$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-with-hover;
-$button-color-typical-tertiary-bg-enabled: $button-color-none;
-$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-with-hover;
+$button-color-typical-secondary-border-enabled: $modes-color-interactive-primary-frozen-default;
+$button-color-typical-secondary-label-enabled: $modes-color-interactive-primary-frozen-default;
+$button-color-typical-tertiary-label-enabled: $modes-color-interactive-primary-frozen-default;
 $button-color-typical-tertiary-inverse-bg-enabled: $button-color-none;
-$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
-$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-with-hover;
-$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
-$button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-default-alt;
-$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-with-hover;
+$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-frozen-active;
+$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-frozen-active;
+$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-frozen-default-alt;
 $button-color-video-bg-blur: $modes-color-interactive-monochrome-hover-alt;
-$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
-$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
 $button-size-split: $global-size-micro-xxs; // Split button (divider width)
 $button-size-xs: $global-size-macro-xs; // min-height on XS Buttons
 $button-size-s: $global-size-macro-s; // min-height on S Buttons
@@ -236,56 +228,67 @@ $button-space-video-x-s: $global-space-micro-xs; // Left padding on play icon in
 $button-space-video-x-m: $global-space-micro-xs; // Left padding on play icon in video button
 $button-space-video-x-l: $global-space-micro-xs; // Left padding on play icon in video button
 $button-color-ai-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
 $button-color-destructive-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-destructive-secondary-label-disabled: $modes-color-interactive-inactive-content;
-$button-color-typical-primary-bg-active: $modes-color-interactive-primary-active;
-$button-color-typical-primary-bg-hover: $modes-color-interactive-primary-hover;
+$button-color-typical-primary-bg-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-primary-bg-hover: $modes-color-interactive-primary-frozen-hover;
 $button-color-typical-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-typical-primary-inverse-bg-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-primary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover;
-$button-color-typical-secondary-bg-active: $modes-color-interactive-primary-active-alt;
+$button-color-typical-secondary-bg-active: $modes-color-interactive-primary-frozen-active;
 $button-color-typical-secondary-bg-enabled: $modes-color-interactive-primary-default-alt3;
-$button-color-typical-secondary-bg-hover: $modes-color-interactive-primary-hover-alt;
-$button-color-typical-secondary-border-active: $modes-color-interactive-primary-active;
-$button-color-typical-secondary-border-enabled: $modes-color-interactive-primary-default-alt;
-$button-color-typical-secondary-border-hover: $modes-color-interactive-primary-hover;
+$button-color-typical-secondary-bg-hover: $modes-color-interactive-primary-frozen-hover;
+$button-color-typical-secondary-border-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-secondary-border-hover: $modes-color-interactive-primary-frozen-hover;
+$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-secondary-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-frozen-with-hover-alt;
 $button-color-typical-secondary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
 $button-color-typical-secondary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default-alt3;
+$button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-secondary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-secondary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
 $button-color-typical-secondary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
 $button-color-typical-secondary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-secondary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-secondary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
-$button-color-typical-tertiary-bg-active: $modes-color-interactive-primary-active-alt;
-$button-color-typical-tertiary-bg-hover: $modes-color-interactive-primary-hover-alt;
-$button-color-typical-tertiary-border-active: $modes-color-interactive-primary-active;
-$button-color-typical-tertiary-border-enabled: $modes-color-interactive-primary-default-alt;
-$button-color-typical-tertiary-border-hover: $modes-color-interactive-primary-hover;
+$button-color-typical-tertiary-bg-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-tertiary-bg-hover: $modes-color-interactive-primary-frozen-hover;
+$button-color-typical-tertiary-border-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-tertiary-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-frozen-with-hover-alt;
 $button-color-typical-tertiary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
+$button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-tertiary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-tertiary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
 $button-color-typical-tertiary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
 $button-color-typical-tertiary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-tertiary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-tertiary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
-$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-active-alt;
+$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-frozen-active-alt;
+$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
 $button-color-typical-subtle-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
 $button-color-typical-subtle-inverse-bg-hover: $modes-color-interactive-monochrome-inverse-hover-alt;
 $button-color-typical-subtle-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-subtle-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
 $button-color-typical-toggle-label-active-disabled: $modes-color-interactive-inactive-content-alt;
-$button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-with-active;
+$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
+$button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-toggle-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
 $button-color-video-primary-bg-enabled: $modes-color-interactive-monochrome-with-default;
 $button-color-video-primary-bg-hover: $modes-color-interactive-monochrome-with-default;
+$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
+$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
 $button-color-video-secondary-bg-hover: $modes-color-interactive-monochrome-with-default;
 $button-color-video-secondary-border-enabled: $modes-color-interactive-monochrome-with-default;
 $button-color-video-secondary-border-hover: $modes-color-interactive-monochrome-with-default;
 $button-color-video-secondary-label-enabled: $modes-color-interactive-monochrome-with-default;
+$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
 $button-radius-s: $global-radius-interactive-l; // Buttons S (typical and destructive, and inc bar, split and multi),  Button toggle M (parent container)
 $button-radius-m: $global-radius-interactive-xl; // Buttons  M (typical and destructive, and inc bar, split and multi),  Button toggle L (parent container), Button toggle M (parent container)
 $button-radius-l: $global-radius-interactive-xxl; // Buttons L (typical and destructive, and inc bar, split and multi), Button toggle L (parent container)
@@ -321,9 +324,6 @@ $button-color-destructive-primary-bg-disabled: $modes-color-interactive-inactive
 $button-color-destructive-secondary-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-secondary-border-disabled: $modes-color-interactive-inactive-default;
-$button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
-$button-color-typical-tertiary-border-disabled: $modes-color-interactive-inactive-default;
-$button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-subtle-inverse-bg-active: $modes-color-interactive-monochrome-inverse-active-alt;
 $button-color-typical-toggle-bg-active-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-toggle-border-disabled: $modes-color-interactive-inactive-default;

package/scss/frozenproduct/small/components/container.scss CHANGED Viewed

@@ -23,17 +23,12 @@ $container-color-ai-nudge-border-ai-horizontal: $modes-color-status-ai-default-h
 $container-color-ai-nudge-border-ai-vertical: $modes-color-status-ai-default-vertical; // left and right border for AI nudge message component
 $container-color-ai-tile-bordervertical: $modes-color-status-ai-default-vertical; // left border for AI tiles and bubbles.
 $container-color-interactive-bg-footer-activated: $modes-color-status-positive-default; //
-$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-active;
 $container-color-interactive-border-activated: $modes-color-status-positive-default;
 $container-color-interactive-bg-footer-default: $modes-color-generic-bg-nought; // tile footer bg color
 $container-color-interactive-bg-enabled: $modes-color-generic-bg-nought;
-$container-color-interactive-border-active: $modes-color-interactive-monochrome-active;
-$container-color-interactive-icon-active: $modes-color-interactive-monochrome-active; // Active chevron for any accordion.
-$container-color-interactive-text-active: $modes-color-interactive-monochrome-active; // Active label for any accordion.
-$container-color-interactive-detailedicon-bg: $modes-color-custom-default; //
+$container-color-interactive-detailedicon-bg: $modes-color-custom-frozen;
 $container-color-interactive-droptarget-bg-default: $modes-color-status-info-default; // draggable drop target background color
 $container-color-standard-bg-default: $modes-color-generic-bg-nought;
-$container-color-standard-border-active: $modes-color-interactive-monochrome-active;
 $container-color-standard-statusborder-bg-caution: $modes-color-status-caution-default;
 $container-color-standard-statusborder-bg-negative: $modes-color-status-negative-default;
 $container-color-standard-statusborder-bg-important: $modes-color-status-important-default;
@@ -59,18 +54,18 @@ $container-typography-responsive-label-l: $global-typography-responsive-componen
 $container-typography-responsive-paragraph-s: $global-typography-responsive-component-moderate-s;
 $container-typography-responsive-paragraph-m: $global-typography-responsive-component-moderate-m;
 $container-typography-responsive-paragraph-l: $global-typography-responsive-component-moderate-l;
-$container-color-blockquote-border: $modes-color-interactive-primary-default;
+$container-color-blockquote-border: $modes-color-interactive-primary-frozen-default;
+$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-active;
 $container-color-interactive-bg-hover: $modes-color-interactive-monochrome-hover-alt; // Used for accordion hover backgrounds
-$container-color-interactive-borderalt-hover: $modes-color-interactive-monochrome-default; // For hover border on Link preview.
-$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-default; // Enabled chevron for any accordion.
-$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-default-alt; // Enabled label for subtle accordion.
-$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-default; // Hover chevron for any accordion.
+$container-color-interactive-border-active: $modes-color-interactive-monochrome-active;
+$container-color-interactive-icon-active: $modes-color-interactive-monochrome-active; // Active chevron for any accordion.
+$container-color-interactive-text-active: $modes-color-interactive-monochrome-active; // Active label for any accordion.
 $container-color-interactive-text-enabled: $modes-color-generic-content-harsh; // Enabled label for standard accordion.
 $container-color-interactive-text-alt-enabled: $modes-color-generic-content-moderate; // Enabled label for subtle accordion.
-$container-color-interactive-text-hover: $modes-color-interactive-monochrome-default; // Hover label for any accordion.
 $container-color-scrollbar-bg-default: $modes-color-generic-bg-faint;
 $container-color-standard-bg-alt: $modes-color-generic-bg-faint;
 $container-color-standard-bg-footer-default: $modes-color-generic-bg-faint; // tile footer bg color
+$container-color-standard-border-active: $modes-color-interactive-monochrome-active;
 $container-color-standard-dimmer: $modes-color-interactive-inactive-mask; // dimmed mask for dialogs
 $container-color-standard-text-alt: $modes-color-generic-content-moderate; // for subheadings etc
 $container-color-standard-text-default: $modes-color-generic-content-harsh; // for headings, paragraph text etc
@@ -87,11 +82,16 @@ $container-boxshadow-card-hover: $global-boxshadow-interactive-hover; // Card (h
 $container-boxshadow-card-drag: $global-boxshadow-interactive-drag; // Card (drag state)
 $container-color-interactive-bg-disabled: $modes-color-interactive-inactive-default-alt;
 $container-color-interactive-border-alt: $modes-color-generic-fg-delicate; // Link preview.
+$container-color-interactive-borderalt-hover: $modes-color-interactive-monochrome-default; // For hover border on Link preview.
 $container-color-interactive-border-inactive: $modes-color-generic-fg-soft;
 $container-color-interactive-border-enabled: $modes-color-generic-fg-moderate;
+$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-default; // Enabled chevron for any accordion.
+$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-default-alt; // Enabled label for subtle accordion.
+$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-default; // Hover chevron for any accordion.
 $container-color-interactive-label-footer-active: $modes-color-interactive-monochrome-with-active;
 $container-color-interactive-label-footer-activated: $modes-color-interactive-monochrome-with-active;
 $container-color-interactive-text-disabled: $modes-color-interactive-inactive-content;
+$container-color-interactive-text-hover: $modes-color-interactive-monochrome-default; // Hover label for any accordion.
 $container-color-scrollbar-fg-default: $modes-color-generic-fg-moderate;
 $container-color-standard-border-alt: $modes-color-generic-fg-soft;
 $container-color-standard-border-default: $modes-color-generic-fg-faint;
@@ -153,15 +153,15 @@ $container-radius-note: $global-radius-container-m; // Note
 $container-radius-nudge: $global-radius-container-l; // nudge radius
 $container-radius-profileselector: $global-radius-container-m; // Profile selector list container.
 $container-radius-texteditor: $global-radius-container-m; // Text editor (footer bottom corners)
-$container-radius-card-moderate: $global-radius-container-l; // Card (less rounded)
-$container-radius-card-curved: $global-radius-container-xl; // Card (more rounded)
-$container-radius-card-sweeping: $global-radius-container-xxl; // Card largest rounded type
-$container-radius-tile-moderate: $global-radius-container-l; // Tile (less rounded)
-$container-radius-tile-curved: $global-radius-container-xl; // Tile (more rounded)
-$container-radius-tile-sweeping: $global-radius-container-xxl; // Tile largest roundedness
-$container-radius-tileselect-moderate: $global-radius-container-l; // Tile (less rounded)
-$container-radius-tileselect-curved: $global-radius-container-xl; // Tile (more rounded)
-$container-radius-tileselect-sweeping: $global-radius-container-xxl;
+$container-radius-card-moderate: $global-radius-container-m; // Card (less rounded)
+$container-radius-card-curved: $global-radius-container-l; // Card (more rounded)
+$container-radius-card-sweeping: $global-radius-container-xl; // Card largest rounded type
+$container-radius-tile-moderate: $global-radius-container-m; // Tile (less rounded)
+$container-radius-tile-curved: $global-radius-container-l; // Tile (more rounded)
+$container-radius-tile-sweeping: $global-radius-container-xl; // Tile largest roundedness
+$container-radius-tileselect-moderate: $global-radius-container-m; // Tile (less rounded)
+$container-radius-tileselect-curved: $global-radius-container-l; // Tile (more rounded)
+$container-radius-tileselect-sweeping: $global-radius-container-xl;
 $container-space-none: $global-space-none;
 $container-space-accordionsubtle-yg-m: $global-space-macro-xs; // Gap between Accordion subtle trigger and content
 $container-space-filepreview-preview-x-m: $global-space-micro-l; // Horizontal padding on large thumbnail image

package/scss/frozenproduct/small/components/form.scss CHANGED Viewed

@@ -11,15 +11,16 @@ $form-space-datepicker-pr-l: 0; // right padding on large date picker input
 $form-color-switch-border-active: transparent;
 $form-color-switch-border-activedisabled: transparent;
 $form-radius-none: $global-radius-none; // Text editor (internal corners)
-$form-radius-colorpicker: $global-radius-circle; // Color picker (swatch container),
 $form-radius-radio: $global-radius-circle; // Radio button
 $form-radius-switch: $global-radius-circle; // Switch container and handle
 $form-radius-calendar-none: $global-radius-none; // Calendar (start and end duration)
 $form-radius-calendar-date: $global-radius-circle; // Calendar date (hover & selected),
-$form-color-calendar-bg-active: $modes-color-interactive-monochrome-active;
-$form-color-calendar-border-duration: $modes-color-interactive-monochrome-active;
+$form-color-calendar-bg-duration: $modes-color-interactive-inactive-frozen-default-alt;
 $form-color-labelset-label-required: $modes-color-interactive-danger-default;
-$form-color-switch-bg-active: $modes-color-interactive-monochrome-active;
+$form-color-typical-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
+$form-color-switch-bg-active: $modes-color-interactive-monochrome-frozen-default;
+$form-color-switch-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
+$form-color-switch-fg-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-validation-border-error: $modes-color-status-negative-default;
 $form-color-validation-bar-error: $modes-color-status-negative-default; // error bar to left of inputs
 $form-color-validation-bar-warning: $modes-color-status-caution-default; // warning bar to left of inputs
@@ -40,12 +41,10 @@ $form-typography-responsive-default-xs: $global-typography-responsive-component-
 $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
+$form-color-calendar-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $form-color-calendar-bg-hover: $modes-color-interactive-monochrome-hover-alt;
 $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-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
@@ -54,8 +53,6 @@ $form-color-typical-icon-hover: $modes-color-interactive-data-entry-with-hover;
 $form-color-typical-text-hover: $modes-color-interactive-data-entry-with-hover; // text hover state when dragging a file over file input
 $form-color-typical-text-read-only: $modes-color-generic-content-harsh;
 $form-color-switch-bg-enabled: $modes-color-interactive-data-entry-default; // for switch
-$form-color-switch-border-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
-$form-color-switch-fg-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
 $form-space-none: $global-space-none;
 $form-space-calendar-x-m: $global-space-macro-m;
 $form-space-calendar-y-m: $global-space-macro-m;
@@ -227,16 +224,18 @@ $form-size-progressive-bar: $global-size-micro-xxs; // 2px progressive disclosur
 $form-size-rating-m: $global-size-icon-m; // medium rating stars
 $form-size-rating-l: $global-size-icon-xl; // large rating stars
 $form-color-calendar-bg-disabled: $modes-color-interactive-inactive-default-alt;
-$form-color-calendar-bg-duration: $modes-color-interactive-data-entry-hover-alt;
+$form-color-calendar-border-duration: $form-color-calendar-bg-active;
 $form-color-calendar-text-active: $modes-color-interactive-monochrome-with-active;
 $form-color-calendar-text-alt: $modes-color-interactive-data-entry-content-alt; // Days of the week subheaders
 $form-color-calendar-text-disabled: $modes-color-interactive-inactive-content;
 $form-color-calendar-text-duration: $modes-color-interactive-data-entry-content;
 $form-color-calendar-text-enabled: $modes-color-interactive-data-entry-content;
 $form-color-calendar-text-alt-enabled: $modes-color-interactive-data-entry-content-alt;
-$form-color-dropdown-bg-hover: $popover-color-bg-hover; // REF POPOVER
 $form-color-dropdown-label-active: $modes-color-interactive-monochrome-with-active;
+$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
 $form-color-dropdown-label-disabled: $modes-color-interactive-inactive-content;
+$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
+$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt2; // Option subtext.
 $form-color-labelset-label-default: $modes-color-interactive-data-entry-content;
 $form-color-labelset-label-alt: $modes-color-interactive-data-entry-content-alt; // used for '(optional)' text and hint text.
 $form-color-labelset-label-disabled: $modes-color-interactive-inactive-content;
@@ -261,12 +260,13 @@ $form-color-switch-fg-activedisabled: $modes-color-interactive-inactive-content-
 $form-color-switch-label-active: $modes-color-interactive-data-entry-content;
 $form-color-switch-label-enabled: $modes-color-interactive-data-entry-content-alt;
 $form-color-switch-icon-enabled: $modes-color-interactive-data-entry-content-alt;
-$form-radius-checkbox: $global-radius-interactive-s; // S and M checkbox
+$form-radius-checkbox: $global-radius-interactive-xs; // S and M checkbox
 $form-radius-texteditorfooter: $global-radius-interactive-s; // AI text editor footer
-$form-radius-fileupload: $global-radius-container-m; // File input (file uploads)
-$form-radius-fileselector: $global-radius-container-m; // File preview (file selector asset)
-$form-radius-input: $global-radius-interactive-m; // Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input
-$form-radius-validationbar: $global-radius-interactive-xs; // Validation bar
+$form-radius-colorpicker: $global-radius-interactive-l; // Color picker (swatch container)
+$form-radius-fileupload: $global-radius-interactive-s; // File input (file uploads)
+$form-radius-fileselector: $global-radius-interactive-s; // File preview (file selector asset)
+$form-radius-input: $global-radius-interactive-s; // Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input
+$form-radius-validationbar: $global-radius-interactive-xxs; // Validation bar
 $form-radius-progressivebar: $global-radius-interactive-xs; // Validation bar
 $form-radius-calendar-today: $global-radius-container-xs; // Calendar (today indicator)
 $form-radius-texteditor-a-icontainer: $global-radius-interactive-s; // container for draft with copilot form fields
@@ -298,8 +298,8 @@ $form-size-dropdown-item-m: $popover-size-item-m; // REF POPOVER. Menu item min
 $form-size-dropdown-item-l: $popover-size-item-l; // REF POPOVER. Menu item min height.
 $form-size-search-input-minwidth: $container-size-responsive-xl; // minimum width for search input container
 $form-size-search-input-maxwidth: $container-size-responsive-xxl + $container-size-responsive-xxs; // maximum width for search input container
+$form-color-dropdown-bg-hover: $popover-color-bg-hover; // REF POPOVER
 $form-color-typical-border-alt: $modes-color-interactive-inactive-default;
-$form-color-typical-border-enabled: $modes-color-interactive-data-entry-with-default;
 $form-color-typical-border-disabled: $modes-color-interactive-inactive-default;
 $form-color-typical-border-read-only: $modes-color-interactive-inactive-default;
 $form-color-switch-bg-activedisabled: $modes-color-interactive-inactive-default;

package/scss/frozenproduct/small/components/link.scss CHANGED Viewed

@@ -5,7 +5,6 @@
 // Do not edit directly, this file was auto-generated.
-$link-color-subtle-label-hover: $modes-color-interactive-monochrome-active;
 $link-typography-responsive-default-s: $global-typography-responsive-component-underlined-moderate-s; // Small Viewports: 14.81, Large Viewports: 13.79. Match token size to component size.
 $link-typography-responsive-default-m: $global-typography-responsive-component-underlined-moderate-m; // Small Viewports: 16, Large Viewports: 16. Match token size to component size.
 $link-typography-responsive-default-l: $global-typography-responsive-component-underlined-moderate-l; // Small Viewports: 17.28, Large Viewports: 18.56. Match token size to component size.
@@ -20,13 +19,14 @@ $link-typography-adaptive-heading-m: $global-typography-adaptive-component-under
 $link-typography-adaptive-heading-l: $global-typography-adaptive-component-underlined-firm-l;
 $link-color-destructive-label-default: $modes-color-interactive-danger-default-alt; // .
 $link-color-destructive-inverse-label-default: $modes-color-interactive-danger-inverse-default-alt; // .
-$link-color-subtle-label-default: $modes-color-interactive-monochrome-default;
+$link-color-subtle-label-hover: $modes-color-interactive-monochrome-active;
 $link-color-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inverse-active;
 $link-boxshadow-skiplink: $global-boxshadow-container-near;
 $link-color-destructive-label-hover: $modes-color-interactive-danger-hover-alt2;
 $link-color-destructive-inverse-label-hover: $modes-color-interactive-danger-inverse-hover-alt2;
-$link-color-typical-label-default: $modes-color-interactive-primary-default-alt2;
+$link-color-typical-label-default: $modes-color-interactive-primary-frozen-default-alt;
 $link-color-typical-inverse-label-default: $modes-color-interactive-primary-inverse-default-alt2;
+$link-color-subtle-label-default: $modes-color-interactive-monochrome-default;
 $link-color-subtle-inverse-label-default: $modes-color-interactive-monochrome-inverse-default;
 $link-size-skiplink-m: $global-size-macro-m;
 $link-size-icon-m: $global-size-icon-m;
@@ -36,5 +36,5 @@ $link-space-integral-xg-m: $global-space-micro-l; // Space between icon and link
 $link-space-integral-xg-l: $global-space-micro-l; // Space between icon and link text.
 $link-space-skiplink-x: $global-space-macro-m; // Skiplink container
 $link-space-skiplink-y: $global-space-micro-xxl; // Skiplink container
-$link-color-typical-label-hover: $modes-color-interactive-primary-hover-alt2;
+$link-color-typical-label-hover: $modes-color-interactive-primary-frozen-hover-alt;
 $link-color-typical-inverse-label-hover: $modes-color-interactive-primary-inverse-hover-alt2;

package/scss/frozenproduct/small/components/nav.scss CHANGED Viewed

@@ -9,15 +9,13 @@ $nav-size-leftnav-parent-container-fixed-width: 146; // fixed width of parent co
 $nav-size-leftnav-child-container-fixed-width: 250; // fixed width of parent container
 $nav-space-leftnav-grandchilditem-x-indent: 33; // indent on grandchild items
 $nav-color-bg-default: $modes-color-generic-bg-nought; // nav bar bg
-$nav-color-item-bg-active: $modes-color-interactive-monochrome-active;
 $nav-color-item-bg-enabled: $modes-color-none;
+$nav-color-item-bg-hover: $modes-color-interactive-primary-frozen-nav-hover;
 $nav-color-leftnav-container-bg-default: $modes-color-generic-bg-nought; // bg of horizontal nav variant that launches the left nav
-$nav-color-leftnav-container-bg-default-alt: $modes-color-generic-backdrop-faint; // bg of the parent container
 $nav-color-leftnav-item-bg-active: $modes-color-interactive-nav-active;
 $nav-color-leftnav-item-bg-enabled: $modes-color-none;
 $nav-color-leftnav-item-bg-hover: $modes-color-interactive-nav-hover;
 $nav-color-modal-container-bg-default: $modes-color-generic-bg-nought; // bg of container holding stack of items in modal nav
-$nav-color-modal-container-bg-default-alt: $modes-color-generic-backdrop-faint; // bg of the sticky header within modal
 $nav-color-modal-item-bg-active: $modes-color-interactive-nav-active;
 $nav-color-modal-item-bg-enabled: $modes-color-none;
 $nav-color-modal-item-bg-hover: $modes-color-interactive-nav-hover;
@@ -37,17 +35,16 @@ $nav-typography-responsive-label-l: $global-typography-responsive-component-firm
 $nav-typography-responsive-default-s: $global-typography-responsive-component-moderate-xs;
 $nav-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $nav-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
+$nav-color-item-bg-active: $modes-color-interactive-monochrome-active;
 $nav-color-item-bg-activealt: $modes-color-interactive-monochrome-hover-alt;
-$nav-color-item-bg-hover: $modes-color-interactive-monochrome-hover-alt;
 $nav-color-item-label-activealt: $modes-color-interactive-monochrome-with-hover;
-$nav-color-item-label-enabled: $modes-color-interactive-monochrome-default;
-$nav-color-item-label-hover: $modes-color-interactive-monochrome-with-hover;
-$nav-color-item-label-alt: $modes-color-interactive-monochrome-default-alt;
 $nav-color-menu-bg-default: $modes-color-generic-bg-faint; // menu (level 1) nav bg
 $nav-color-menu-bg-alt: $modes-color-generic-bg-delicate; // level 2 nav bg
 $nav-color-menu-bg-alt2: $modes-color-generic-bg-soft; // level 3 nav bg
+$nav-color-leftnav-container-bg-default-alt: $modes-color-generic-backdrop-faint; // bg of the parent container
 $nav-color-leftnav-item-label-active: $modes-color-interactive-nav-with-active;
 $nav-color-leftnav-item-label-hover: $modes-color-interactive-nav-with-hover;
+$nav-color-modal-container-bg-default-alt: $modes-color-generic-backdrop-faint; // bg of the sticky header within modal
 $nav-color-modal-item-label-active: $modes-color-interactive-nav-with-active;
 $nav-color-modal-item-label-hover: $modes-color-interactive-nav-with-hover;
 $nav-color-modal-headeritem-label-default: $modes-color-generic-content-firm; // color for subheaders passed into modal nav
@@ -56,6 +53,8 @@ $nav-color-topnav-item-label-hover: $modes-color-interactive-nav-with-hover;
 $nav-boxshadow-menu: $global-boxshadow-cleanedge-near; // Menu
 $nav-boxshadow-leftnav-childcontainer: $global-boxshadow-container-near; // box shadow on progressively shown child container
 $nav-color-item-label-active: $modes-color-interactive-monochrome-with-active;
+$nav-color-item-label-enabled: $modes-color-interactive-monochrome-default;
+$nav-color-item-label-alt: $modes-color-interactive-monochrome-default-alt;
 $nav-color-menu-border-default: $modes-color-generic-fg-delicate; // level 1 border
 $nav-color-leftnav-container-border-default: $modes-color-generic-fg-soft; // dividing lines within parent container
 $nav-color-leftnav-item-label-enabled: $modes-color-interactive-nav-with-default;
@@ -65,7 +64,7 @@ $nav-color-topnav-container-border-default: $modes-color-generic-fg-soft; // div
 $nav-color-topnav-item-label-enabled: $modes-color-interactive-nav-with-default;
 $nav-radius-menu: $global-radius-interactive-m; // Drop list bottom corners, product popout list all corners
 $nav-radius-menuitem: $global-radius-interactive-s; // Menu (menu item state bg shape),
-$nav-radius-menumodal: $global-radius-interactive-l; // Menu on mobile
+$nav-radius-menumodal: $global-radius-interactive-m; // Menu on mobile
 $nav-radius-leftnav-menuitem: $global-radius-interactive-m; // Radius on parent, child and grandchild items in left nav
 $nav-radius-modal-menuitem: $global-radius-interactive-m; // Radius on parent, child and grandchild items in left nav
 $nav-radius-topnav-menuitem: $global-radius-interactive-m; // Radius on parent, child and grandchild items in left nav
@@ -158,3 +157,4 @@ $nav-space-topnav-container-y-m: $global-space-macro-xxxs / 2; // vertical paddi
 $nav-space-topnav-parentitem-x-m: $global-space-macro-xxxs; // horizontal padding on stacked parent items
 $nav-space-topnav-parentitem-xg-m: $global-space-micro-s; // gap within horizontal parent items
 $nav-space-topnav-parentitem-y-m: $global-space-macro-xxxs / 2; // vertical padding on stacked parent items
+$nav-color-item-label-hover: $modes-color-interactive-primary-frozen-nav-label-hover;

package/scss/frozenproduct/small/components/page.scss CHANGED Viewed

@@ -6,7 +6,6 @@
 // Do not edit directly, this file was auto-generated.
 $page-color-bg-default: $modes-color-generic-backdrop-nought;
-$page-color-bg-alt: $modes-color-generic-backdrop-faint;
 $page-typography-responsive-h1: $global-typography-responsive-heading-l;
 $page-typography-responsive-h2: $global-typography-responsive-heading-m;
 $page-typography-responsive-h3: $global-typography-responsive-heading-s;
@@ -29,6 +28,7 @@ $page-typography-adaptive-p-regular-typical: $global-typography-adaptive-body-re
 $page-typography-adaptive-p-regular-large: $global-typography-adaptive-body-regular-l;
 $page-typography-adaptive-p-medium-typical: $global-typography-adaptive-body-medium-s;
 $page-typography-adaptive-p-medium-large: $global-typography-adaptive-body-medium-l;
+$page-color-bg-alt: $modes-color-generic-backdrop-faint;
 $page-color-text-alt: $modes-color-generic-content-moderate; // for subheadings etc
 $page-color-text-default: $modes-color-generic-content-harsh; // for headings, paragraph text etc
 $page-space-x-l: $global-space-macro-xl;

package/scss/frozenproduct/small/components/popover.scss CHANGED Viewed

@@ -6,7 +6,6 @@
 // Do not edit directly, this file was auto-generated.
 $popover-radius-none: $global-radius-none; // Navigation menu top corners
-$popover-color-bg-active: $modes-color-interactive-monochrome-active; // previously action minor 850
 $popover-color-bg-default: $modes-color-generic-bg-nought; // REF'D IN FORM. Popover container bg
 $popover-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
 $popover-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
@@ -21,11 +20,7 @@ $popover-typography-responsive-default-s: $global-typography-responsive-componen
 $popover-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $popover-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
 $popover-boxshadow-container: $global-boxshadow-container-near; // REF'D IN FORM. Popover container for Button popover, Button split, (and Form calendar, color picker, dropdown)
-$popover-color-bg-activealt: $modes-color-interactive-monochrome-hover-alt; // REF'D IN FORM.
-$popover-color-bg-hover: $modes-color-interactive-monochrome-hover-alt; // REF'D IN FORM.
-$popover-color-label-activealt: $modes-color-interactive-monochrome-with-hover;
-$popover-color-label-hover: $modes-color-interactive-monochrome-with-hover;
-$popover-color-label-enabled: $modes-color-interactive-monochrome-default-alt;
+$popover-color-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $popover-color-submenu-bg-default: $modes-color-generic-bg-faint; // popover small screen submenu container bg
 $popover-size-icon-m: $global-size-icon-m;
 $popover-size-item-s: $global-size-macro-s; // REF'D IN FORM. Menu item min height.
@@ -54,8 +49,13 @@ $popover-space-option-y-l: $global-space-micro-xl; // REF'D in FORM. Vertical pa
 $popover-space-submenu-x-s: $global-space-macro-xs; // Right left padding on small screen submenu popover container.
 $popover-space-submenu-x-m: $global-space-macro-xs; // Right left padding on small screen submenu popover container.
 $popover-space-submenu-x-l: $global-space-macro-xs; // Right left padding on small screen submenu popover container.
+$popover-color-bg-activealt: $modes-color-interactive-monochrome-frozen-hover-alt;
+$popover-color-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
 $popover-color-label-active: $modes-color-interactive-monochrome-with-active;
+$popover-color-label-activealt: $modes-color-interactive-monochrome-frozen-with-hover;
 $popover-color-label-disabled: $modes-color-interactive-inactive-content;
+$popover-color-label-hover: $modes-color-interactive-monochrome-default;
+$popover-color-label-enabled: $modes-color-interactive-monochrome-default;
 $popover-size-menu-minwidth-s: $container-size-responsive-m / 2; // minwidth of small size popover menu container
 $popover-size-menu-minwidth-m: $container-size-responsive-xs; // minwidth of medium size popover menu container
 $popover-size-menu-minwidth-l: $container-size-responsive-s; // minwidth of large size popover menu container