@splunk/themes 1.0.0-rc.2 → 1.0.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 +122 -0
- package/README.md +1 -1
- package/enterprise/dark.js +3 -3
- package/enterprise/light.js +8 -8
- package/package.json +4 -4
- package/prisma/dark.js +6 -6
- package/prisma/light.js +6 -6
- package/CHANGELOG.v1.md +0 -117
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,128 @@
|
|
|
1
1
|
Change Log
|
|
2
2
|
============
|
|
3
3
|
|
|
4
|
+
1.0.0 - June 3, 2025
|
|
5
|
+
----------
|
|
6
|
+
* Includes all changes from `1.0.0-beta` and `1.0.0-rc` releases.
|
|
7
|
+
|
|
8
|
+
Bug fixes:
|
|
9
|
+
* Color variables `backgroundColorPage`, `backgroundColorNavigation`,`backgroundColorSideBar`,`neutral50`,`neutral100` and `neutral200` in Enterprise light have been updated to align better with Prisma themes (SUI-7584).
|
|
10
|
+
* `@types/react` peer dependency now includes `^16 | ^17` and no longer blocks installation using `npm` in React 16 or 17 environments (SUI-7838).
|
|
11
|
+
* Color variables for `actionColorBorderSecondary*`, `actionColorBackgroundSecondary*`, and `interactiveColorBorderDisabled` have been updated to align with both Prisma and Enterprise themes (SUI-7839).
|
|
12
|
+
|
|
13
|
+
1.0.0-rc.2 - May 28, 2025
|
|
14
|
+
----------
|
|
15
|
+
* Release candidate 2
|
|
16
|
+
|
|
17
|
+
1.0.0-rc.1 - May 14, 2025
|
|
18
|
+
----------
|
|
19
|
+
API Changes:
|
|
20
|
+
* `SplunkThemeProvider`'s default `density` has been changed from `"comfortable"` to `"compact"` (SUI-5709).
|
|
21
|
+
|
|
22
|
+
1.0.0-beta.5 - May 7, 2025
|
|
23
|
+
----------
|
|
24
|
+
New Features:
|
|
25
|
+
* New `interactiveColorAccentErrorWeak` variable (SUI-7757).
|
|
26
|
+
* `typography` has reintroduced the `withReset` prop, which defaults to `false`. When set to `true`, it removes all browser-default styles and applies theme-specific defaults (SUI-7638).
|
|
27
|
+
|
|
28
|
+
1.0.0-beta.4 - April 22, 2025
|
|
29
|
+
----------
|
|
30
|
+
New Features:
|
|
31
|
+
* New `inputBorderWidth` variable (SUI-7384).
|
|
32
|
+
|
|
33
|
+
Bug Fixes:
|
|
34
|
+
* Fixes broken CSS for Splunk Magnetic's `backgroundColorNavigation` override (SUI-7653).
|
|
35
|
+
|
|
36
|
+
Deprecations:
|
|
37
|
+
* `statusColor*`s have been deprecated. Instead use the appropriate `notificationColor*` or `severityColor*`(SUI-7303)
|
|
38
|
+
|
|
39
|
+
API Changes:
|
|
40
|
+
* `typescript` version is now `^5.8.3` (SUI-7601).
|
|
41
|
+
* `borderActiveColor` has been deprecated. (SUI-7633).
|
|
42
|
+
* Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
|
|
43
|
+
* `backgroundColorHover` have been deprecated. (SUI-7633).
|
|
44
|
+
* Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
|
|
45
|
+
* `hoverShadow` has been deprecated. See notes on `backgroundColorHover` for hover affordances. (SUI-7621)
|
|
46
|
+
|
|
47
|
+
1.0.0-beta.3 - April 2, 2025
|
|
48
|
+
----------
|
|
49
|
+
New Features:
|
|
50
|
+
* New `neutral50` variable (SUI-7384).
|
|
51
|
+
* New `notificationColor` variables (SUI-7303).
|
|
52
|
+
* New `severityColor` variables (SUI-7303).
|
|
53
|
+
|
|
54
|
+
Bug Fixes:
|
|
55
|
+
* Updates `interactiveColorBackground` and `interactiveColorBackgroundDisabled` to be transparent in all themes (SUI-7347).
|
|
56
|
+
* The `@types/react` peer dependency is now correctly set to `^18.2.0` (SUI-7548).
|
|
57
|
+
|
|
58
|
+
Deprecations:
|
|
59
|
+
* `interactiveColorPrimary` has been deprecated (SUI-3568).
|
|
60
|
+
|
|
61
|
+
1.0.0-beta.2 - March 5, 2025
|
|
62
|
+
----------
|
|
63
|
+
New Features:
|
|
64
|
+
* New `contentColorLink` variable (SUI-3568).
|
|
65
|
+
* The data-viz variables are supported in all themes (SUI-3568).
|
|
66
|
+
|
|
67
|
+
Deprecations:
|
|
68
|
+
* `linkColor` and `linkColorHover` have been deprecated. Instead use `contentColorLink` (SUI-3568).
|
|
69
|
+
|
|
70
|
+
API Changes:
|
|
71
|
+
* `accentColor` variable has been removed from Prisma themes (SUI-3568).
|
|
72
|
+
* `borderColor`, `borderColorStrong`, and `borderColorWeak` have had alpha removed from their values (SUI-7340).
|
|
73
|
+
* `embossShadow`, `overlayShadow`, `dragShadow`, and `modalShadow` variables have been updated in Enterprise themes to match Prisma (SUI-7334).
|
|
74
|
+
* Enterprise only tokens have been deprecated: `brandColor*`, `gray*`, `accentColor*`, `errorColor*`, `alertColor*`, `warningColor*`, `successColor*`, `infoColor*`, `diverging*Color*`, and `cat*Color*`.
|
|
75
|
+
|
|
76
|
+
1.0.0-beta.1 - February 20, 2025
|
|
77
|
+
----------
|
|
78
|
+
New Features:
|
|
79
|
+
* Enterprise themes now support the `interactiveColorOverlayHover` Prisma alias (SUI-6289).
|
|
80
|
+
* All themes now support color variable `interactiveColorAccent` (SUI-6304).
|
|
81
|
+
* All themes now support color variable `interactiveColorAccentError` (SUI-6395).
|
|
82
|
+
* Enterprise themes now support the `interactiveColorOverlaySelected` Prisma alias.
|
|
83
|
+
* All themes now support color variable `contentBackgroundColorNegativeWeak` (SUI-6395).
|
|
84
|
+
* Enterprise themes now support color variable `contentColorInverted` (SUI-6530).
|
|
85
|
+
* All themes now support color variable `contentColorNegative` (SUI-6408).
|
|
86
|
+
* Prisma themes now support color variable `accentColor` (SUI-6657).
|
|
87
|
+
* All themes now support new `actionColor` tokens (SUI-6616).
|
|
88
|
+
* All themes now support color variable `contentColorAccent` (SUI-6711).
|
|
89
|
+
* All themes now support color variables `contentColorInfo`, `contentColorPositive`, and `contentColorWarning` (SUI-6830).
|
|
90
|
+
* Enterprise themes now support the `interactiveColorOverlayActive` (SUI-6870).
|
|
91
|
+
* All themes now support color variable `interactiveColorAccentErrorStrong` (SUI-6869).
|
|
92
|
+
* All themes now support color variable `interactiveColorBackground` (SUI-6983).
|
|
93
|
+
* New `layout` mixin (SUI-6678).
|
|
94
|
+
* Enterprise themes now support color variable `backgroundColorSidebar` (SUI-7102).
|
|
95
|
+
|
|
96
|
+
Deprecations:
|
|
97
|
+
* Enterprise theme tokens `textColor`, `textGray`, and `textDisabledColor` have been deprecated (SUI-6160).
|
|
98
|
+
* Enterprise theme token `backgroundColor` has been deprecated (SUI-6656).
|
|
99
|
+
* `accentColorPositive`, `accentColorWarning`, `accentColorAlert`, and `accentColorNegative` have been deprecated (SUI-3658).
|
|
100
|
+
|
|
101
|
+
API Changes:
|
|
102
|
+
* `react` and `react-dom` peer dependencies are now `"^16.8.0 || ^17.0.0 || ^18.0.0"`.
|
|
103
|
+
* `px` sizing for `variables.fontSize*` and `mixins.typography` have been replaced with `rem` sizing (SUI-5509).
|
|
104
|
+
* This results in minor differences in text sizing; but is required to meet WCAG 1.4.4 and WCAG 1.4.10.
|
|
105
|
+
* `typography` `size` param no longer supports `56` `36` `32` and `10`.
|
|
106
|
+
* `variables.lineHeight` is no longer defined in `px` to improve readability of font at all scales (SUI-5509).
|
|
107
|
+
* `typography`'s mixin for `Title5`'s has been updated to text color `variables.contentColorActive` in Prisma theme (SUI-5685).
|
|
108
|
+
* This change affects `Heading` and `Typography` components.
|
|
109
|
+
* The font size and line height no longer change with density. The default font-size in Enterprise Compact now is 14px (SUI-5508).
|
|
110
|
+
* `typography`'s `line-height`, `size`, and `font-weight` values have been consolidated between Enterprise and Prisma themes (SUI-5684).
|
|
111
|
+
* `typography`'s `withReset` prop has been removed (SUI-5686).
|
|
112
|
+
* `variables.activeBorder` has been removed (SUI-6362).
|
|
113
|
+
* Spacing variables in Enterprise themes are now aligned with Prisma themes (SUI-6530).
|
|
114
|
+
* `spacingXSmall`, `spacingSmall`, `spacingMedium`, `spacingLarge`, `spacingXLarge`, `spacingXXLarge`, `spacingXXXLarge` have been updated to match Prisma themes.
|
|
115
|
+
* `spacingQuarter`, `spacingHalf`, and `spacing` are deprecated and should not be used.
|
|
116
|
+
* Enterprise theme `statusColor*` variables have been shifted to align brightness values with Prisma themes (SUI-6348).
|
|
117
|
+
* Enterprise theme's `focusShadow` variable has been updated to match Prisma (SUI-6481).
|
|
118
|
+
* Enterprise theme's `focusShadowInset` variable has been updated to match Prisma (SUI-6487).
|
|
119
|
+
* `typography` supports a new scale for line-height that uses unitless values (SUI-6593).
|
|
120
|
+
* `typography` no longer support pixel values for line-height (SUI-6593).
|
|
121
|
+
* `typography` no longer supports the `title7` and `footnote` variants (SUI-6593).
|
|
122
|
+
* `typography` parameters now supports `family: "title"`.
|
|
123
|
+
* `fontSizeXLarge` size has been changed (SUI-6593).
|
|
124
|
+
* Enterprise themes support the `contentColorActive`, `contentColorDefault`, `contentColorDisabled`, `contentColorInverted`, and `contentColorMuted` tokens (SUI-6160).
|
|
125
|
+
|
|
4
126
|
0.24.0 - May 6, 2025
|
|
5
127
|
----------
|
|
6
128
|
Bug Fixes:
|
package/README.md
CHANGED
|
@@ -15,7 +15,7 @@ npm install @splunk/themes
|
|
|
15
15
|
|
|
16
16
|
```
|
|
17
17
|
|
|
18
|
-
`react@^
|
|
18
|
+
`react@^18` and `styled-components@^5"` are required peer dependencies for all capabilities except `getTheme()`.
|
|
19
19
|
|
|
20
20
|
## React Usage
|
|
21
21
|
A theme context is created at the root of the application using `SplunkThemeProvider`.
|
package/enterprise/dark.js
CHANGED
|
@@ -77,7 +77,7 @@ var actionColors = {
|
|
|
77
77
|
actionColorBackgroundPrimaryDisabled: '#163b1b',
|
|
78
78
|
actionColorBackgroundPrimaryHover: '#6eba78',
|
|
79
79
|
actionColorBackgroundSecondary: 'transparent',
|
|
80
|
-
actionColorBackgroundSecondaryActive: 'rgba(
|
|
80
|
+
actionColorBackgroundSecondaryActive: 'rgba(0, 0, 0, 0.2)',
|
|
81
81
|
actionColorBackgroundSecondaryDisabled: 'transparent',
|
|
82
82
|
actionColorBackgroundSecondaryHover: 'rgba(255, 255, 255, 0.05)',
|
|
83
83
|
actionColorBackgroundSubtle: 'transparent',
|
|
@@ -94,7 +94,7 @@ var actionColors = {
|
|
|
94
94
|
actionColorBackgroundDestructiveSecondaryHover: '#47221f',
|
|
95
95
|
actionColorBorderSecondary: _light["default"].gray60,
|
|
96
96
|
actionColorBorderSecondaryActive: _light["default"].gray60,
|
|
97
|
-
actionColorBorderSecondaryDisabled:
|
|
97
|
+
actionColorBorderSecondaryDisabled: 'rgba(255, 255, 255, 0.3)',
|
|
98
98
|
actionColorBorderSecondaryHover: 'rgba(255, 255, 255, 0.7)',
|
|
99
99
|
actionColorBorderDestructiveSecondary: '#ff776b',
|
|
100
100
|
actionColorBorderDestructiveSecondaryActive: '#ff8a80',
|
|
@@ -105,7 +105,7 @@ var interactiveColors = {
|
|
|
105
105
|
interactiveColorBorder: _light["default"].gray60,
|
|
106
106
|
interactiveColorBorderActive: _light["default"].gray60,
|
|
107
107
|
interactiveColorBorderHover: 'rgba(255, 255, 255, 0.7)',
|
|
108
|
-
interactiveColorBorderDisabled:
|
|
108
|
+
interactiveColorBorderDisabled: 'rgba(255, 255, 255, 0.3)',
|
|
109
109
|
interactiveColorOverlaySelected: 'rgba(255, 255, 255, 0.1)',
|
|
110
110
|
interactiveColorOverlayHover: 'rgba(255, 255, 255, 0.05)',
|
|
111
111
|
interactiveColorOverlayActive: 'rgba(0, 0, 0, 0.2)',
|
package/enterprise/light.js
CHANGED
|
@@ -49,9 +49,9 @@ var deprecatedEnterpriseColors = {
|
|
|
49
49
|
};
|
|
50
50
|
var neutralColors = {
|
|
51
51
|
white: '#ffffff',
|
|
52
|
-
neutral50: '#
|
|
53
|
-
neutral100:
|
|
54
|
-
neutral200:
|
|
52
|
+
neutral50: '#e8ebee',
|
|
53
|
+
neutral100: '#e1e5ea',
|
|
54
|
+
neutral200: '#dae0e7',
|
|
55
55
|
neutral300: deprecatedEnterpriseColors.gray92,
|
|
56
56
|
neutral400: _tinycolor["default"].mix(deprecatedEnterpriseColors.gray92, deprecatedEnterpriseColors.gray80).toRgbString(),
|
|
57
57
|
neutral500: deprecatedEnterpriseColors.gray80,
|
|
@@ -109,12 +109,12 @@ var syntaxColors = {
|
|
|
109
109
|
var backgroundColors = {
|
|
110
110
|
backgroundColorDialog: neutralColors.white,
|
|
111
111
|
backgroundColorFloating: neutralColors.black,
|
|
112
|
-
backgroundColorNavigation:
|
|
113
|
-
backgroundColorPage:
|
|
112
|
+
backgroundColorNavigation: '#e4e8ec',
|
|
113
|
+
backgroundColorPage: '#f2f4f5',
|
|
114
114
|
backgroundColorPopup: neutralColors.white,
|
|
115
115
|
backgroundColorScrim: "rgba(255, 255, 255, 0.75)",
|
|
116
116
|
backgroundColorSection: neutralColors.white,
|
|
117
|
-
backgroundColorSidebar:
|
|
117
|
+
backgroundColorSidebar: '#eaedf1'
|
|
118
118
|
};
|
|
119
119
|
var shadows = {
|
|
120
120
|
focusShadow: "0 0 0 2px ".concat(backgroundColors.backgroundColorPage, ", 0 0 0 5px ").concat(usageColors.focusColor),
|
|
@@ -160,7 +160,7 @@ var actionColors = {
|
|
|
160
160
|
actionColorBackgroundDestructiveSecondaryHover: '#fad6d1',
|
|
161
161
|
actionColorBorderSecondary: deprecatedEnterpriseColors.gray60,
|
|
162
162
|
actionColorBorderSecondaryActive: deprecatedEnterpriseColors.gray45,
|
|
163
|
-
actionColorBorderSecondaryDisabled:
|
|
163
|
+
actionColorBorderSecondaryDisabled: 'rgba(0, 0, 0, 0.3)',
|
|
164
164
|
actionColorBorderSecondaryHover: 'rgba(0, 0, 0, 0.6)',
|
|
165
165
|
actionColorBorderDestructiveSecondary: '#c84535',
|
|
166
166
|
actionColorBorderDestructiveSecondaryActive: '#a1382b',
|
|
@@ -171,7 +171,7 @@ var interactiveColors = {
|
|
|
171
171
|
interactiveColorBorder: deprecatedEnterpriseColors.gray60,
|
|
172
172
|
interactiveColorBorderActive: deprecatedEnterpriseColors.gray45,
|
|
173
173
|
interactiveColorBorderHover: 'rgba(0, 0, 0, 0.6)',
|
|
174
|
-
interactiveColorBorderDisabled:
|
|
174
|
+
interactiveColorBorderDisabled: 'rgba(0, 0, 0, 0.3)',
|
|
175
175
|
interactiveColorOverlaySelected: 'rgba(0, 0, 0, 0.04)',
|
|
176
176
|
interactiveColorOverlayHover: 'rgba(0, 0, 0, 0.03)',
|
|
177
177
|
interactiveColorOverlayActive: 'rgba(0, 0, 0, 0.07)',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@splunk/themes",
|
|
3
|
-
"version": "1.0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Theme variables and mixins for the Splunk design language",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
"lint:ci": "yarn run lint -- -f junit -o test-reports/lint-results.xml",
|
|
17
17
|
"start": "yarn babel --watch",
|
|
18
18
|
"test": "jest",
|
|
19
|
-
"test:ci": "JEST_JUNIT_OUTPUT_DIR=./test-reports JEST_JUNIT_OUTPUT_NAME=unit-results.xml JEST_JUNIT_CLASSNAME=unit yarn run test --ci --reporters=default jest-junit --coverage --coverageDirectory=coverage_report/coverage_maps_unit --coverageReporters=cobertura",
|
|
20
19
|
"test:watch": "jest --watch",
|
|
21
20
|
"pretypes:build": "rm -rf ./types",
|
|
22
21
|
"types:build": "tsc --emitDeclarationOnly --declaration",
|
|
@@ -29,7 +28,7 @@
|
|
|
29
28
|
"@storybook/react": ">= 7.x",
|
|
30
29
|
"@storybook/theming": ">= 7.x",
|
|
31
30
|
"@types/lodash": "^4.14.156",
|
|
32
|
-
"@types/react": "^18.2.0",
|
|
31
|
+
"@types/react": "^16 | ^17 | 18.2.0",
|
|
33
32
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
34
33
|
"styled-components": "^5.3.10"
|
|
35
34
|
},
|
|
@@ -96,7 +95,8 @@
|
|
|
96
95
|
"eslint-plugin-jsx-a11y": "^6.10.0",
|
|
97
96
|
"eslint-plugin-react": "^7.36.1",
|
|
98
97
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
99
|
-
"jest": "^
|
|
98
|
+
"jest": "^29.7.0",
|
|
99
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
100
100
|
"jest-styled-components": "^7.0.8",
|
|
101
101
|
"react": "^18.2.0",
|
|
102
102
|
"styled-components": "^5.3.10",
|
package/prisma/dark.js
CHANGED
|
@@ -50,9 +50,9 @@ var actionColors = {
|
|
|
50
50
|
actionColorBackgroundPrimaryDisabled: '#103460',
|
|
51
51
|
actionColorBackgroundPrimaryHover: '#6baeff',
|
|
52
52
|
actionColorBackgroundSecondary: 'transparent',
|
|
53
|
-
actionColorBackgroundSecondaryActive: '
|
|
53
|
+
actionColorBackgroundSecondaryActive: 'rgba(0, 0, 0, 0.2)',
|
|
54
54
|
actionColorBackgroundSecondaryDisabled: 'transparent',
|
|
55
|
-
actionColorBackgroundSecondaryHover: '
|
|
55
|
+
actionColorBackgroundSecondaryHover: 'rgba(255, 255, 255, 0.05)',
|
|
56
56
|
actionColorBackgroundSubtle: 'transparent',
|
|
57
57
|
actionColorBackgroundSubtleActive: '#0a2f5c',
|
|
58
58
|
actionColorBackgroundSubtleDisabled: 'transparent',
|
|
@@ -65,10 +65,10 @@ var actionColors = {
|
|
|
65
65
|
actionColorBackgroundDestructiveSecondaryActive: '#471f1f',
|
|
66
66
|
actionColorBackgroundDestructiveSecondaryDisabled: 'transparent',
|
|
67
67
|
actionColorBackgroundDestructiveSecondaryHover: '#471f1f',
|
|
68
|
-
actionColorBorderSecondary: '
|
|
69
|
-
actionColorBorderSecondaryActive: '
|
|
70
|
-
actionColorBorderSecondaryDisabled: '
|
|
71
|
-
actionColorBorderSecondaryHover: '
|
|
68
|
+
actionColorBorderSecondary: 'rgba(255, 255, 255, 0.5)',
|
|
69
|
+
actionColorBorderSecondaryActive: 'rgba(255, 255, 255, 0.5)',
|
|
70
|
+
actionColorBorderSecondaryDisabled: 'rgba(255, 255, 255, 0.3)',
|
|
71
|
+
actionColorBorderSecondaryHover: 'rgba(255, 255, 255, 0.7)',
|
|
72
72
|
actionColorBorderDestructiveSecondary: '#ff4242',
|
|
73
73
|
actionColorBorderDestructiveSecondaryActive: '#ff6b6b',
|
|
74
74
|
actionColorBorderDestructiveSecondaryDisabled: '#561a1a',
|
package/prisma/light.js
CHANGED
|
@@ -50,9 +50,9 @@ var actionColors = {
|
|
|
50
50
|
actionColorBackgroundPrimaryDisabled: '#72b2fe',
|
|
51
51
|
actionColorBackgroundPrimaryHover: '#024ba2',
|
|
52
52
|
actionColorBackgroundSubtle: 'transparent',
|
|
53
|
-
actionColorBackgroundSecondaryActive: '
|
|
53
|
+
actionColorBackgroundSecondaryActive: 'rgba(0, 0, 0, 0.07)',
|
|
54
54
|
actionColorBackgroundSubtleDisabled: 'transparent',
|
|
55
|
-
actionColorBackgroundSecondaryHover: '
|
|
55
|
+
actionColorBackgroundSecondaryHover: 'rgba(0, 0, 0, 0.03)',
|
|
56
56
|
actionColorBackgroundSecondary: 'transparent',
|
|
57
57
|
actionColorBackgroundSubtleActive: '#cce3ff',
|
|
58
58
|
actionColorBackgroundSecondaryDisabled: 'transparent',
|
|
@@ -65,10 +65,10 @@ var actionColors = {
|
|
|
65
65
|
actionColorBackgroundDestructiveSecondaryActive: '#ffcccc',
|
|
66
66
|
actionColorBackgroundDestructiveSecondaryDisabled: 'transparent',
|
|
67
67
|
actionColorBackgroundDestructiveSecondaryHover: '#ffcccc',
|
|
68
|
-
actionColorBorderSecondary: '
|
|
69
|
-
actionColorBorderSecondaryActive: '
|
|
70
|
-
actionColorBorderSecondaryDisabled: '
|
|
71
|
-
actionColorBorderSecondaryHover: '
|
|
68
|
+
actionColorBorderSecondary: 'rgba(0, 0, 0, 0.48)',
|
|
69
|
+
actionColorBorderSecondaryActive: 'rgba(0, 0, 0, 0.5)',
|
|
70
|
+
actionColorBorderSecondaryDisabled: 'rgba(0, 0, 0, 0.3)',
|
|
71
|
+
actionColorBorderSecondaryHover: 'rgba(0, 0, 0, 0.6)',
|
|
72
72
|
actionColorBorderDestructiveSecondary: '#e00000',
|
|
73
73
|
actionColorBorderDestructiveSecondaryActive: '#a30000',
|
|
74
74
|
actionColorBorderDestructiveSecondaryDisabled: '#ff9999',
|
package/CHANGELOG.v1.md
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
Change Log
|
|
2
|
-
============
|
|
3
|
-
|
|
4
|
-
1.0.0-rc.2 - May 28, 2025
|
|
5
|
-
----------
|
|
6
|
-
* Release candidate 2
|
|
7
|
-
|
|
8
|
-
1.0.0-rc.1 - May 14, 2025
|
|
9
|
-
----------
|
|
10
|
-
API Changes:
|
|
11
|
-
* `SplunkThemeProvider`'s default `density` has been changed from `"comfortable"` to `"compact"` (SUI-5709).
|
|
12
|
-
|
|
13
|
-
1.0.0-beta.5 - May 7, 2025
|
|
14
|
-
----------
|
|
15
|
-
New Features:
|
|
16
|
-
* New `interactiveColorAccentErrorWeak` variable (SUI-7757).
|
|
17
|
-
* `typography` has reintroduced the `withReset` prop, which defaults to `false`. When set to `true`, it removes all browser-default styles and applies theme-specific defaults (SUI-7638).
|
|
18
|
-
|
|
19
|
-
1.0.0-beta.4 - April 22, 2025
|
|
20
|
-
----------
|
|
21
|
-
New Features:
|
|
22
|
-
* New `inputBorderWidth` variable (SUI-7384).
|
|
23
|
-
|
|
24
|
-
Bug Fixes:
|
|
25
|
-
* Fixes broken CSS for Splunk Magnetic's `backgroundColorNavigation` override (SUI-7653).
|
|
26
|
-
|
|
27
|
-
Deprecations:
|
|
28
|
-
* `statusColor*`s have been deprecated. Instead use the appropriate `notificationColor*` or `severityColor*`(SUI-7303)
|
|
29
|
-
|
|
30
|
-
API Changes:
|
|
31
|
-
* `typescript` version is now `^5.8.3` (SUI-7601).
|
|
32
|
-
* `borderActiveColor` has been deprecated. (SUI-7633).
|
|
33
|
-
* Use `interactiveColorBorderActive` for Data Entry components or `actionColorBorderSecondaryActive` for Buttons.
|
|
34
|
-
* `backgroundColorHover` have been deprecated. (SUI-7633).
|
|
35
|
-
* Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
|
|
36
|
-
* `hoverShadow` has been deprecated. See notes on `backgroundColorHover` for hover affordances. (SUI-7621)
|
|
37
|
-
|
|
38
|
-
1.0.0-beta.3 - April 2, 2025
|
|
39
|
-
----------
|
|
40
|
-
New Features:
|
|
41
|
-
* New `neutral50` variable (SUI-7384).
|
|
42
|
-
* New `notificationColor` variables (SUI-7303).
|
|
43
|
-
* New `severityColor` variables (SUI-7303).
|
|
44
|
-
|
|
45
|
-
Bug Fixes:
|
|
46
|
-
* Updates `interactiveColorBackground` and `interactiveColorBackgroundDisabled` to be transparent in all themes (SUI-7347).
|
|
47
|
-
* The `@types/react` peer dependency is now correctly set to `^18.2.0` (SUI-7548).
|
|
48
|
-
|
|
49
|
-
Deprecations:
|
|
50
|
-
* `interactiveColorPrimary` has been deprecated (SUI-3568).
|
|
51
|
-
|
|
52
|
-
1.0.0-beta.2 - March 5, 2025
|
|
53
|
-
----------
|
|
54
|
-
New Features:
|
|
55
|
-
* New `contentColorLink` variable (SUI-3568).
|
|
56
|
-
* The data-viz variables are supported in all themes (SUI-3568).
|
|
57
|
-
|
|
58
|
-
Deprecations:
|
|
59
|
-
* `linkColor` and `linkColorHover` have been deprecated. Instead use `contentColorLink` (SUI-3568).
|
|
60
|
-
|
|
61
|
-
API Changes:
|
|
62
|
-
* `accentColor` variable has been removed from Prisma themes (SUI-3568).
|
|
63
|
-
* `borderColor`, `borderColorStrong`, and `borderColorWeak` have had alpha removed from their values (SUI-7340).
|
|
64
|
-
* `embossShadow`, `overlayShadow`, `dragShadow`, and `modalShadow` variables have been updated in Enterprise themes to match Prisma (SUI-7334).
|
|
65
|
-
* Enterprise only tokens have been deprecated: `brandColor*`, `gray*`, `accentColor*`, `errorColor*`, `alertColor*`, `warningColor*`, `successColor*`, `infoColor*`, `diverging*Color*`, and `cat*Color*`.
|
|
66
|
-
|
|
67
|
-
1.0.0-beta.1 - February 20, 2025
|
|
68
|
-
----------
|
|
69
|
-
New Features:
|
|
70
|
-
* Enterprise themes now support the `interactiveColorOverlayHover` Prisma alias (SUI-6289).
|
|
71
|
-
* All themes now support color variable `interactiveColorAccent` (SUI-6304).
|
|
72
|
-
* All themes now support color variable `interactiveColorAccentError` (SUI-6395).
|
|
73
|
-
* Enterprise themes now support the `interactiveColorOverlaySelected` Prisma alias.
|
|
74
|
-
* All themes now support color variable `contentBackgroundColorNegativeWeak` (SUI-6395).
|
|
75
|
-
* Enterprise themes now support color variable `contentColorInverted` (SUI-6530).
|
|
76
|
-
* All themes now support color variable `contentColorNegative` (SUI-6408).
|
|
77
|
-
* Prisma themes now support color variable `accentColor` (SUI-6657).
|
|
78
|
-
* All themes now support new `actionColor` tokens (SUI-6616).
|
|
79
|
-
* All themes now support color variable `contentColorAccent` (SUI-6711).
|
|
80
|
-
* All themes now support color variables `contentColorInfo`, `contentColorPositive`, and `contentColorWarning` (SUI-6830).
|
|
81
|
-
* Enterprise themes now support the `interactiveColorOverlayActive` (SUI-6870).
|
|
82
|
-
* All themes now support color variable `interactiveColorAccentErrorStrong` (SUI-6869).
|
|
83
|
-
* All themes now support color variable `interactiveColorBackground` (SUI-6983).
|
|
84
|
-
* New `layout` mixin (SUI-6678).
|
|
85
|
-
* Enterprise themes now support color variable `backgroundColorSidebar` (SUI-7102).
|
|
86
|
-
|
|
87
|
-
Deprecations:
|
|
88
|
-
* Enterprise theme tokens `textColor`, `textGray`, and `textDisabledColor` have been deprecated (SUI-6160).
|
|
89
|
-
* Enterprise theme token `backgroundColor` has been deprecated (SUI-6656).
|
|
90
|
-
* `accentColorPositive`, `accentColorWarning`, `accentColorAlert`, and `accentColorNegative` have been deprecated (SUI-3658).
|
|
91
|
-
|
|
92
|
-
API Changes:
|
|
93
|
-
* `react` and `react-dom` peer dependencies are now `"^16.8.0 || ^17.0.0 || ^18.0.0"`.
|
|
94
|
-
* `px` sizing for `variables.fontSize*` and `mixins.typography` have been replaced with `rem` sizing (SUI-5509).
|
|
95
|
-
* This results in minor differences in text sizing; but is required to meet WCAG 1.4.4 and WCAG 1.4.10.
|
|
96
|
-
* `typography` `size` param no longer supports `56` `36` `32` and `10`.
|
|
97
|
-
* `variables.lineHeight` is no longer defined in `px` to improve readability of font at all scales (SUI-5509).
|
|
98
|
-
* `typography`'s mixin for `Title5`'s has been updated to text color `variables.contentColorActive` in Prisma theme (SUI-5685).
|
|
99
|
-
* This change affects `Heading` and `Typography` components.
|
|
100
|
-
* The font size and line height no longer change with density. The default font-size in Enterprise Compact now is 14px (SUI-5508).
|
|
101
|
-
* `typography`'s `line-height`, `size`, and `font-weight` values have been consolidated between Enterprise and Prisma themes (SUI-5684).
|
|
102
|
-
* `typography`'s `withReset` prop has been removed (SUI-5686).
|
|
103
|
-
* `variables.activeBorder` has been removed (SUI-6362).
|
|
104
|
-
* Spacing variables in Enterprise themes are now aligned with Prisma themes (SUI-6530).
|
|
105
|
-
* `spacingXSmall`, `spacingSmall`, `spacingMedium`, `spacingLarge`, `spacingXLarge`, `spacingXXLarge`, `spacingXXXLarge` have been updated to match Prisma themes.
|
|
106
|
-
* `spacingQuarter`, `spacingHalf`, and `spacing` are deprecated and should not be used.
|
|
107
|
-
* Enterprise theme `statusColor*` variables have been shifted to align brightness values with Prisma themes (SUI-6348).
|
|
108
|
-
* Enterprise theme's `focusShadow` variable has been updated to match Prisma (SUI-6481).
|
|
109
|
-
* Enterprise theme's `focusShadowInset` variable has been updated to match Prisma (SUI-6487).
|
|
110
|
-
* `typography` supports a new scale for line-height that uses unitless values (SUI-6593).
|
|
111
|
-
* `typography` no longer support pixel values for line-height (SUI-6593).
|
|
112
|
-
* `typography` no longer supports the `title7` and `footnote` variants (SUI-6593).
|
|
113
|
-
* `typography` parameters now supports `family: "title"`.
|
|
114
|
-
* `fontSizeXLarge` size has been changed (SUI-6593).
|
|
115
|
-
* Enterprise themes support the `contentColorActive`, `contentColorDefault`, `contentColorDisabled`, `contentColorInverted`, and `contentColorMuted` tokens (SUI-6160).
|
|
116
|
-
|
|
117
|
-
----------
|