@sage/design-tokens 17.5.0 → 17.6.0

package/js/common/index.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 // Main commonJS token requires

package/js/common/light.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**
@@ -155,6 +155,8 @@ declare const tokens: {
         surface: {
           nought: DesignToken;
           faint: DesignToken;
+          harsh: DesignToken;
+          severe: DesignToken;
         };
       };
       action: {

package/js/common/light.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 module.exports.modeColorNone = "#fff0";
@@ -88,6 +88,8 @@ module.exports.modeColorGenericFgInverseFirm = "#6f6f6f";
 module.exports.modeColorGenericFgInverseExtreme = "#FFFFFF";
 module.exports.modeColorGenericSurfaceNought = "#FFFFFF";
 module.exports.modeColorGenericSurfaceFaint = "#f4f5f6";
+module.exports.modeColorGenericSurfaceHarsh = "#475a6a";
+module.exports.modeColorGenericSurfaceSevere = "#304658";
 module.exports.modeColorActionAiGradActive = "linear-gradient(90deg, #13a03826 0%, #14919726 40%, #a87cfb26 90%)";
 module.exports.modeColorActionAiGradHover = "linear-gradient(90deg, #13a03814 0%, #14919714 40%, #a87cfb14 90%)";
 module.exports.modeColorActionAiGradDefault = "linear-gradient(90deg, #13a038  0%, #149197 40%, #a87cfb 90%)";

package/js/es6/components/badge.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/badge.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const badgeNone = "var(--mode-color-none)";

package/js/es6/components/button.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/button.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const buttonNone = "var(--mode-color-none)";

package/js/es6/components/container.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/container.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const containerActionBgFooterActivated = "var(--mode-color-status-positive-default)";

package/js/es6/components/dataviz.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/dataviz.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const datavizChartLineBgDefault = "var(--mode-color-colorcode-green-deep)";

package/js/es6/components/focus.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/focus.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const focusBg = "var(--mode-color-action-focus-with-default-alt)";

package/js/es6/components/input.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/input.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const inputCalendarBgActive = "var(--mode-color-action-grayscale-active)";

package/js/es6/components/link.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/link.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const linkDestructiveLabelDefault = "var(--mode-color-action-danger-default-alt)";

package/js/es6/components/logo.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/logo.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const logoSageBgDefault = "var(--mode-color-brand-default)";

package/js/es6/components/message.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/message.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const messageNone = "var(--mode-color-none)";

package/js/es6/components/nav.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/nav.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const navBgDefault = "var(--mode-color-generic-bg-nought)";

package/js/es6/components/page.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/page.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const pageBgDefault = "var(--mode-color-generic-surface-nought)";

package/js/es6/components/pill.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/pill.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const pillGenericNone = "var(--mode-color-none)";

package/js/es6/components/popover.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/popover.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const popoverSizeMenuMinwidthS = "calc(var(--container-size-fluid-items-m) / 2)";

package/js/es6/components/profile.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/profile.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const profileSizeOutsideXs = "var(--global-size-xs)";

package/js/es6/components/progress.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/progress.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const progressNone = "var(--mode-color-none)";

package/js/es6/components/tab.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/tab.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const tabBgActive = "var(--mode-color-action-grayscale-with-active)";

package/js/es6/components/table.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/components/table.js

@@ -1,13 +1,13 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 export const tableHeaderSubtleBgAlt = "var(--mode-color-generic-bg-faint)";
 export const tableHeaderSubtleBgDefault = "var(--mode-color-none)";
 export const tableHeaderSubtleBorderDefault = "var(--mode-color-generic-fg-soft)";
 export const tableHeaderSubtleLabelDefault = "var(--mode-color-generic-txt-severe)";
-export const tableHeaderHarshBgAlt = "var(--mode-color-action-grayscale-default)";
-export const tableHeaderHarshBgDefault = "var(--mode-color-action-grayscale-default-alt)";
+export const tableHeaderHarshBgAlt = "var(--mode-color-generic-surface-severe)";
+export const tableHeaderHarshBgDefault = "var(--mode-color-generic-surface-harsh)";
 export const tableHeaderHarshBorderDefault = "var(--mode-color-generic-fg-soft)";
 export const tableHeaderHarshLabelDefault = "var(--mode-color-generic-txt-inverse-severe)";
 export const tableRowBgDefault = "var(--mode-color-generic-bg-nought)";

package/js/es6/dark.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**
@@ -119,6 +119,8 @@ export const modeColorGenericFgInverseExtreme: string;
 export const modeColorGenericSurfaceNought: string;
 /** used on full page backgrounds as an alternative option */
 export const modeColorGenericSurfaceFaint: string;
+export const modeColorGenericSurfaceHarsh: string;
+export const modeColorGenericSurfaceSevere: string;
 export const modeColorActionAiGradActive: string;
 export const modeColorActionAiGradHover: string;
 export const modeColorActionAiGradDefault: string;

package/js/es6/dark.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**
@@ -92,6 +92,8 @@ export const modeColorGenericFgInverseFirm = "#75838f";
 export const modeColorGenericFgInverseExtreme = "#000000"; // deprecation candidate
 export const modeColorGenericSurfaceNought = "#000000"; // used on full page backgrounds
 export const modeColorGenericSurfaceFaint = "#253b4e"; // used on full page backgrounds as an alternative option
+export const modeColorGenericSurfaceHarsh = "#d1d6da";
+export const modeColorGenericSurfaceSevere = "#e8eaec";
 export const modeColorActionAiGradActive =
   "linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%)";
 export const modeColorActionAiGradHover =

package/js/es6/global.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/global.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**

package/js/es6/light.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**
@@ -119,6 +119,8 @@ export const modeColorGenericFgInverseExtreme: string;
 export const modeColorGenericSurfaceNought: string;
 /** used on full page backgrounds as an alternative option */
 export const modeColorGenericSurfaceFaint: string;
+export const modeColorGenericSurfaceHarsh: string;
+export const modeColorGenericSurfaceSevere: string;
 export const modeColorActionAiGradActive: string;
 export const modeColorActionAiGradHover: string;
 export const modeColorActionAiGradDefault: string;

package/js/es6/light.js

@@ -1,5 +1,5 @@
 /**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
  */
 
 /**
@@ -92,6 +92,8 @@ export const modeColorGenericFgInverseFirm = "#6f6f6f";
 export const modeColorGenericFgInverseExtreme = "#FFFFFF"; // deprecation candidate
 export const modeColorGenericSurfaceNought = "#FFFFFF"; // used on full page backgrounds
 export const modeColorGenericSurfaceFaint = "#f4f5f6"; // used on full page backgrounds as an alternative option
+export const modeColorGenericSurfaceHarsh = "#475a6a";
+export const modeColorGenericSurfaceSevere = "#304658";
 export const modeColorActionAiGradActive =
   "linear-gradient(90deg, #13a03826 0%, #14919726 40%, #a87cfb26 90%)";
 export const modeColorActionAiGradHover =

package/json/components/table.json

@@ -3,8 +3,8 @@
   "tableHeaderSubtleBgDefault": "var(--mode-color-none)",
   "tableHeaderSubtleBorderDefault": "var(--mode-color-generic-fg-soft)",
   "tableHeaderSubtleLabelDefault": "var(--mode-color-generic-txt-severe)",
-  "tableHeaderHarshBgAlt": "var(--mode-color-action-grayscale-default)",
-  "tableHeaderHarshBgDefault": "var(--mode-color-action-grayscale-default-alt)",
+  "tableHeaderHarshBgAlt": "var(--mode-color-generic-surface-severe)",
+  "tableHeaderHarshBgDefault": "var(--mode-color-generic-surface-harsh)",
   "tableHeaderHarshBorderDefault": "var(--mode-color-generic-fg-soft)",
   "tableHeaderHarshLabelDefault": "var(--mode-color-generic-txt-inverse-severe)",
   "tableRowBgDefault": "var(--mode-color-generic-bg-nought)",

package/json/dark.json

@@ -85,6 +85,8 @@
   "modeColorGenericFgInverseExtreme": "#000000",
   "modeColorGenericSurfaceNought": "#000000",
   "modeColorGenericSurfaceFaint": "#253b4e",
+  "modeColorGenericSurfaceHarsh": "#d1d6da",
+  "modeColorGenericSurfaceSevere": "#e8eaec",
   "modeColorActionAiGradActive": "linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%)",
   "modeColorActionAiGradHover": "linear-gradient(90deg, #00d63914 0%, #00d6de14 40%, #9d60ff14 90%)",
   "modeColorActionAiGradDefault": "linear-gradient(90deg, #00d639  0%, #00d6de 40%, #9d60ff 90%)",

package/json/light.json

@@ -85,6 +85,8 @@
   "modeColorGenericFgInverseExtreme": "#FFFFFF",
   "modeColorGenericSurfaceNought": "#FFFFFF",
   "modeColorGenericSurfaceFaint": "#f4f5f6",
+  "modeColorGenericSurfaceHarsh": "#475a6a",
+  "modeColorGenericSurfaceSevere": "#304658",
   "modeColorActionAiGradActive": "linear-gradient(90deg, #13a03826 0%, #14919726 40%, #a87cfb26 90%)",
   "modeColorActionAiGradHover": "linear-gradient(90deg, #13a03814 0%, #14919714 40%, #a87cfb14 90%)",
   "modeColorActionAiGradDefault": "linear-gradient(90deg, #13a038  0%, #149197 40%, #a87cfb 90%)",

package/package.json

@@ -6,7 +6,7 @@
   },
   "description": "Design tokens for the Sage Design System.",
   "author": "The Sage Group plc",
-  "version": "17.5.0",
+  "version": "17.6.0",
   "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
   "tags": [
     "design tokens",

package/scss/components/badge.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/button.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/container.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/dataviz.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/focus.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/input.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/link.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/logo.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/message.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/nav.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/page.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/pill.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/popover.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/profile.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/progress.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/tab.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.

package/scss/components/table.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.
@@ -6,6 +6,8 @@
 $table-header-subtle-bg-alt: $mode-color-generic-bg-faint;
 $table-header-subtle-bg-default: $mode-color-none;
 $table-header-subtle-border-default: $mode-color-generic-fg-soft;
+$table-header-harsh-bg-alt: $mode-color-generic-surface-severe;
+$table-header-harsh-bg-default: $mode-color-generic-surface-harsh;
 $table-header-harsh-border-default: $mode-color-generic-fg-soft;
 $table-row-bg-default: $mode-color-generic-bg-nought;
 $table-row-bg-alt: $mode-color-generic-bg-delicate;
@@ -17,8 +19,6 @@ $table-row-label-selected: $mode-color-generic-txt-extreme;
 $table-footer-bg-default: $mode-color-generic-bg-soft;
 $table-footer-border-default: $mode-color-generic-fg-soft;
 $table-header-subtle-label-default: $mode-color-generic-txt-severe;
-$table-header-harsh-bg-alt: $mode-color-action-grayscale-default;
-$table-header-harsh-bg-default: $mode-color-action-grayscale-default-alt;
 $table-header-harsh-label-default: $mode-color-generic-txt-inverse-severe;
 $table-row-label-default: $mode-color-generic-txt-severe;
 $table-footer-label-default: $mode-color-generic-txt-severe;

package/scss/dark.scss

@@ -1,4 +1,4 @@
-// Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
+// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 
 
 // Do not edit directly, this file was auto-generated.
@@ -89,6 +89,8 @@ $mode-color-generic-fg-inverse-firm: #75838f;
 $mode-color-generic-fg-inverse-extreme: #000000;
 $mode-color-generic-surface-nought: #000000;
 $mode-color-generic-surface-faint: #253b4e;
+$mode-color-generic-surface-harsh: #d1d6da;
+$mode-color-generic-surface-severe: #e8eaec;
 $mode-color-action-ai-grad-active: linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%);
 $mode-color-action-ai-grad-hover: linear-gradient(90deg, #00d63914 0%, #00d6de14 40%, #9d60ff14 90%);
 $mode-color-action-ai-grad-default: linear-gradient(90deg, #00d639  0%, #00d6de 40%, #9d60ff 90%);