@sage/design-tokens 17.5.0 → 17.6.0

package/assets/fonts/sageui.css

@@ -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
  */
 
 @font-face {

package/css/components/badge.css

@@ -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/css/components/button.css

@@ -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
  */
 
 /**
@@ -50,6 +50,7 @@
   --button-typical-secondary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);
   --button-typical-secondary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);
   --button-typical-secondary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);
+  --button-typical-secondary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --button-typical-secondary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);
   --button-typical-tertiary-border-active: var(--mode-color-action-main-active);
   --button-typical-tertiary-border-disabled: var(--mode-color-action-inactive-default);
@@ -60,10 +61,12 @@
   --button-typical-tertiary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);
   --button-typical-tertiary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);
   --button-typical-tertiary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);
+  --button-typical-tertiary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --button-typical-tertiary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);
   --button-typical-subtle-label-active: var(--mode-color-action-grayscale-with-active-alt);
   --button-typical-subtle-label-hover: var(--mode-color-action-grayscale-with-hover);
   --button-typical-subtle-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);
+  --button-typical-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --button-typical-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);
   --button-typical-toggle-bg-active-disabled: var(--mode-color-action-inactive-default);
   --button-typical-toggle-bg-active: var(--mode-color-action-grayscale-active);
@@ -89,7 +92,6 @@
   --button-typical-secondary-inverse-bg-default: var(--mode-color-action-main-inverse-default-alt3);
   --button-typical-secondary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);
   --button-typical-secondary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);
-  --button-typical-secondary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --button-typical-tertiary-bg-active: var(--mode-color-action-main-active-alt);
   --button-typical-tertiary-bg-default: var(--button-none);
   --button-typical-tertiary-bg-hover: var(--mode-color-action-main-hover-alt);
@@ -99,13 +101,11 @@
   --button-typical-tertiary-inverse-bg-default: var(--button-none);
   --button-typical-tertiary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);
   --button-typical-tertiary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);
-  --button-typical-tertiary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --button-typical-subtle-bg-active: var(--mode-color-action-grayscale-active-alt);
   --button-typical-subtle-bg-hover: var(--mode-color-action-grayscale-hover-alt);
   --button-typical-subtle-label-default: var(--mode-color-action-grayscale-default);
   --button-typical-subtle-inverse-bg-active: var(--mode-color-action-grayscale-inverse-active-alt);
   --button-typical-subtle-inverse-bg-hover: var(--mode-color-action-grayscale-inverse-hover-alt);
-  --button-typical-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --button-typical-toggle-label-active-disabled: var(--mode-color-action-inactive-txt-alt);
   --button-typical-toggle-bg-hover: var(--mode-color-action-grayscale-hover-alt);
   --button-typical-toggle-border-default: var(--mode-color-action-grayscale-default);

package/css/components/container.css

@@ -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/css/components/dataviz.css

@@ -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/css/components/focus.css

@@ -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/css/components/input.css

@@ -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/css/components/link.css

@@ -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
  */
 
 /**
@@ -16,7 +16,7 @@
   --link-typical-inverse-label-default: var(--mode-color-action-main-inverse-default-alt2);
   --link-typical-inverse-label-hover: var(--mode-color-action-main-inverse-hover-alt2);
   --link-subtle-label-hover: var(--mode-color-action-grayscale-active);
-  --link-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
   --link-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-active);
   --link-subtle-label-default: var(--mode-color-action-grayscale-default);
+  --link-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
 }

package/css/components/logo.css

@@ -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/css/components/message.css

@@ -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/css/components/nav.css

@@ -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/css/components/page.css

@@ -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/css/components/pill.css

@@ -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/css/components/popover.css

@@ -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/css/components/profile.css

@@ -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/css/components/progress.css

@@ -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/css/components/tab.css

@@ -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/css/components/table.css

@@ -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
  */
 
 /**
@@ -10,6 +10,8 @@
   --table-header-subtle-bg-alt: var(--mode-color-generic-bg-faint);
   --table-header-subtle-bg-default: var(--mode-color-none);
   --table-header-subtle-border-default: var(--mode-color-generic-fg-soft);
+  --table-header-harsh-bg-alt: var(--mode-color-generic-surface-severe);
+  --table-header-harsh-bg-default: var(--mode-color-generic-surface-harsh);
   --table-header-harsh-border-default: var(--mode-color-generic-fg-soft);
   --table-row-bg-default: var(--mode-color-generic-bg-nought);
   --table-row-bg-alt: var(--mode-color-generic-bg-delicate);
@@ -21,8 +23,6 @@
   --table-footer-bg-default: var(--mode-color-generic-bg-soft);
   --table-footer-border-default: var(--mode-color-generic-fg-soft);
   --table-header-subtle-label-default: var(--mode-color-generic-txt-severe);
-  --table-header-harsh-bg-alt: var(--mode-color-action-grayscale-default);
-  --table-header-harsh-bg-default: var(--mode-color-action-grayscale-default-alt);
   --table-header-harsh-label-default: var(--mode-color-generic-txt-inverse-severe);
   --table-row-label-default: var(--mode-color-generic-txt-severe);
   --table-footer-label-default: var(--mode-color-generic-txt-severe);

package/css/dark.css

@@ -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
  */
 
 /**
@@ -93,6 +93,8 @@
   --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%);

package/css/global.css

@@ -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
  */
 
 /**
@@ -114,13 +114,13 @@
   --global-radius-action-xl: 20px;
   --global-radius-action-2-xl: 24px;
   --global-radius-action-circle: 999px;
-  --global-depth-none: dropShadow 0 0 0 0 rgba(0,0,0,0);
-  --global-depth-lvl1: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033;
-  --global-depth-lvl2: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026;
-  --global-depth-lvl3: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A;
-  --global-depth-sticky-b: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033;
-  --global-depth-sticky-l: dropShadow -2 0 2 0 #0000001A, dropShadow -5 0 5 0 #0000001A;
-  --global-depth-sticky-r: dropShadow 2 0 2 0 #0000001A, dropShadow 5 0 5 0 #0000001A;
+  --global-depth-none: 0 0 0 0 rgba(0,0,0,0);
+  --global-depth-lvl1: 0 1px 2px 0 #0000001A, 2px 2px 10px 0 #00000033;
+  --global-depth-lvl2: 0 2px 3px 0 #0000001A, 6px 6px 30px 0 #00000026;
+  --global-depth-lvl3: 0 3px 4px 0 #0000001A, 10px 10px 60px 0 #0000001A;
+  --global-depth-sticky-b: 0 -1px 2px 0 #0000001A, 2px -2px 10px 0 #00000033;
+  --global-depth-sticky-l: -2px 0 2px 0 #0000001A, -5px 0 5px 0 #0000001A;
+  --global-depth-sticky-r: 2px 0 2px 0 #0000001A, 5px 0 5px 0 #0000001A;
   --global-size-none: 0px;
   --global-size-6-xs: 2px;
   --global-size-5-xs: 4px;

package/css/light.css

@@ -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
  */
 
 /**
@@ -93,6 +93,8 @@
   --mode-color-generic-fg-inverse-extreme: #FFFFFF;
   --mode-color-generic-surface-nought: #FFFFFF;
   --mode-color-generic-surface-faint: #f4f5f6;
+  --mode-color-generic-surface-harsh: #475a6a;
+  --mode-color-generic-surface-severe: #304658;
   --mode-color-action-ai-grad-active: linear-gradient(90deg, #13a03826 0%, #14919726 40%, #a87cfb26 90%);
   --mode-color-action-ai-grad-hover: linear-gradient(90deg, #13a03814 0%, #14919714 40%, #a87cfb14 90%);
   --mode-color-action-ai-grad-default: linear-gradient(90deg, #13a038  0%, #149197 40%, #a87cfb 90%);

package/js/ES6/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 ES6 token exports

package/js/common/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/common/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
  */
 
 module.exports.badgeNone = "var(--mode-color-none)";

package/js/common/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/common/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
  */
 
 module.exports.buttonNone = "var(--mode-color-none)";

package/js/common/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/common/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
  */
 
 module.exports.containerActionBgFooterActivated = "var(--mode-color-status-positive-default)";

package/js/common/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/common/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
  */
 
 module.exports.datavizChartLineBgDefault = "var(--mode-color-colorcode-green-deep)";

package/js/common/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/common/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
  */
 
 module.exports.focusBg = "var(--mode-color-action-focus-with-default-alt)";

package/js/common/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/common/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
  */
 
 module.exports.inputCalendarBgActive = "var(--mode-color-action-grayscale-active)";

package/js/common/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/common/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
  */
 
 module.exports.linkDestructiveLabelDefault = "var(--mode-color-action-danger-default-alt)";

package/js/common/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/common/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
  */
 
 module.exports.logoSageBgDefault = "var(--mode-color-brand-default)";

package/js/common/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/common/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
  */
 
 module.exports.messageNone = "var(--mode-color-none)";

package/js/common/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/common/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
  */
 
 module.exports.navBgDefault = "var(--mode-color-generic-bg-nought)";

package/js/common/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/common/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
  */
 
 module.exports.pageBgDefault = "var(--mode-color-generic-surface-nought)";

package/js/common/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/common/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
  */
 
 module.exports.pillGenericNone = "var(--mode-color-none)";

package/js/common/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/common/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
  */
 
 module.exports.popoverSizeMenuMinwidthS = "calc(var(--container-size-fluid-items-m) / 2)";

package/js/common/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/common/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
  */
 
 module.exports.profileSizeOutsideXs = "var(--global-size-xs)";

package/js/common/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/common/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
  */
 
 module.exports.progressNone = "var(--mode-color-none)";

package/js/common/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/common/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
  */
 
 module.exports.tabBgActive = "var(--mode-color-action-grayscale-with-active)";

package/js/common/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/common/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
  */
 
 module.exports.tableHeaderSubtleBgAlt = "var(--mode-color-generic-bg-faint)";
 module.exports.tableHeaderSubtleBgDefault = "var(--mode-color-none)";
 module.exports.tableHeaderSubtleBorderDefault = "var(--mode-color-generic-fg-soft)";
 module.exports.tableHeaderSubtleLabelDefault = "var(--mode-color-generic-txt-severe)";
-module.exports.tableHeaderHarshBgAlt = "var(--mode-color-action-grayscale-default)";
-module.exports.tableHeaderHarshBgDefault = "var(--mode-color-action-grayscale-default-alt)";
+module.exports.tableHeaderHarshBgAlt = "var(--mode-color-generic-surface-severe)";
+module.exports.tableHeaderHarshBgDefault = "var(--mode-color-generic-surface-harsh)";
 module.exports.tableHeaderHarshBorderDefault = "var(--mode-color-generic-fg-soft)";
 module.exports.tableHeaderHarshLabelDefault = "var(--mode-color-generic-txt-inverse-severe)";
 module.exports.tableRowBgDefault = "var(--mode-color-generic-bg-nought)";

package/js/common/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
  */
 
 /**
@@ -155,6 +155,8 @@ declare const tokens: {
         surface: {
           nought: DesignToken;
           faint: DesignToken;
+          harsh: DesignToken;
+          severe: DesignToken;
         };
       };
       action: {

package/js/common/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
  */
 
 module.exports.modeColorNone = "#fff0";
@@ -88,6 +88,8 @@ module.exports.modeColorGenericFgInverseFirm = "#75838f";
 module.exports.modeColorGenericFgInverseExtreme = "#000000";
 module.exports.modeColorGenericSurfaceNought = "#000000";
 module.exports.modeColorGenericSurfaceFaint = "#253b4e";
+module.exports.modeColorGenericSurfaceHarsh = "#d1d6da";
+module.exports.modeColorGenericSurfaceSevere = "#e8eaec";
 module.exports.modeColorActionAiGradActive = "linear-gradient(90deg, #00d63926 0%, #00d6de26 40%, #9d60ff26 90%)";
 module.exports.modeColorActionAiGradHover = "linear-gradient(90deg, #00d63914 0%, #00d6de14 40%, #9d60ff14 90%)";
 module.exports.modeColorActionAiGradDefault = "linear-gradient(90deg, #00d639  0%, #00d6de 40%, #9d60ff 90%)";

package/js/common/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/common/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
  */
 
 module.exports.globalBorderwidthNone = "0";