@sage/design-tokens 14.9.1 → 15.1.0

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

@@ -6,6 +6,7 @@
 // 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;
@@ -20,11 +21,11 @@ $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-active: $modes-color-interactive-monochrome-active; // previously action minor 850
 $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-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.
@@ -55,7 +56,6 @@ $popover-space-submenu-x-m: $global-space-macro-xs; // Right left padding on sma
 $popover-space-submenu-x-l: $global-space-macro-xs; // Right left padding on small screen submenu popover container.
 $popover-color-label-active: $modes-color-interactive-monochrome-with-active;
 $popover-color-label-disabled: $modes-color-interactive-inactive-content;
-$popover-color-label-enabled: $modes-color-interactive-monochrome-default-alt;
 $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

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

@@ -25,13 +25,19 @@ $progress-radius-skeleton-circle: $global-radius-circle; // Used to represent ci
 $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-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;
@@ -47,20 +53,14 @@ $progress-typography-responsive-default-m: $global-typography-responsive-compone
 $progress-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
 $progress-color-bg-default: $modes-color-interactive-progress-bg;
 $progress-color-fg-alt2: $modes-color-generic-content-firm;
-$progress-color-fg-default: $modes-color-interactive-monochrome-active;
 $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-monochrome-active; // 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

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

@@ -11,7 +11,6 @@ $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;
@@ -28,7 +27,6 @@ $status-color-message-contextual-warning-bg-default: $modes-color-status-caution
 $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-callout-bg-default: $modes-color-status-callout-default-alt; // Global message bg
 $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
@@ -120,8 +118,9 @@ $status-typography-responsive-heading-l: $global-typography-responsive-component
 $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-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-global-label-hover: $modes-color-interactive-monochrome-with-hover;
-$status-color-message-global-callout-bg-hover: $modes-color-status-callout-hover-alt; // global message bg 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-pill-custom-blue-bg-alt-hover: $modes-color-status-custom-blue-hover-alt;
@@ -177,6 +176,7 @@ $status-color-rating-bg-hover: $modes-color-status-reviews-hover;
 $status-color-rating-border-default: $modes-color-status-reviews-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-pill-generic-label-default: $modes-color-status-content-with-default;
 $status-color-pill-generic-label-hover: $modes-color-status-content-with-hover;

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

@@ -6,6 +6,9 @@
 // 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;
@@ -19,11 +22,12 @@ $tab-typography-responsive-label-s: $global-typography-responsive-component-firm
 $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-border-active: $modes-color-interactive-monochrome-active;
+$tab-color-icon-enabled: $modes-color-interactive-monochrome-default-alt;
 $tab-color-icon-hover: $modes-color-interactive-monochrome-with-hover;
-$tab-color-label-active: $modes-color-interactive-monochrome-active;
-$tab-color-icon-active: $modes-color-interactive-monochrome-active;
+$tab-color-label-enabled: $modes-color-interactive-monochrome-default;
 $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,10 +47,6 @@ $tab-color-bg-active: $modes-color-interactive-monochrome-with-active;
 $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-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-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-baseline-m: $global-radius-interactive-xxs;

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

@@ -6,6 +6,7 @@
 // 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-default: $modes-color-generic-bg-nought;
 $table-color-row-label-hover: $modes-color-generic-content-extreme;
 $table-typography-adaptive-heading-s: $global-typography-adaptive-component-firm-s;
@@ -26,35 +27,33 @@ $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-active: $modes-color-interactive-monochrome-active;
 $table-color-row-bg-alt: $modes-color-generic-bg-delicate; // Zebra stripes
 $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-default: $modes-color-generic-content-harsh;
 $table-color-footer-bg-default: $modes-color-generic-bg-soft;
-$table-boxshadow-parentrow: $global-boxshadow-container-far;
+$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-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-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-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/frozenproduct/small/dark.scss

@@ -140,8 +140,6 @@ $modes-color-interactive-monochrome-inverse-with-active: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
 $modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-hover: #000000;
-$modes-color-interactive-monochrome-marketing-with-active: #000000; // use for marketing overrides for switch handle on standard
-$modes-color-interactive-monochrome-marketing-active: #00D639; // needed for specific marketing usecase on light bg
 $modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; // border color for off switches
 $modes-color-interactive-monochrome-subtle-default: #ffffff14; // subtle table header hover
 $modes-color-interactive-nav-active: #ffffff59; // active bg for nav items
@@ -254,7 +252,6 @@ $modes-color-status-custom-slate-default: #5C8196; // For pills. Not accessible
 $modes-color-status-custom-slate-default-alt: #0f1214; // Pill bg
 $modes-color-status-custom-slate-hover: #7493a5; // used on pill hover states
 $modes-color-status-custom-slate-hover-alt: #13222c; // used on pill hover states
-$modes-color-status-generic-default: #F0F;
 $modes-color-status-important-default: #8F4CD7; // For tile status keylines to show if something is of high importance.
 $modes-color-status-important-default-alt: #150d19; // Subtle message bg
 $modes-color-status-important-hover: #a267de; // used on pill hover states

package/scss/frozenproduct/small/light.scss

@@ -140,8 +140,6 @@ $modes-color-interactive-monochrome-inverse-with-active: #000000;
 $modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-default: #000000;
 $modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-$modes-color-interactive-monochrome-marketing-active: #000000; // needed for specific marketing usecase on light bg
-$modes-color-interactive-monochrome-marketing-with-active: #00D639; // needed for specific marketing usecase on light bg
 $modes-color-interactive-monochrome-subtle-default-alt: #00000080; // border color for off switches
 $modes-color-interactive-monochrome-subtle-default: #0000000a; // bg color for tertiary buttons and table headers
 $modes-color-interactive-nav-active: #00000029; // active bg for nav items
@@ -254,7 +252,6 @@ $modes-color-status-custom-slate-default: #527386; // For pills. Not accessible
 $modes-color-status-custom-slate-default-alt: #edf0f2; // Pill bg
 $modes-color-status-custom-slate-hover: #466171; // used on pill hover states
 $modes-color-status-custom-slate-hover-alt: #cbdae6; // used on pill hover states
-$modes-color-status-generic-default: #F0F; // TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour.
 $modes-color-status-important-default: #8F4CD7; // For tile status keylines to show if something is of high importance.
 $modes-color-status-important-default-alt: #f5edfc; // Subtle message bg
 $modes-color-status-important-hover: #7941b4; // used on pill hover states

package/scss/product/large/components/button.scss

@@ -15,7 +15,6 @@ $button-radius-none: $global-radius-none;
 $button-radius-fab: $global-radius-circle; // FAB Button radius
 $button-borderwidth-none: $global-borderwidth-none; // Override on tertiary buttons within Button-toggle. 
 $button-borderwidth-primary: $global-borderwidth-none; // primary button border 
-$button-borderwidth-tertiarymarketing: $global-borderwidth-none; // tertiary button border used for a marketing override
 $button-color-none: $modes-color-none; // transparent override used for hiding colors when needed.
 $button-color-ai-border-active: $modes-color-interactive-ai-default;
 $button-color-ai-border-enabled: $modes-color-interactive-ai-default;

package/scss/product/large/components/container.scss

@@ -6,13 +6,9 @@
 // Do not edit directly, this file was auto-generated.
 
 $container-size-carousel-mediaslide-minheight: 300; // max height for media visual
-$container-size-dialog-max-width-xxs: 300;
-$container-size-dialog-max-width-xs: 380;
 $container-size-dialog-max-width-s: 540;
 $container-size-dialog-max-width-m: 850;
 $container-size-dialog-max-width-l: 1080;
-$container-size-dialog-max-width-xl: 960;
-$container-size-dialog-max-width-xxl: 1080;
 $container-size-dialog-min-width-s: 288;
 $container-size-dialog-min-width-m: 288;
 $container-size-dialog-min-width-l: 288;

package/scss/product/large/components/nav.scss

@@ -5,7 +5,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$nav-size-leftnav-parent-container-fixed-width: 140; // fixed width of parent container
+$nav-size-leftnav-parent-container-fixed-width: 146; // fixed width of parent container
 $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

package/scss/product/large/components/table.scss

@@ -43,7 +43,6 @@ $table-color-row-bg-hover: $modes-color-generic-bg-soft;
 $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-parentrow: $global-boxshadow-container-far;
 $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.

package/scss/product/large/dark.scss

@@ -140,8 +140,6 @@ $modes-color-interactive-monochrome-inverse-with-active: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
 $modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-hover: #000000;
-$modes-color-interactive-monochrome-marketing-with-active: #000000; // use for marketing overrides for switch handle on standard
-$modes-color-interactive-monochrome-marketing-active: #00D639; // needed for specific marketing usecase on light bg
 $modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; // border color for off switches
 $modes-color-interactive-monochrome-subtle-default: #ffffff14; // subtle table header hover
 $modes-color-interactive-nav-active: #ffffff59; // active bg for nav items
@@ -254,7 +252,6 @@ $modes-color-status-custom-slate-default: #5C8196; // For pills. Not accessible
 $modes-color-status-custom-slate-default-alt: #0f1214; // Pill bg
 $modes-color-status-custom-slate-hover: #7493a5; // used on pill hover states
 $modes-color-status-custom-slate-hover-alt: #13222c; // used on pill hover states
-$modes-color-status-generic-default: #F0F;
 $modes-color-status-important-default: #8F4CD7; // For tile status keylines to show if something is of high importance.
 $modes-color-status-important-default-alt: #150d19; // Subtle message bg
 $modes-color-status-important-hover: #a267de; // used on pill hover states

package/scss/product/large/light.scss

@@ -140,8 +140,6 @@ $modes-color-interactive-monochrome-inverse-with-active: #000000;
 $modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-default: #000000;
 $modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-$modes-color-interactive-monochrome-marketing-active: #000000; // needed for specific marketing usecase on light bg
-$modes-color-interactive-monochrome-marketing-with-active: #00D639; // needed for specific marketing usecase on light bg
 $modes-color-interactive-monochrome-subtle-default-alt: #00000080; // border color for off switches
 $modes-color-interactive-monochrome-subtle-default: #0000000a; // bg color for tertiary buttons and table headers
 $modes-color-interactive-nav-active: #00000029; // active bg for nav items
@@ -254,7 +252,6 @@ $modes-color-status-custom-slate-default: #527386; // For pills. Not accessible
 $modes-color-status-custom-slate-default-alt: #edf0f2; // Pill bg
 $modes-color-status-custom-slate-hover: #466171; // used on pill hover states
 $modes-color-status-custom-slate-hover-alt: #cbdae6; // used on pill hover states
-$modes-color-status-generic-default: #F0F; // TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour.
 $modes-color-status-important-default: #8F4CD7; // For tile status keylines to show if something is of high importance.
 $modes-color-status-important-default-alt: #f5edfc; // Subtle message bg
 $modes-color-status-important-hover: #7941b4; // used on pill hover states

package/scss/product/small/components/button.scss

@@ -15,7 +15,6 @@ $button-radius-none: $global-radius-none;
 $button-radius-fab: $global-radius-circle; // FAB Button radius
 $button-borderwidth-none: $global-borderwidth-none; // Override on tertiary buttons within Button-toggle. 
 $button-borderwidth-primary: $global-borderwidth-none; // primary button border 
-$button-borderwidth-tertiarymarketing: $global-borderwidth-none; // tertiary button border used for a marketing override
 $button-color-none: $modes-color-none; // transparent override used for hiding colors when needed.
 $button-color-ai-border-active: $modes-color-interactive-ai-default;
 $button-color-ai-border-enabled: $modes-color-interactive-ai-default;

package/scss/product/small/components/container.scss

@@ -6,13 +6,9 @@
 // Do not edit directly, this file was auto-generated.
 
 $container-size-carousel-mediaslide-minheight: 300; // max height for media visual
-$container-size-dialog-max-width-xxs: 300;
-$container-size-dialog-max-width-xs: 380;
 $container-size-dialog-max-width-s: 540;
 $container-size-dialog-max-width-m: 850;
 $container-size-dialog-max-width-l: 1080;
-$container-size-dialog-max-width-xl: 960;
-$container-size-dialog-max-width-xxl: 1080;
 $container-size-dialog-min-width-s: 288;
 $container-size-dialog-min-width-m: 288;
 $container-size-dialog-min-width-l: 288;

package/scss/product/small/components/nav.scss

@@ -5,7 +5,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$nav-size-leftnav-parent-container-fixed-width: 140; // fixed width of parent container
+$nav-size-leftnav-parent-container-fixed-width: 146; // fixed width of parent container
 $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

package/scss/product/small/components/table.scss

@@ -43,7 +43,6 @@ $table-color-row-bg-hover: $modes-color-generic-bg-soft;
 $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-parentrow: $global-boxshadow-container-far;
 $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.

package/scss/product/small/dark.scss

@@ -140,8 +140,6 @@ $modes-color-interactive-monochrome-inverse-with-active: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
 $modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-hover: #000000;
-$modes-color-interactive-monochrome-marketing-with-active: #000000; // use for marketing overrides for switch handle on standard
-$modes-color-interactive-monochrome-marketing-active: #00D639; // needed for specific marketing usecase on light bg
 $modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; // border color for off switches
 $modes-color-interactive-monochrome-subtle-default: #ffffff14; // subtle table header hover
 $modes-color-interactive-nav-active: #ffffff59; // active bg for nav items
@@ -254,7 +252,6 @@ $modes-color-status-custom-slate-default: #5C8196; // For pills. Not accessible
 $modes-color-status-custom-slate-default-alt: #0f1214; // Pill bg
 $modes-color-status-custom-slate-hover: #7493a5; // used on pill hover states
 $modes-color-status-custom-slate-hover-alt: #13222c; // used on pill hover states
-$modes-color-status-generic-default: #F0F;
 $modes-color-status-important-default: #8F4CD7; // For tile status keylines to show if something is of high importance.
 $modes-color-status-important-default-alt: #150d19; // Subtle message bg
 $modes-color-status-important-hover: #a267de; // used on pill hover states

package/scss/product/small/light.scss

@@ -140,8 +140,6 @@ $modes-color-interactive-monochrome-inverse-with-active: #000000;
 $modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
 $modes-color-interactive-monochrome-inverse-with-default: #000000;
 $modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-$modes-color-interactive-monochrome-marketing-active: #000000; // needed for specific marketing usecase on light bg
-$modes-color-interactive-monochrome-marketing-with-active: #00D639; // needed for specific marketing usecase on light bg
 $modes-color-interactive-monochrome-subtle-default-alt: #00000080; // border color for off switches
 $modes-color-interactive-monochrome-subtle-default: #0000000a; // bg color for tertiary buttons and table headers
 $modes-color-interactive-nav-active: #00000029; // active bg for nav items
@@ -254,7 +252,6 @@ $modes-color-status-custom-slate-default: #527386; // For pills. Not accessible
 $modes-color-status-custom-slate-default-alt: #edf0f2; // Pill bg
 $modes-color-status-custom-slate-hover: #466171; // used on pill hover states
 $modes-color-status-custom-slate-hover-alt: #cbdae6; // used on pill hover states
-$modes-color-status-generic-default: #F0F; // TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour.
 $modes-color-status-important-default: #8F4CD7; // For tile status keylines to show if something is of high importance.
 $modes-color-status-important-default-alt: #f5edfc; // Subtle message bg
 $modes-color-status-important-hover: #7941b4; // used on pill hover states