@sage/design-tokens 17.4.0 → 17.5.1

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 (127) hide show
  1. package/assets/fonts/sageui.css +1 -1
  2. package/css/components/badge.css +1 -1
  3. package/css/components/button.css +1 -1
  4. package/css/components/container.css +1 -1
  5. package/css/components/dataviz.css +27 -1
  6. package/css/components/focus.css +1 -1
  7. package/css/components/input.css +1 -1
  8. package/css/components/link.css +1 -1
  9. package/css/components/logo.css +1 -1
  10. package/css/components/message.css +1 -1
  11. package/css/components/nav.css +1 -1
  12. package/css/components/page.css +1 -1
  13. package/css/components/pill.css +1 -1
  14. package/css/components/popover.css +1 -1
  15. package/css/components/profile.css +1 -1
  16. package/css/components/progress.css +1 -1
  17. package/css/components/tab.css +1 -1
  18. package/css/components/table.css +1 -1
  19. package/css/dark.css +4 -3
  20. package/css/global.css +8 -8
  21. package/css/light.css +4 -4
  22. package/js/ES6/index.js +1 -1
  23. package/js/common/components/badge.d.ts +1 -1
  24. package/js/common/components/badge.js +1 -1
  25. package/js/common/components/button.d.ts +1 -1
  26. package/js/common/components/button.js +1 -1
  27. package/js/common/components/container.d.ts +1 -1
  28. package/js/common/components/container.js +1 -1
  29. package/js/common/components/dataviz.d.ts +47 -1
  30. package/js/common/components/dataviz.js +27 -1
  31. package/js/common/components/focus.d.ts +1 -1
  32. package/js/common/components/focus.js +1 -1
  33. package/js/common/components/input.d.ts +1 -1
  34. package/js/common/components/input.js +1 -1
  35. package/js/common/components/link.d.ts +1 -1
  36. package/js/common/components/link.js +1 -1
  37. package/js/common/components/logo.d.ts +1 -1
  38. package/js/common/components/logo.js +1 -1
  39. package/js/common/components/message.d.ts +1 -1
  40. package/js/common/components/message.js +1 -1
  41. package/js/common/components/nav.d.ts +1 -1
  42. package/js/common/components/nav.js +1 -1
  43. package/js/common/components/page.d.ts +1 -1
  44. package/js/common/components/page.js +1 -1
  45. package/js/common/components/pill.d.ts +1 -1
  46. package/js/common/components/pill.js +1 -1
  47. package/js/common/components/popover.d.ts +1 -1
  48. package/js/common/components/popover.js +1 -1
  49. package/js/common/components/profile.d.ts +1 -1
  50. package/js/common/components/profile.js +1 -1
  51. package/js/common/components/progress.d.ts +1 -1
  52. package/js/common/components/progress.js +1 -1
  53. package/js/common/components/tab.d.ts +1 -1
  54. package/js/common/components/tab.js +1 -1
  55. package/js/common/components/table.d.ts +1 -1
  56. package/js/common/components/table.js +1 -1
  57. package/js/common/dark.d.ts +2 -1
  58. package/js/common/dark.js +4 -3
  59. package/js/common/global.d.ts +1 -1
  60. package/js/common/global.js +1 -1
  61. package/js/common/index.js +1 -1
  62. package/js/common/light.d.ts +2 -2
  63. package/js/common/light.js +4 -4
  64. package/js/es6/components/badge.d.ts +1 -1
  65. package/js/es6/components/badge.js +1 -1
  66. package/js/es6/components/button.d.ts +1 -1
  67. package/js/es6/components/button.js +1 -1
  68. package/js/es6/components/container.d.ts +1 -1
  69. package/js/es6/components/container.js +1 -1
  70. package/js/es6/components/dataviz.d.ts +27 -1
  71. package/js/es6/components/dataviz.js +27 -1
  72. package/js/es6/components/focus.d.ts +1 -1
  73. package/js/es6/components/focus.js +1 -1
  74. package/js/es6/components/input.d.ts +1 -1
  75. package/js/es6/components/input.js +1 -1
  76. package/js/es6/components/link.d.ts +1 -1
  77. package/js/es6/components/link.js +1 -1
  78. package/js/es6/components/logo.d.ts +1 -1
  79. package/js/es6/components/logo.js +1 -1
  80. package/js/es6/components/message.d.ts +1 -1
  81. package/js/es6/components/message.js +1 -1
  82. package/js/es6/components/nav.d.ts +1 -1
  83. package/js/es6/components/nav.js +1 -1
  84. package/js/es6/components/page.d.ts +1 -1
  85. package/js/es6/components/page.js +1 -1
  86. package/js/es6/components/pill.d.ts +1 -1
  87. package/js/es6/components/pill.js +1 -1
  88. package/js/es6/components/popover.d.ts +1 -1
  89. package/js/es6/components/popover.js +1 -1
  90. package/js/es6/components/profile.d.ts +1 -1
  91. package/js/es6/components/profile.js +1 -1
  92. package/js/es6/components/progress.d.ts +1 -1
  93. package/js/es6/components/progress.js +1 -1
  94. package/js/es6/components/tab.d.ts +1 -1
  95. package/js/es6/components/tab.js +1 -1
  96. package/js/es6/components/table.d.ts +1 -1
  97. package/js/es6/components/table.js +1 -1
  98. package/js/es6/dark.d.ts +2 -1
  99. package/js/es6/dark.js +4 -3
  100. package/js/es6/global.d.ts +1 -1
  101. package/js/es6/global.js +1 -1
  102. package/js/es6/light.d.ts +3 -4
  103. package/js/es6/light.js +5 -5
  104. package/json/components/dataviz.json +26 -0
  105. package/json/dark.json +3 -2
  106. package/json/light.json +3 -3
  107. package/package.json +1 -1
  108. package/scss/components/badge.scss +1 -1
  109. package/scss/components/button.scss +4 -4
  110. package/scss/components/container.scss +1 -1
  111. package/scss/components/dataviz.scss +27 -1
  112. package/scss/components/focus.scss +1 -1
  113. package/scss/components/input.scss +1 -1
  114. package/scss/components/link.scss +2 -2
  115. package/scss/components/logo.scss +1 -1
  116. package/scss/components/message.scss +3 -3
  117. package/scss/components/nav.scss +1 -1
  118. package/scss/components/page.scss +1 -1
  119. package/scss/components/pill.scss +3 -3
  120. package/scss/components/popover.scss +1 -1
  121. package/scss/components/profile.scss +1 -1
  122. package/scss/components/progress.scss +1 -1
  123. package/scss/components/tab.scss +1 -1
  124. package/scss/components/table.scss +1 -1
  125. package/scss/dark.scss +4 -3
  126. package/scss/global.scss +8 -8
  127. package/scss/light.scss +4 -4
package/js/common/dark.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  module.exports.modeColorNone = "#fff0";
@@ -39,8 +39,9 @@ module.exports.modeColorColorcodePurpleDeep = "#9463d7";
39
39
  module.exports.modeColorColorcodePurpleMuted = "#220c3a";
40
40
  module.exports.modeColorColorcodeSlateDeep = "#6b7f8d";
41
41
  module.exports.modeColorColorcodeSlateMuted = "#101a20";
42
- module.exports.modeColorColorcodeGrayDeep = "#7c7c7c";
43
- module.exports.modeColorColorcodeGrayMuted = "#181818";
42
+ module.exports.modeColorColorcodeGraySevere = "#e8eaec";
43
+ module.exports.modeColorColorcodeGrayDeep = "#a3adb5";
44
+ module.exports.modeColorColorcodeGrayMuted = "#253b4e";
44
45
  module.exports.modeColorGenericBgNought = "#000000";
45
46
  module.exports.modeColorGenericBgFaint = "#ffffff0d";
46
47
  module.exports.modeColorGenericBgDelicate = "#ffffff1a";
package/js/common/global.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/common/global.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  module.exports.globalBorderwidthNone = "0";
package/js/common/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  // Main commonJS token requires
package/js/common/light.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
@@ -90,6 +90,7 @@ declare const tokens: {
90
90
  muted: DesignToken;
91
91
  };
92
92
  gray: {
93
+ severe: DesignToken;
93
94
  deep: DesignToken;
94
95
  muted: DesignToken;
95
96
  };
@@ -132,7 +133,6 @@ declare const tokens: {
132
133
  soft: DesignToken;
133
134
  delicate: DesignToken;
134
135
  faint: DesignToken;
135
- "faint-copy": DesignToken;
136
136
  nought: DesignToken;
137
137
  };
138
138
  };
package/js/common/light.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  module.exports.modeColorNone = "#fff0";
@@ -39,8 +39,9 @@ module.exports.modeColorColorcodePurpleDeep = "#8f4bd7";
39
39
  module.exports.modeColorColorcodePurpleMuted = "#F3EBFE";
40
40
  module.exports.modeColorColorcodeSlateDeep = "#527386";
41
41
  module.exports.modeColorColorcodeSlateMuted = "#e4eff5";
42
- module.exports.modeColorColorcodeGrayDeep = "#6f6f6f";
43
- module.exports.modeColorColorcodeGrayMuted = "#eeeeee";
42
+ module.exports.modeColorColorcodeGraySevere = "#304658";
43
+ module.exports.modeColorColorcodeGrayDeep = "#6a7986";
44
+ module.exports.modeColorColorcodeGrayMuted = "#e8eaec";
44
45
  module.exports.modeColorGenericBgNought = "#FFFFFF";
45
46
  module.exports.modeColorGenericBgFaint = "#f4f5f6";
46
47
  module.exports.modeColorGenericBgDelicate = "#e8eaec";
@@ -72,7 +73,6 @@ module.exports.modeColorGenericTxtInverseModerate = "#ffffffab";
72
73
  module.exports.modeColorGenericTxtInverseSoft = "#ffffff8c";
73
74
  module.exports.modeColorGenericTxtInverseDelicate = "#ffffff6b";
74
75
  module.exports.modeColorGenericTxtInverseFaint = "#ffffff4d";
75
- module.exports.modeColorGenericTxtInverseFaintCopy = "#ffffff4d";
76
76
  module.exports.modeColorGenericTxtInverseNought = "#000000";
77
77
  module.exports.modeColorGenericFgNought = "#FFFFFF";
78
78
  module.exports.modeColorGenericFgDelicate = "#e8eaec";
package/js/es6/components/badge.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/badge.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const badgeNone = "var(--mode-color-none)";
package/js/es6/components/button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/button.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const buttonNone = "var(--mode-color-none)";
package/js/es6/components/container.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/container.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const containerActionBgFooterActivated = "var(--mode-color-status-positive-default)";
package/js/es6/components/dataviz.d.ts CHANGED
@@ -1,11 +1,37 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
6
6
  * Do not edit directly, this file was auto-generated.
7
7
  */
8
8
 
9
+ export const datavizChartLineBgDefault: string;
10
+ export const datavizChartLineBorder: string;
11
+ export const datavizChartBarGrayBgAlt: string;
12
+ export const datavizChartBarGrayBgDefault: string;
13
+ export const datavizChartBarGrayBorder: string;
14
+ export const datavizChartBarGrayPattern: string;
15
+ export const datavizChartBarGreenBgAlt: string;
16
+ export const datavizChartBarGreenBgDefault: string;
17
+ export const datavizChartBarGreenBorder: string;
18
+ export const datavizChartBarGreenPattern: string;
19
+ export const datavizChartBarOrangeBgAlt: string;
20
+ export const datavizChartBarOrangeBgDefault: string;
21
+ export const datavizChartBarOrangeBorder: string;
22
+ export const datavizChartBarOrangePattern: string;
23
+ export const datavizChartDonutGrayBgAlt: string;
24
+ export const datavizChartDonutGrayBgDefault: string;
25
+ export const datavizChartDonutGrayBorder: string;
26
+ export const datavizChartDonutGrayPattern: string;
27
+ export const datavizChartDonutGreenBgAlt: string;
28
+ export const datavizChartDonutGreenBgDefault: string;
29
+ export const datavizChartDonutGreenBorder: string;
30
+ export const datavizChartDonutGreenPattern: string;
31
+ export const datavizChartDonutOrangeBgAlt: string;
32
+ export const datavizChartDonutOrangeBgDefault: string;
33
+ export const datavizChartDonutOrangeBorder: string;
34
+ export const datavizChartDonutOrangePattern: string;
9
35
  /** Accessible on colorpicker bg-alt colors. */
10
36
  export const datavizGenericLabelAlt: string;
11
37
  /** Accessible on colorpicker bg-default colors. */
package/js/es6/components/dataviz.js CHANGED
@@ -1,7 +1,33 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
+ export const datavizChartLineBgDefault = "var(--mode-color-colorcode-green-deep)";
6
+ export const datavizChartLineBorder = "var(--mode-color-colorcode-green-deep)";
7
+ export const datavizChartBarGrayBgAlt = "var(--mode-color-colorcode-gray-muted)";
8
+ export const datavizChartBarGrayBgDefault = "var(--mode-color-colorcode-gray-severe)";
9
+ export const datavizChartBarGrayBorder = "var(--mode-color-colorcode-gray-severe)";
10
+ export const datavizChartBarGrayPattern = "var(--mode-color-colorcode-gray-severe)";
11
+ export const datavizChartBarGreenBgAlt = "var(--mode-color-colorcode-green-muted)";
12
+ export const datavizChartBarGreenBgDefault = "var(--mode-color-colorcode-green-deep)";
13
+ export const datavizChartBarGreenBorder = "var(--mode-color-colorcode-green-deep)";
14
+ export const datavizChartBarGreenPattern = "var(--mode-color-colorcode-green-deep)";
15
+ export const datavizChartBarOrangeBgAlt = "var(--mode-color-colorcode-orange-muted)";
16
+ export const datavizChartBarOrangeBgDefault = "var(--mode-color-colorcode-orange-deep)";
17
+ export const datavizChartBarOrangeBorder = "var(--mode-color-colorcode-orange-deep)";
18
+ export const datavizChartBarOrangePattern = "var(--mode-color-colorcode-orange-deep)";
19
+ export const datavizChartDonutGrayBgAlt = "var(--mode-color-colorcode-gray-muted)";
20
+ export const datavizChartDonutGrayBgDefault = "var(--mode-color-colorcode-gray-severe)";
21
+ export const datavizChartDonutGrayBorder = "var(--mode-color-colorcode-gray-severe)";
22
+ export const datavizChartDonutGrayPattern = "var(--mode-color-colorcode-gray-severe)";
23
+ export const datavizChartDonutGreenBgAlt = "var(--mode-color-colorcode-green-muted)";
24
+ export const datavizChartDonutGreenBgDefault = "var(--mode-color-colorcode-green-deep)";
25
+ export const datavizChartDonutGreenBorder = "var(--mode-color-colorcode-green-deep)";
26
+ export const datavizChartDonutGreenPattern = "var(--mode-color-colorcode-green-deep)";
27
+ export const datavizChartDonutOrangeBgAlt = "var(--mode-color-colorcode-orange-muted)";
28
+ export const datavizChartDonutOrangeBgDefault = "var(--mode-color-colorcode-orange-deep)";
29
+ export const datavizChartDonutOrangeBorder = "var(--mode-color-colorcode-orange-deep)";
30
+ export const datavizChartDonutOrangePattern = "var(--mode-color-colorcode-orange-deep)";
5
31
  export const datavizGenericLabelAlt = "var(--mode-color-generic-txt-inverse-extreme)";
6
32
  export const datavizGenericLabelDefault = "var(--mode-color-generic-txt-extreme)";
7
33
  export const datavizGenericBlueBgAlt = "var(--mode-color-colorcode-blue-deep)";
package/js/es6/components/focus.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/focus.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const focusBg = "var(--mode-color-action-focus-with-default-alt)";
package/js/es6/components/input.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/input.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const inputCalendarBgActive = "var(--mode-color-action-grayscale-active)";
package/js/es6/components/link.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/link.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const linkDestructiveLabelDefault = "var(--mode-color-action-danger-default-alt)";
package/js/es6/components/logo.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/logo.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const logoSageBgDefault = "var(--mode-color-brand-default)";
package/js/es6/components/message.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/message.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const messageNone = "var(--mode-color-none)";
package/js/es6/components/nav.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/nav.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const navBgDefault = "var(--mode-color-generic-bg-nought)";
package/js/es6/components/page.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/page.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const pageBgDefault = "var(--mode-color-generic-surface-nought)";
package/js/es6/components/pill.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/pill.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const pillGenericNone = "var(--mode-color-none)";
package/js/es6/components/popover.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/popover.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const popoverSizeMenuMinwidthS = "calc(var(--container-size-fluid-items-m) / 2)";
package/js/es6/components/profile.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/profile.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const profileSizeOutsideXs = "var(--global-size-xs)";
package/js/es6/components/progress.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/progress.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const progressNone = "var(--mode-color-none)";
package/js/es6/components/tab.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/tab.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const tabBgActive = "var(--mode-color-action-grayscale-with-active)";
package/js/es6/components/table.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/components/table.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  export const tableHeaderSubtleBgAlt = "var(--mode-color-generic-bg-faint)";
package/js/es6/dark.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
@@ -44,6 +44,7 @@ export const modeColorColorcodePurpleDeep: string;
44
44
  export const modeColorColorcodePurpleMuted: string;
45
45
  export const modeColorColorcodeSlateDeep: string;
46
46
  export const modeColorColorcodeSlateMuted: string;
47
+ export const modeColorColorcodeGraySevere: string;
47
48
  export const modeColorColorcodeGrayDeep: string;
48
49
  export const modeColorColorcodeGrayMuted: string;
49
50
  export const modeColorGenericBgNought: string;
package/js/es6/dark.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
@@ -43,8 +43,9 @@ export const modeColorColorcodePurpleDeep = "#9463d7";
43
43
  export const modeColorColorcodePurpleMuted = "#220c3a";
44
44
  export const modeColorColorcodeSlateDeep = "#6b7f8d";
45
45
  export const modeColorColorcodeSlateMuted = "#101a20";
46
- export const modeColorColorcodeGrayDeep = "#7c7c7c";
47
- export const modeColorColorcodeGrayMuted = "#181818";
46
+ export const modeColorColorcodeGraySevere = "#e8eaec";
47
+ export const modeColorColorcodeGrayDeep = "#a3adb5";
48
+ export const modeColorColorcodeGrayMuted = "#253b4e";
48
49
  export const modeColorGenericBgNought = "#000000";
49
50
  export const modeColorGenericBgFaint = "#ffffff0d";
50
51
  export const modeColorGenericBgDelicate = "#ffffff1a";
package/js/es6/global.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/global.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
package/js/es6/light.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
@@ -44,6 +44,7 @@ export const modeColorColorcodePurpleDeep: string;
44
44
  export const modeColorColorcodePurpleMuted: string;
45
45
  export const modeColorColorcodeSlateDeep: string;
46
46
  export const modeColorColorcodeSlateMuted: string;
47
+ export const modeColorColorcodeGraySevere: string;
47
48
  export const modeColorColorcodeGrayDeep: string;
48
49
  export const modeColorColorcodeGrayMuted: string;
49
50
  export const modeColorGenericBgNought: string;
@@ -92,10 +93,8 @@ export const modeColorGenericTxtInverseModerate: string;
92
93
  export const modeColorGenericTxtInverseSoft: string;
93
94
  /** accessible OBJECT against white. */
94
95
  export const modeColorGenericTxtInverseDelicate: string;
95
- /** Used for disabled txt */
96
- export const modeColorGenericTxtInverseFaint: string;
97
96
  /** deprecation candidate */
98
- export const modeColorGenericTxtInverseFaintCopy: string;
97
+ export const modeColorGenericTxtInverseFaint: string;
99
98
  /** deprecation candidate */
100
99
  export const modeColorGenericTxtInverseNought: string;
101
100
  export const modeColorGenericFgNought: string;
package/js/es6/light.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
2
+ * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
3
3
  */
4
4
 
5
5
  /**
@@ -43,8 +43,9 @@ export const modeColorColorcodePurpleDeep = "#8f4bd7";
43
43
  export const modeColorColorcodePurpleMuted = "#F3EBFE";
44
44
  export const modeColorColorcodeSlateDeep = "#527386";
45
45
  export const modeColorColorcodeSlateMuted = "#e4eff5";
46
- export const modeColorColorcodeGrayDeep = "#6f6f6f";
47
- export const modeColorColorcodeGrayMuted = "#eeeeee";
46
+ export const modeColorColorcodeGraySevere = "#304658";
47
+ export const modeColorColorcodeGrayDeep = "#6a7986";
48
+ export const modeColorColorcodeGrayMuted = "#e8eaec";
48
49
  export const modeColorGenericBgNought = "#FFFFFF";
49
50
  export const modeColorGenericBgFaint = "#f4f5f6";
50
51
  export const modeColorGenericBgDelicate = "#e8eaec";
@@ -75,8 +76,7 @@ export const modeColorGenericTxtInverseSevere = "#fffffff2";
75
76
  export const modeColorGenericTxtInverseModerate = "#ffffffab";
76
77
  export const modeColorGenericTxtInverseSoft = "#ffffff8c"; // was 0.5. Increased to 0.55 so that we can use this for hint txt etc too, and still be accessible.
77
78
  export const modeColorGenericTxtInverseDelicate = "#ffffff6b"; // accessible OBJECT against white.
78
- export const modeColorGenericTxtInverseFaint = "#ffffff4d"; // Used for disabled txt
79
- export const modeColorGenericTxtInverseFaintCopy = "#ffffff4d"; // deprecation candidate
79
+ export const modeColorGenericTxtInverseFaint = "#ffffff4d"; // deprecation candidate
80
80
  export const modeColorGenericTxtInverseNought = "#000000"; // deprecation candidate
81
81
  export const modeColorGenericFgNought = "#FFFFFF";
82
82
  export const modeColorGenericFgDelicate = "#e8eaec"; // used for dividers
package/json/components/dataviz.json CHANGED
@@ -1,4 +1,30 @@
1
1
  {
2
+ "datavizChartLineBgDefault": "var(--mode-color-colorcode-green-deep)",
3
+ "datavizChartLineBorder": "var(--mode-color-colorcode-green-deep)",
4
+ "datavizChartBarGrayBgAlt": "var(--mode-color-colorcode-gray-muted)",
5
+ "datavizChartBarGrayBgDefault": "var(--mode-color-colorcode-gray-severe)",
6
+ "datavizChartBarGrayBorder": "var(--mode-color-colorcode-gray-severe)",
7
+ "datavizChartBarGrayPattern": "var(--mode-color-colorcode-gray-severe)",
8
+ "datavizChartBarGreenBgAlt": "var(--mode-color-colorcode-green-muted)",
9
+ "datavizChartBarGreenBgDefault": "var(--mode-color-colorcode-green-deep)",
10
+ "datavizChartBarGreenBorder": "var(--mode-color-colorcode-green-deep)",
11
+ "datavizChartBarGreenPattern": "var(--mode-color-colorcode-green-deep)",
12
+ "datavizChartBarOrangeBgAlt": "var(--mode-color-colorcode-orange-muted)",
13
+ "datavizChartBarOrangeBgDefault": "var(--mode-color-colorcode-orange-deep)",
14
+ "datavizChartBarOrangeBorder": "var(--mode-color-colorcode-orange-deep)",
15
+ "datavizChartBarOrangePattern": "var(--mode-color-colorcode-orange-deep)",
16
+ "datavizChartDonutGrayBgAlt": "var(--mode-color-colorcode-gray-muted)",
17
+ "datavizChartDonutGrayBgDefault": "var(--mode-color-colorcode-gray-severe)",
18
+ "datavizChartDonutGrayBorder": "var(--mode-color-colorcode-gray-severe)",
19
+ "datavizChartDonutGrayPattern": "var(--mode-color-colorcode-gray-severe)",
20
+ "datavizChartDonutGreenBgAlt": "var(--mode-color-colorcode-green-muted)",
21
+ "datavizChartDonutGreenBgDefault": "var(--mode-color-colorcode-green-deep)",
22
+ "datavizChartDonutGreenBorder": "var(--mode-color-colorcode-green-deep)",
23
+ "datavizChartDonutGreenPattern": "var(--mode-color-colorcode-green-deep)",
24
+ "datavizChartDonutOrangeBgAlt": "var(--mode-color-colorcode-orange-muted)",
25
+ "datavizChartDonutOrangeBgDefault": "var(--mode-color-colorcode-orange-deep)",
26
+ "datavizChartDonutOrangeBorder": "var(--mode-color-colorcode-orange-deep)",
27
+ "datavizChartDonutOrangePattern": "var(--mode-color-colorcode-orange-deep)",
2
28
  "datavizGenericLabelAlt": "var(--mode-color-generic-txt-inverse-extreme)",
3
29
  "datavizGenericLabelDefault": "var(--mode-color-generic-txt-extreme)",
4
30
  "datavizGenericBlueBgAlt": "var(--mode-color-colorcode-blue-deep)",
package/json/dark.json CHANGED
@@ -36,8 +36,9 @@
36
36
  "modeColorColorcodePurpleMuted": "#220c3a",
37
37
  "modeColorColorcodeSlateDeep": "#6b7f8d",
38
38
  "modeColorColorcodeSlateMuted": "#101a20",
39
- "modeColorColorcodeGrayDeep": "#7c7c7c",
40
- "modeColorColorcodeGrayMuted": "#181818",
39
+ "modeColorColorcodeGraySevere": "#e8eaec",
40
+ "modeColorColorcodeGrayDeep": "#a3adb5",
41
+ "modeColorColorcodeGrayMuted": "#253b4e",
41
42
  "modeColorGenericBgNought": "#000000",
42
43
  "modeColorGenericBgFaint": "#ffffff0d",
43
44
  "modeColorGenericBgDelicate": "#ffffff1a",
package/json/light.json CHANGED
@@ -36,8 +36,9 @@
36
36
  "modeColorColorcodePurpleMuted": "#F3EBFE",
37
37
  "modeColorColorcodeSlateDeep": "#527386",
38
38
  "modeColorColorcodeSlateMuted": "#e4eff5",
39
- "modeColorColorcodeGrayDeep": "#6f6f6f",
40
- "modeColorColorcodeGrayMuted": "#eeeeee",
39
+ "modeColorColorcodeGraySevere": "#304658",
40
+ "modeColorColorcodeGrayDeep": "#6a7986",
41
+ "modeColorColorcodeGrayMuted": "#e8eaec",
41
42
  "modeColorGenericBgNought": "#FFFFFF",
42
43
  "modeColorGenericBgFaint": "#f4f5f6",
43
44
  "modeColorGenericBgDelicate": "#e8eaec",
@@ -69,7 +70,6 @@
69
70
  "modeColorGenericTxtInverseSoft": "#ffffff8c",
70
71
  "modeColorGenericTxtInverseDelicate": "#ffffff6b",
71
72
  "modeColorGenericTxtInverseFaint": "#ffffff4d",
72
- "modeColorGenericTxtInverseFaintCopy": "#ffffff4d",
73
73
  "modeColorGenericTxtInverseNought": "#000000",
74
74
  "modeColorGenericFgNought": "#FFFFFF",
75
75
  "modeColorGenericFgDelicate": "#e8eaec",
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "description": "Design tokens for the Sage Design System.",
8
8
  "author": "The Sage Group plc",
9
- "version": "17.4.0",
9
+ "version": "17.5.1",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
package/scss/components/badge.scss CHANGED
@@ -1,4 +1,4 @@
1
- // Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
1
+ // Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
2
2
 
3
3
 
4
4
  // Do not edit directly, this file was auto-generated.