@splunk/themes 1.0.0-beta.2 → 1.0.0-beta.4

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 (45) hide show
  1. package/CHANGELOG.v1.md +34 -1
  2. package/design-tokens/colors.js +48 -81
  3. package/design-tokens/deprecated.js +75 -0
  4. package/design-tokens/elevation.js +2 -1
  5. package/design-tokens/spacing-sizing.js +6 -0
  6. package/enterprise/comfortable.js +1 -7
  7. package/enterprise/compact.js +1 -7
  8. package/enterprise/dark.js +51 -90
  9. package/enterprise/dataViz.js +0 -77
  10. package/enterprise/light.js +51 -116
  11. package/mixins/tests/utilityMixins.unit.js +1 -1
  12. package/mixins/utilityMixins.js +4 -4
  13. package/package.json +5 -5
  14. package/prisma/base.js +1 -40
  15. package/prisma/comfortable.js +1 -7
  16. package/prisma/compact.js +1 -11
  17. package/prisma/dark.js +53 -95
  18. package/prisma/dataViz.js +0 -197
  19. package/prisma/light.js +53 -95
  20. package/splunk-magnetic/index.js +3 -1
  21. package/types/design-tokens/colors.d.ts +74 -158
  22. package/types/design-tokens/deprecated.d.ts +150 -0
  23. package/types/design-tokens/elevation.d.ts +2 -2
  24. package/types/design-tokens/index.d.ts +43 -20
  25. package/types/design-tokens/spacing-sizing.d.ts +7 -0
  26. package/types/enterprise/comfortable.d.ts +1 -0
  27. package/types/enterprise/compact.d.ts +1 -0
  28. package/types/enterprise/dark.d.ts +45 -33
  29. package/types/enterprise/dataViz.d.ts +0 -5
  30. package/types/enterprise/light.d.ts +44 -33
  31. package/types/getTheme.d.ts +0 -1
  32. package/types/mixins/index.d.ts +1 -1
  33. package/types/mixins/utilityMixins.d.ts +6 -6
  34. package/types/prisma/base.d.ts +1 -1
  35. package/types/prisma/comfortable.d.ts +0 -7
  36. package/types/prisma/compact.d.ts +0 -11
  37. package/types/prisma/dark.d.ts +42 -25
  38. package/types/prisma/dataViz.d.ts +0 -5
  39. package/types/prisma/light.d.ts +42 -25
  40. package/types/splunk-magnetic/index.d.ts +196 -58
  41. package/types/storybook-addon-splunk-themes/constants.d.ts +4 -4
  42. package/types/storybook-addon-splunk-themes/preview.d.ts +4 -4
  43. package/types/storybook-addon-splunk-themes/themes.d.ts +3 -4
  44. package/types/storybook-addon-splunk-themes/withSplunkTheme.d.ts +1 -1
  45. package/types/utils.d.ts +0 -1
package/types/prisma/comfortable.d.ts CHANGED
@@ -1,11 +1,4 @@
1
1
  import { SpacingSizing } from '../design-tokens';
2
- /**
3
- * ## Measures
4
- * Spacing is used for margin on any element or padding on containers, but can be used for other
5
- * properties that position elements.
6
- *
7
- * @valueSet
8
- */
9
2
  declare const measures: SpacingSizing;
10
3
  type Comfortable = typeof measures;
11
4
  export default measures;
package/types/prisma/compact.d.ts CHANGED
@@ -1,15 +1,4 @@
1
1
  import { SpacingSizing } from '../design-tokens';
2
- /**
3
- * ## Measures
4
- * Spacing is used for margin on any element or padding on containers, but can be used for other
5
- * properties that position elements.
6
- * * Larger containers, such as `Card` or `Modal`, use `spacing`.
7
- * * `spacingHalf` and `spacingQuarter` are primarily for horizontal spacing between smaller elements.
8
- * * Just because a desired value equals 20, 10, or 5 pixels, does not mean it's appropriate to
9
- * use spacing variables.
10
- *
11
- * @valueSet
12
- */
13
2
  declare const measures: SpacingSizing;
14
3
  type Compact = typeof measures;
15
4
  export default measures;
package/types/prisma/dark.d.ts CHANGED
@@ -1,8 +1,27 @@
1
1
  declare const theme: {
2
+ interactiveColorPrimary: string;
2
3
  accentColorPositive: string;
3
4
  accentColorWarning: string;
4
5
  accentColorAlert: string;
5
6
  accentColorNegative: string;
7
+ statusColorInfo: string;
8
+ statusColorInfoWeak: string;
9
+ statusColorInfoStrong: string;
10
+ statusColorNormal: string;
11
+ statusColorNormalWeak: string;
12
+ statusColorNormalStrong: string;
13
+ statusColorLow: string;
14
+ statusColorLowWeak: string;
15
+ statusColorLowStrong: string;
16
+ statusColorMedium: string;
17
+ statusColorMediumWeak: string;
18
+ statusColorMediumStrong: string;
19
+ statusColorHigh: string;
20
+ statusColorHighWeak: string;
21
+ statusColorHighStrong: string;
22
+ statusColorCritical: string;
23
+ statusColorCriticalWeak: string;
24
+ statusColorCriticalStrong: string;
6
25
  syntaxBlue: string;
7
26
  syntaxBrown: string;
8
27
  syntaxGray: string;
@@ -12,7 +31,6 @@ declare const theme: {
12
31
  syntaxPurple: string;
13
32
  syntaxRed: string;
14
33
  syntaxTeal: string;
15
- interactiveColorPrimary: string;
16
34
  interactiveColorBorder: string;
17
35
  interactiveColorBorderActive: string;
18
36
  interactiveColorBorderHover: string;
@@ -27,6 +45,7 @@ declare const theme: {
27
45
  interactiveColorAccentError: string;
28
46
  interactiveColorAccentErrorStrong: string;
29
47
  black: string;
48
+ neutral50: string;
30
49
  neutral100: string;
31
50
  neutral200: string;
32
51
  neutral300: string;
@@ -65,30 +84,28 @@ declare const theme: {
65
84
  overlayShadow: string;
66
85
  dragShadow: string;
67
86
  modalShadow: string;
68
- statusColorInfo: string;
69
- statusColorInfoWeak: string;
70
- statusColorInfoStrong: string;
71
- statusColorNormal: string;
72
- statusColorNormalWeak: string;
73
- statusColorNormalStrong: string;
74
- statusColorLow: string;
75
- statusColorLowWeak: string;
76
- statusColorLowStrong: string;
77
- statusColorMedium: string;
78
- statusColorMediumWeak: string;
79
- statusColorMediumStrong: string;
80
- statusColorHigh: string;
81
- statusColorHighWeak: string;
82
- statusColorHighStrong: string;
83
- statusColorCritical: string;
84
- statusColorCriticalWeak: string;
85
- statusColorCriticalStrong: string;
86
- actionColorBackgroundPrimary: string; /**
87
- * ## Background colors
88
- * Background colors should be used only for backgrounds of higher level sections & containers of a UI.
89
- *
90
- * @colorSet verbose
91
- */
87
+ severityColorCustom: string;
88
+ severityColorUnknown: string;
89
+ severityColorInfo: string;
90
+ severityColorNormal: string;
91
+ severityColorNotice: string;
92
+ severityColorWarning: string;
93
+ severityColorAlert: string;
94
+ severityColorCritical: string;
95
+ severityColorEmergency: string;
96
+ notificationColorInfoWeak: string;
97
+ notificationColorInfo: string;
98
+ notificationColorInfoStrong: string;
99
+ notificationColorPositiveWeak: string;
100
+ notificationColorPositive: string;
101
+ notificationColorPositiveStrong: string;
102
+ notificationColorCautionWeak: string;
103
+ notificationColorCaution: string;
104
+ notificationColorCautionStrong: string;
105
+ notificationColorNegativeWeak: string;
106
+ notificationColorNegative: string;
107
+ notificationColorNegativeStrong: string;
108
+ actionColorBackgroundPrimary: string;
92
109
  actionColorBackgroundPrimaryActive: string;
93
110
  actionColorBackgroundPrimaryDisabled: string;
94
111
  actionColorBackgroundPrimaryHover: string;
package/types/prisma/dataViz.d.ts CHANGED
@@ -1,9 +1,4 @@
1
1
  import { Categorical, DataViz, Divergent, HighLow, Sequential, StaticColors } from '../design-tokens/dataViz';
2
- /**
3
- * #### Static colors
4
- *
5
- * @colorSet verbose
6
- */
7
2
  declare const staticColors: StaticColors;
8
3
  declare const categorical: Categorical;
9
4
  declare const divergent: Divergent;
package/types/prisma/light.d.ts CHANGED
@@ -1,8 +1,27 @@
1
1
  declare const theme: {
2
+ interactiveColorPrimary: string;
2
3
  accentColorPositive: string;
3
4
  accentColorWarning: string;
4
5
  accentColorAlert: string;
5
6
  accentColorNegative: string;
7
+ statusColorInfo: string;
8
+ statusColorInfoWeak: string;
9
+ statusColorInfoStrong: string;
10
+ statusColorNormal: string;
11
+ statusColorNormalWeak: string;
12
+ statusColorNormalStrong: string;
13
+ statusColorLow: string;
14
+ statusColorLowWeak: string;
15
+ statusColorLowStrong: string;
16
+ statusColorMedium: string;
17
+ statusColorMediumWeak: string;
18
+ statusColorMediumStrong: string;
19
+ statusColorHigh: string;
20
+ statusColorHighWeak: string;
21
+ statusColorHighStrong: string;
22
+ statusColorCritical: string;
23
+ statusColorCriticalWeak: string;
24
+ statusColorCriticalStrong: string;
6
25
  syntaxBlue: string;
7
26
  syntaxBrown: string;
8
27
  syntaxGray: string;
@@ -12,7 +31,6 @@ declare const theme: {
12
31
  syntaxPurple: string;
13
32
  syntaxRed: string;
14
33
  syntaxTeal: string;
15
- interactiveColorPrimary: string;
16
34
  interactiveColorBorder: string;
17
35
  interactiveColorBorderActive: string;
18
36
  interactiveColorBorderHover: string;
@@ -27,6 +45,7 @@ declare const theme: {
27
45
  interactiveColorAccentError: string;
28
46
  interactiveColorAccentErrorStrong: string;
29
47
  black: string;
48
+ neutral50: string;
30
49
  neutral100: string;
31
50
  neutral200: string;
32
51
  neutral300: string;
@@ -65,30 +84,28 @@ declare const theme: {
65
84
  overlayShadow: string;
66
85
  dragShadow: string;
67
86
  modalShadow: string;
68
- statusColorInfo: string;
69
- statusColorInfoWeak: string;
70
- statusColorInfoStrong: string;
71
- statusColorNormal: string;
72
- statusColorNormalWeak: string;
73
- statusColorNormalStrong: string;
74
- statusColorLow: string;
75
- statusColorLowWeak: string;
76
- statusColorLowStrong: string;
77
- statusColorMedium: string;
78
- statusColorMediumWeak: string;
79
- statusColorMediumStrong: string;
80
- statusColorHigh: string;
81
- statusColorHighWeak: string;
82
- statusColorHighStrong: string;
83
- statusColorCritical: string;
84
- statusColorCriticalWeak: string;
85
- statusColorCriticalStrong: string;
86
- actionColorBackgroundPrimary: string; /**
87
- * ## Background colors
88
- * Background colors should be used only for backgrounds of higher level sections & containers of a UI.
89
- *
90
- * @colorSet verbose
91
- */
87
+ severityColorCustom: string;
88
+ severityColorUnknown: string;
89
+ severityColorInfo: string;
90
+ severityColorNormal: string;
91
+ severityColorNotice: string;
92
+ severityColorWarning: string;
93
+ severityColorAlert: string;
94
+ severityColorCritical: string;
95
+ severityColorEmergency: string;
96
+ notificationColorInfoWeak: string;
97
+ notificationColorInfo: string;
98
+ notificationColorInfoStrong: string;
99
+ notificationColorPositiveWeak: string;
100
+ notificationColorPositive: string;
101
+ notificationColorPositiveStrong: string;
102
+ notificationColorCautionWeak: string;
103
+ notificationColorCaution: string;
104
+ notificationColorCautionStrong: string;
105
+ notificationColorNegativeWeak: string;
106
+ notificationColorNegative: string;
107
+ notificationColorNegativeStrong: string;
108
+ actionColorBackgroundPrimary: string;
92
109
  actionColorBackgroundPrimaryActive: string;
93
110
  actionColorBackgroundPrimaryDisabled: string;
94
111
  actionColorBackgroundPrimaryHover: string;