@splunk/themes 0.23.0 → 1.0.0-beta.2

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 (66) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/CHANGELOG.v1.md +70 -0
  3. package/design-tokens/colors.js +495 -0
  4. package/design-tokens/dataViz.js +486 -0
  5. package/design-tokens/deprecated.js +249 -0
  6. package/design-tokens/elevation.js +44 -0
  7. package/design-tokens/index.js +23 -0
  8. package/design-tokens/spacing-sizing.js +39 -0
  9. package/design-tokens/typography.js +67 -0
  10. package/enterprise/comfortable.js +20 -10
  11. package/enterprise/compact.js +20 -14
  12. package/enterprise/dark.js +182 -40
  13. package/enterprise/dataViz.js +491 -0
  14. package/enterprise/index.js +1 -6
  15. package/enterprise/light.js +317 -265
  16. package/index.js +8 -0
  17. package/mixins/index.js +39 -1
  18. package/mixins/layout.js +42 -0
  19. package/mixins/prose.js +67 -0
  20. package/mixins/tests/prose.unit.js +49 -0
  21. package/mixins/tests/typography.unit.js +15 -18
  22. package/mixins/tests/utilityMixins.unit.js +1 -1
  23. package/mixins/typography.js +141 -144
  24. package/mixins/utilityMixins.js +2 -5
  25. package/package.json +5 -8
  26. package/prisma/base.js +22 -23
  27. package/prisma/comfortable.js +1 -7
  28. package/prisma/compact.js +1 -7
  29. package/prisma/dark.js +77 -19
  30. package/prisma/dataViz.js +33 -38
  31. package/prisma/light.js +78 -20
  32. package/splunk-magnetic/index.js +178 -0
  33. package/splunk-magnetic/magneticTokensDark.js +706 -0
  34. package/splunk-magnetic/magneticTokensLight.js +706 -0
  35. package/storybook-addon-splunk-themes/withSplunkTheme.js +8 -4
  36. package/types/design-tokens/colors.d.ts +875 -0
  37. package/types/design-tokens/dataViz.d.ts +433 -0
  38. package/types/design-tokens/deprecated.d.ts +468 -0
  39. package/types/design-tokens/elevation.d.ts +49 -0
  40. package/types/design-tokens/index.d.ts +541 -0
  41. package/types/design-tokens/spacing-sizing.d.ts +39 -0
  42. package/types/design-tokens/typography.d.ts +79 -0
  43. package/types/enterprise/comfortable.d.ts +11 -17
  44. package/types/enterprise/compact.d.ts +11 -21
  45. package/types/enterprise/dark.d.ts +412 -113
  46. package/types/enterprise/dataViz.d.ts +14 -0
  47. package/types/enterprise/index.d.ts +1 -2
  48. package/types/enterprise/light.d.ts +439 -139
  49. package/types/index.d.ts +1 -0
  50. package/types/mixins/index.d.ts +8 -0
  51. package/types/mixins/layout.d.ts +21 -0
  52. package/types/mixins/prose.d.ts +41 -0
  53. package/types/mixins/tests/prose.unit.d.ts +1 -0
  54. package/types/mixins/typography.d.ts +5 -12
  55. package/types/prisma/base.d.ts +12 -16
  56. package/types/prisma/comfortable.d.ts +2 -17
  57. package/types/prisma/compact.d.ts +2 -17
  58. package/types/prisma/dark.d.ts +60 -9
  59. package/types/prisma/dataViz.d.ts +8 -426
  60. package/types/prisma/light.d.ts +62 -11
  61. package/types/splunk-magnetic/index.d.ts +2941 -0
  62. package/types/splunk-magnetic/magneticTokensDark.d.ts +700 -0
  63. package/types/splunk-magnetic/magneticTokensLight.d.ts +700 -0
  64. package/types/storybook-addon-splunk-themes/SplunkThemesTool.d.ts +1 -1
  65. package/enterprise/prismaAliases.js +0 -95
  66. package/types/enterprise/prismaAliases.d.ts +0 -47
package/storybook-addon-splunk-themes/withSplunkTheme.js CHANGED
@@ -8,6 +8,7 @@ exports.withSplunkTheme = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _lodash = require("lodash");
10
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
+ var _splunkMagnetic = _interopRequireDefault(require("../splunk-magnetic"));
11
12
  var _SplunkThemeProvider = _interopRequireDefault(require("../SplunkThemeProvider"));
12
13
  var _variables = _interopRequireDefault(require("../variables"));
13
14
  var _constants = require("./constants");
@@ -69,7 +70,8 @@ var DualStory = function DualStory(_ref) {
69
70
  };
70
71
  var WithSplunkTheme = function WithSplunkTheme(Story, context) {
71
72
  var globals = context.globals,
72
- parameters = context.parameters;
73
+ parameters = context.parameters,
74
+ args = context.args;
73
75
  var globalsTheme = globals[_constants.PARAM_KEY];
74
76
  var themesConfig = parameters[_constants.PARAM_KEY];
75
77
  var currentTheme = (0, _util.normalizeThemeOptions)(themesConfig, globalsTheme);
@@ -86,15 +88,17 @@ var WithSplunkTheme = function WithSplunkTheme(Story, context) {
86
88
  }
87
89
  return true;
88
90
  }));
89
- var themeProviderProps = _objectSpread({}, cleanedThemeProviderProps);
91
+ var themeProviderProps = _objectSpread(_objectSpread({}, cleanedThemeProviderProps), {}, {
92
+ customizeTheme: (args === null || args === void 0 ? void 0 : args.withSplunkMagneticThemeCustomizer) ? _splunkMagnetic["default"] : undefined
93
+ });
90
94
  if (dualThemeOption != null && currentTheme[dualThemeOption] === 'both') {
91
95
  return /*#__PURE__*/_react["default"].createElement(DualStory, {
92
96
  context: context,
93
97
  themeOption: dualThemeOption,
94
- themeProviderProps: cleanedThemeProviderProps
98
+ themeProviderProps: themeProviderProps
95
99
  }, /*#__PURE__*/_react["default"].createElement(Story, context));
96
100
  }
97
- return /*#__PURE__*/_react["default"].createElement(_SplunkThemeProvider["default"], _extends({}, cleanedThemeProviderProps, {
101
+ return /*#__PURE__*/_react["default"].createElement(_SplunkThemeProvider["default"], _extends({}, themeProviderProps, {
98
102
  colorScheme: themeProviderProps.colorScheme
99
103
  }), /*#__PURE__*/_react["default"].createElement(_themes.GlobalStyles, null), /*#__PURE__*/_react["default"].createElement(Story, context));
100
104
  };