@splunk/themes 1.5.0 → 1.6.0
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.
- package/CHANGELOG.md +11 -0
- package/design-tokens/colors.js +1 -1
- package/design-tokens/deprecated.js +14 -10
- package/enterprise/light.js +1 -1
- package/mixins/resets.js +2 -2
- package/package.json +1 -1
- package/tokens.json +917 -24
- package/types/design-tokens/colors.d.ts +1 -1
- package/types/design-tokens/deprecated.d.ts +28 -20
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
Change Log
|
|
2
2
|
============
|
|
3
3
|
|
|
4
|
+
1.6.0 - March 5, 2026
|
|
5
|
+
----------
|
|
6
|
+
New Features:
|
|
7
|
+
* `pageBase` mixin now sets `lineHeight` (SUI-8635).
|
|
8
|
+
|
|
9
|
+
Bug Fixes:
|
|
10
|
+
* `contentColorLink` in Enterprise light theme updated to improve visual contrast between `neutral100` and `neutral200` (SUI-8552).
|
|
11
|
+
|
|
12
|
+
Docs:
|
|
13
|
+
* Updated recommended tokens replacements for deprecated `accentColor*` tokens (SUI-8586).
|
|
14
|
+
|
|
4
15
|
1.5.0 - February 10, 2026
|
|
5
16
|
----------
|
|
6
17
|
New Features:
|
package/design-tokens/colors.js
CHANGED
|
@@ -456,7 +456,7 @@ var uiColors = {
|
|
|
456
456
|
* #### Notification colors
|
|
457
457
|
*
|
|
458
458
|
* Use notifications colors to communicate messages and guidance directly to users.
|
|
459
|
-
* For example in Message Bars
|
|
459
|
+
* For example in Message Bars to set tone and urgency in a conversational context.
|
|
460
460
|
*
|
|
461
461
|
* Weak variants do not meet graphical or text contrast and should only be used decoratively.
|
|
462
462
|
*
|
|
@@ -34,15 +34,13 @@ var deprecated = {
|
|
|
34
34
|
* @deprecated Use a more specific token based on the semantic use case: [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
|
|
35
35
|
*/
|
|
36
36
|
interactiveColorPrimary: '',
|
|
37
|
-
/**
|
|
38
|
-
* @deprecated Use `statusColorNormal`, `accentColor`, or ...
|
|
39
|
-
*/
|
|
37
|
+
/** @deprecated Use `notificationColorPositive` */
|
|
40
38
|
accentColorPositive: '',
|
|
41
|
-
/** @deprecated */
|
|
39
|
+
/** @deprecated Use `notificationColorCaution` */
|
|
42
40
|
accentColorWarning: '',
|
|
43
|
-
/** @deprecated */
|
|
41
|
+
/** @deprecated Use `notificationColorCaution` */
|
|
44
42
|
accentColorAlert: '',
|
|
45
|
-
/** @deprecated */
|
|
43
|
+
/** @deprecated Use `notificationColorNegative` */
|
|
46
44
|
accentColorNegative: '',
|
|
47
45
|
/**
|
|
48
46
|
* @deprecated Use `contentColorDefault`
|
|
@@ -53,7 +51,7 @@ var deprecated = {
|
|
|
53
51
|
*/
|
|
54
52
|
textGray: '',
|
|
55
53
|
/**
|
|
56
|
-
* @deprecated Use
|
|
54
|
+
* @deprecated Use `contentColorLink`
|
|
57
55
|
*/
|
|
58
56
|
linkColor: '',
|
|
59
57
|
/**
|
|
@@ -260,7 +258,9 @@ var deprecated = {
|
|
|
260
258
|
errorColorL20: '',
|
|
261
259
|
/** @deprecated */
|
|
262
260
|
errorColorL10: '',
|
|
263
|
-
/**
|
|
261
|
+
/**
|
|
262
|
+
* @deprecated Use `notificationColorNegative` or `severityColorAlert`
|
|
263
|
+
*/
|
|
264
264
|
errorColor: '',
|
|
265
265
|
/** @deprecated */
|
|
266
266
|
errorColorD10: '',
|
|
@@ -304,7 +304,9 @@ var deprecated = {
|
|
|
304
304
|
warningColorL20: '',
|
|
305
305
|
/** @deprecated */
|
|
306
306
|
warningColorL10: '',
|
|
307
|
-
/**
|
|
307
|
+
/**
|
|
308
|
+
* @deprecated Use `notificationColorCaution` or `severityColorNotice`
|
|
309
|
+
*/
|
|
308
310
|
warningColor: '',
|
|
309
311
|
/** @deprecated */
|
|
310
312
|
warningColorD10: '',
|
|
@@ -326,7 +328,9 @@ var deprecated = {
|
|
|
326
328
|
successColorL20: '',
|
|
327
329
|
/** @deprecated */
|
|
328
330
|
successColorL10: '',
|
|
329
|
-
/**
|
|
331
|
+
/**
|
|
332
|
+
* @deprecated Use `notificationColorPositive` or `severityColorNormal`
|
|
333
|
+
*/
|
|
330
334
|
successColor: '',
|
|
331
335
|
/** @deprecated */
|
|
332
336
|
successColorD10: '',
|
package/enterprise/light.js
CHANGED
|
@@ -131,7 +131,7 @@ var contentColors = {
|
|
|
131
131
|
contentColorAccentWeak: '#b5e3b5',
|
|
132
132
|
contentColorNegative: '#c84535',
|
|
133
133
|
contentColorNegativeWeak: '#f5aca3',
|
|
134
|
-
contentColorLink:
|
|
134
|
+
contentColorLink: '#006297',
|
|
135
135
|
contentColorLinkDisabled: deprecatedEnterpriseColors.accentColorL30,
|
|
136
136
|
contentColorLinkVisited: '#864ae0',
|
|
137
137
|
contentColorLinkVisitedDisabled: '#e0ccff'
|
package/mixins/resets.js
CHANGED
|
@@ -16,7 +16,7 @@ function _templateObject2() {
|
|
|
16
16
|
return data;
|
|
17
17
|
}
|
|
18
18
|
function _templateObject() {
|
|
19
|
-
var data = _taggedTemplateLiteral(["\n background-color: ", ";\n box-sizing: border-box;\n color: ", ";\n color-scheme: ", ";\n font-family: ", ";\n margin: 0;\n "]);
|
|
19
|
+
var data = _taggedTemplateLiteral(["\n background-color: ", ";\n box-sizing: border-box;\n color: ", ";\n color-scheme: ", ";\n font-family: ", ";\n line-height: ", ";\n margin: 0;\n "]);
|
|
20
20
|
_templateObject = function _templateObject() {
|
|
21
21
|
return data;
|
|
22
22
|
};
|
|
@@ -50,7 +50,7 @@ var pageBase = function pageBase() {
|
|
|
50
50
|
return (0, _styledComponents.css)(_templateObject(), _variables["default"].backgroundColorPage, _variables["default"].contentColorDefault, (0, _pick["default"])({
|
|
51
51
|
dark: 'dark',
|
|
52
52
|
light: 'light'
|
|
53
|
-
}), _variables["default"].fontFamily);
|
|
53
|
+
}), _variables["default"].fontFamily, _variables["default"].lineHeight);
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
|