@splunk/themes 1.0.0 → 1.0.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 (25) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/clearAllCaches.js +24 -0
  3. package/enterprise/dark.js +1 -1
  4. package/enterprise/index.js +3 -3
  5. package/index.js +9 -1
  6. package/mixins/index.js +18 -18
  7. package/mixins/typography.js +1 -1
  8. package/mixins/utilityMixins.js +3 -3
  9. package/package.json +2 -2
  10. package/prisma/base.js +1 -1
  11. package/prisma/index.js +4 -4
  12. package/splunk-magnetic/index.js +1 -1
  13. package/storybook-addon-splunk-themes/SplunkThemesTool.js +1 -1
  14. package/storybook-addon-splunk-themes/themes.js +1 -1
  15. package/storybook-addon-splunk-themes/withSplunkTheme.js +1 -1
  16. package/types/clearAllCaches.d.ts +10 -0
  17. package/types/enterprise/dark.d.ts +21 -21
  18. package/types/enterprise/index.d.ts +3 -3
  19. package/types/enterprise/light.d.ts +21 -21
  20. package/types/index.d.ts +1 -0
  21. package/types/mixins/index.d.ts +2 -2
  22. package/types/prisma/index.d.ts +4 -4
  23. package/types/splunk-magnetic/index.d.ts +80 -80
  24. package/types/utils.d.ts +1 -0
  25. package/utils.js +8 -2
package/CHANGELOG.md CHANGED
@@ -1,6 +1,11 @@
1
1
  Change Log
2
2
  ============
3
3
 
4
+ 1.0.1 - June 5, 2025
5
+ ----------
6
+ Bug fixes:
7
+ * Corrected `@types/react` peer dependency to allow `@types/react` `16` or `17` (SUI-7838).
8
+
4
9
  1.0.0 - June 3, 2025
5
10
  ----------
6
11
  * Includes all changes from `1.0.0-beta` and `1.0.0-rc` releases.
package/clearAllCaches.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.clearAllCaches = void 0;
7
+ var _getTheme = require("./getTheme");
8
+ var _utils = require("./utils");
9
+ var _variables = require("./variables");
10
+ /**
11
+ * Note: Use with caution, as this will clear all caches in the themes package.
12
+ *
13
+ * Clear the `getTheme`, `customizedTheme`, and `variables` caches.
14
+ *
15
+ * (Note: Having this in utils causes a build time error in the themes package, due to import cycles.)
16
+ *
17
+ * @private
18
+ */
19
+ var clearAllCaches = function clearAllCaches() {
20
+ (0, _getTheme.clearGetThemeCache)();
21
+ (0, _utils.clearCustomizedThemeCache)();
22
+ (0, _variables.clearVariablesCache)();
23
+ };
24
+ exports.clearAllCaches = clearAllCaches;
package/enterprise/dark.js CHANGED
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports["default"] = void 0;
8
7
  var _light = _interopRequireDefault(require("./light"));
9
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
10
10
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
11
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
12
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
package/enterprise/index.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
- var _light = _interopRequireDefault(require("./light"));
8
- var _dark = _interopRequireDefault(require("./dark"));
9
- var _compact = _interopRequireDefault(require("./compact"));
10
7
  var _comfortable = _interopRequireDefault(require("./comfortable"));
8
+ var _compact = _interopRequireDefault(require("./compact"));
9
+ var _dark = _interopRequireDefault(require("./dark"));
10
+ var _light = _interopRequireDefault(require("./light"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
12
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
13
13
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
package/index.js CHANGED
@@ -13,7 +13,8 @@ var _exportNames = {
13
13
  unstable_splunkMagneticThemeCustomizer: true,
14
14
  useSplunkTheme: true,
15
15
  withSplunkTheme: true,
16
- variables: true
16
+ variables: true,
17
+ clearAllCaches: true
17
18
  };
18
19
  Object.defineProperty(exports, "getSettingsFromThemedProps", {
19
20
  enumerable: true,
@@ -75,6 +76,12 @@ Object.defineProperty(exports, "variables", {
75
76
  return _variables["default"];
76
77
  }
77
78
  });
79
+ Object.defineProperty(exports, "clearAllCaches", {
80
+ enumerable: true,
81
+ get: function get() {
82
+ return _clearAllCaches.clearAllCaches;
83
+ }
84
+ });
78
85
  var _getSettingsFromThemedProps = _interopRequireDefault(require("./getSettingsFromThemedProps"));
79
86
  var _getTheme = _interopRequireDefault(require("./getTheme"));
80
87
  var _mixins = _interopRequireDefault(require("./mixins"));
@@ -85,6 +92,7 @@ var _splunkMagnetic = _interopRequireDefault(require("./splunk-magnetic"));
85
92
  var _useSplunkTheme = _interopRequireDefault(require("./useSplunkTheme"));
86
93
  var _withSplunkTheme = _interopRequireDefault(require("./withSplunkTheme"));
87
94
  var _variables = _interopRequireDefault(require("./variables"));
95
+ var _clearAllCaches = require("./clearAllCaches");
88
96
  var _types = require("./types");
89
97
  Object.keys(_types).forEach(function (key) {
90
98
  if (key === "default" || key === "__esModule") return;
package/mixins/index.js CHANGED
@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  var _exportNames = {
7
- typography: true,
7
+ layout: true,
8
8
  prose: true,
9
- layout: true
9
+ typography: true
10
10
  };
11
- Object.defineProperty(exports, "typography", {
11
+ Object.defineProperty(exports, "layout", {
12
12
  enumerable: true,
13
13
  get: function get() {
14
- return _typography["default"];
14
+ return _layout["default"];
15
15
  }
16
16
  });
17
17
  Object.defineProperty(exports, "prose", {
@@ -20,54 +20,54 @@ Object.defineProperty(exports, "prose", {
20
20
  return _prose["default"];
21
21
  }
22
22
  });
23
- Object.defineProperty(exports, "layout", {
23
+ Object.defineProperty(exports, "typography", {
24
24
  enumerable: true,
25
25
  get: function get() {
26
- return _layout["default"];
26
+ return _typography["default"];
27
27
  }
28
28
  });
29
29
  exports["default"] = void 0;
30
- var _utilityMixins = _interopRequireWildcard(require("./utilityMixins"));
31
- Object.keys(_utilityMixins).forEach(function (key) {
30
+ var _layout = _interopRequireWildcard(require("./layout"));
31
+ Object.keys(_layout).forEach(function (key) {
32
32
  if (key === "default" || key === "__esModule") return;
33
33
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
34
34
  Object.defineProperty(exports, key, {
35
35
  enumerable: true,
36
36
  get: function get() {
37
- return _utilityMixins[key];
37
+ return _layout[key];
38
38
  }
39
39
  });
40
40
  });
41
- var _typography = _interopRequireWildcard(require("./typography"));
42
- Object.keys(_typography).forEach(function (key) {
41
+ var _prose = _interopRequireWildcard(require("./prose"));
42
+ Object.keys(_prose).forEach(function (key) {
43
43
  if (key === "default" || key === "__esModule") return;
44
44
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
45
45
  Object.defineProperty(exports, key, {
46
46
  enumerable: true,
47
47
  get: function get() {
48
- return _typography[key];
48
+ return _prose[key];
49
49
  }
50
50
  });
51
51
  });
52
- var _prose = _interopRequireWildcard(require("./prose"));
53
- Object.keys(_prose).forEach(function (key) {
52
+ var _typography = _interopRequireWildcard(require("./typography"));
53
+ Object.keys(_typography).forEach(function (key) {
54
54
  if (key === "default" || key === "__esModule") return;
55
55
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
56
56
  Object.defineProperty(exports, key, {
57
57
  enumerable: true,
58
58
  get: function get() {
59
- return _prose[key];
59
+ return _typography[key];
60
60
  }
61
61
  });
62
62
  });
63
- var _layout = _interopRequireWildcard(require("./layout"));
64
- Object.keys(_layout).forEach(function (key) {
63
+ var _utilityMixins = _interopRequireWildcard(require("./utilityMixins"));
64
+ Object.keys(_utilityMixins).forEach(function (key) {
65
65
  if (key === "default" || key === "__esModule") return;
66
66
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
67
67
  Object.defineProperty(exports, key, {
68
68
  enumerable: true,
69
69
  get: function get() {
70
- return _layout[key];
70
+ return _utilityMixins[key];
71
71
  }
72
72
  });
73
73
  });
package/mixins/typography.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.typographyVariants = exports["default"] = void 0;
7
- var _styledComponents = require("styled-components");
8
7
  var _merge = _interopRequireDefault(require("lodash/merge"));
8
+ var _styledComponents = require("styled-components");
9
9
  var _utilityMixins = _interopRequireDefault(require("./utilityMixins"));
10
10
  var _variables = _interopRequireDefault(require("../variables"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
package/mixins/utilityMixins.js CHANGED
@@ -13,11 +13,11 @@ exports.screenReaderContent = screenReaderContent;
13
13
  exports.overlayColors = overlayColors;
14
14
  exports.colorWithAlpha = colorWithAlpha;
15
15
  exports["default"] = exports.reset = void 0;
16
- var _tinycolor = _interopRequireDefault(require("tinycolor2"));
17
- var _styledComponents = require("styled-components");
18
16
  var _colorBlend = require("color-blend");
19
- var _variables = _interopRequireDefault(require("../variables"));
17
+ var _styledComponents = require("styled-components");
18
+ var _tinycolor = _interopRequireDefault(require("tinycolor2"));
20
19
  var _pick = _interopRequireDefault(require("../pick"));
20
+ var _variables = _interopRequireDefault(require("../variables"));
21
21
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
22
22
  function _templateObject() {
23
23
  var data = _taggedTemplateLiteral(["\n /* Generic resets */\n animation: none 0s ease 0s 1 normal none running;\n backface-visibility: visible;\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n border: medium none currentColor;\n border-collapse: separate;\n border-image: none;\n border-radius: 0;\n border-spacing: 0;\n bottom: auto;\n box-shadow: none;\n caption-side: top;\n clear: none;\n clip: auto;\n color-scheme: ", ";\n columns: auto;\n column-count: auto;\n column-fill: balance;\n column-gap: normal;\n column-rule: medium none currentColor;\n column-span: 1;\n column-width: auto;\n content: normal;\n counter-increment: none;\n counter-reset: none;\n empty-cells: show;\n float: none;\n font-style: normal;\n font-variant: normal;\n font-weight: normal;\n font-stretch: normal;\n height: auto;\n hyphens: none;\n left: auto;\n letter-spacing: normal;\n margin: 0;\n max-height: none;\n max-width: none;\n min-height: 0;\n min-width: 0;\n opacity: 1;\n orphans: 2;\n overflow: visible;\n overflow-x: visible;\n overflow-y: visible;\n padding: 0;\n page-break-after: auto;\n page-break-before: auto;\n page-break-inside: auto;\n perspective: none;\n perspective-origin: 50% 50%;\n pointer-events: auto;\n position: static;\n right: auto;\n tab-size: 8;\n table-layout: auto;\n text-align: left;\n text-align-last: auto;\n text-decoration: none;\n text-indent: 0;\n text-shadow: none;\n text-transform: none;\n top: auto;\n transform: none;\n transform-origin: 50% 50% 0;\n transform-style: flat;\n transition: none 0s ease 0s;\n user-select: auto;\n vertical-align: baseline;\n white-space: normal;\n widows: 2;\n width: auto;\n word-spacing: normal;\n z-index: auto;\n /* Splunk-specific resets */\n border-width: 1px;\n box-sizing: border-box;\n color: ", ";\n cursor: inherit;\n ", "\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n outline: medium none ", ";\n visibility: inherit;\n "]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@splunk/themes",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Theme variables and mixins for the Splunk design language",
5
5
  "main": "./index.js",
6
6
  "types": "./types/index.d.ts",
@@ -28,7 +28,7 @@
28
28
  "@storybook/react": ">= 7.x",
29
29
  "@storybook/theming": ">= 7.x",
30
30
  "@types/lodash": "^4.14.156",
31
- "@types/react": "^16 | ^17 | 18.2.0",
31
+ "@types/react": "^16 || ^17 || ^18",
32
32
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
33
33
  "styled-components": "^5.3.10"
34
34
  },
package/prisma/base.js CHANGED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
+ var _dark = _interopRequireDefault(require("./dark"));
7
8
  var _dataViz = _interopRequireDefault(require("./dataViz"));
8
9
  var _light = _interopRequireDefault(require("./light"));
9
- var _dark = _interopRequireDefault(require("./dark"));
10
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
11
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
package/prisma/index.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
- var _light = _interopRequireDefault(require("./light"));
8
- var _dark = _interopRequireDefault(require("./dark"));
9
- var _compact = _interopRequireDefault(require("./compact"));
10
- var _comfortable = _interopRequireDefault(require("./comfortable"));
11
7
  var _base = _interopRequireDefault(require("./base"));
8
+ var _comfortable = _interopRequireDefault(require("./comfortable"));
9
+ var _compact = _interopRequireDefault(require("./compact"));
10
+ var _dark = _interopRequireDefault(require("./dark"));
11
+ var _light = _interopRequireDefault(require("./light"));
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
13
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
14
14
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
package/splunk-magnetic/index.js CHANGED
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports["default"] = void 0;
7
7
  var _tinycolor = _interopRequireDefault(require("tinycolor2"));
8
- var _magneticTokensLight = _interopRequireDefault(require("./magneticTokensLight"));
9
8
  var _magneticTokensDark = _interopRequireDefault(require("./magneticTokensDark"));
9
+ var _magneticTokensLight = _interopRequireDefault(require("./magneticTokensLight"));
10
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
11
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
package/storybook-addon-splunk-themes/SplunkThemesTool.js CHANGED
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.SplunkThemesTool = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _managerApi = require("@storybook/manager-api");
10
9
  var _components = require("@storybook/components");
10
+ var _managerApi = require("@storybook/manager-api");
11
11
  var _constants = require("./constants");
12
12
  var _themeOptions = require("./themeOptions");
13
13
  var _themes = require("./themes");
package/storybook-addon-splunk-themes/themes.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.TooltipSectionTitle = exports.GlobalStyles = void 0;
7
- var _styledComponents = require("styled-components");
8
7
  var _theming = require("@storybook/theming");
8
+ var _styledComponents = require("styled-components");
9
9
  var _mixins = _interopRequireDefault(require("../mixins"));
10
10
  var _variables = _interopRequireDefault(require("../variables"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
package/storybook-addon-splunk-themes/withSplunkTheme.js CHANGED
@@ -12,8 +12,8 @@ var _splunkMagnetic = _interopRequireDefault(require("../splunk-magnetic"));
12
12
  var _SplunkThemeProvider = _interopRequireDefault(require("../SplunkThemeProvider"));
13
13
  var _variables = _interopRequireDefault(require("../variables"));
14
14
  var _constants = require("./constants");
15
- var _themes = require("./themes");
16
15
  var _themeOptions = require("./themeOptions");
16
+ var _themes = require("./themes");
17
17
  var _util = require("./util");
18
18
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
19
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
package/types/clearAllCaches.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Note: Use with caution, as this will clear all caches in the themes package.
3
+ *
4
+ * Clear the `getTheme`, `customizedTheme`, and `variables` caches.
5
+ *
6
+ * (Note: Having this in utils causes a build time error in the themes package, due to import cycles.)
7
+ *
8
+ * @private
9
+ */
10
+ export declare const clearAllCaches: () => void;
package/types/enterprise/dark.d.ts CHANGED
@@ -512,32 +512,32 @@ declare const theme: {
512
512
  serifFontFamily: string;
513
513
  monoFontFamily: string;
514
514
  focusColor: string;
515
- gray30: string;
516
- gray45: string;
517
- gray60: string;
518
- gray80: string;
519
- gray92: string;
520
- gray96: string;
515
+ brandColor: string;
521
516
  gray98: string;
522
- successColor: string;
523
- warningColor: string;
524
- alertColor: string;
525
- errorColor: string;
526
- accentColorD10: string;
517
+ gray96: string;
518
+ gray92: string;
519
+ gray80: string;
520
+ gray60: string;
521
+ gray45: string;
522
+ gray30: string;
527
523
  accentColor: string;
528
- infoColor: string;
529
- infoColorL10: string;
530
- infoColorD10: string;
531
- successColorL10: string;
532
- successColorD10: string;
533
- warningColorL10: string;
534
- warningColorD10: string;
535
- alertColorL10: string;
536
- alertColorD10: string;
524
+ accentColorD10: string;
537
525
  errorColorL10: string;
526
+ errorColor: string;
538
527
  errorColorD10: string;
539
528
  errorColorD20: string;
540
- brandColor: string;
529
+ alertColorL10: string;
530
+ alertColor: string;
531
+ alertColorD10: string;
532
+ warningColorL10: string;
533
+ warningColor: string;
534
+ warningColorD10: string;
535
+ successColorL10: string;
536
+ successColor: string;
537
+ successColorD10: string;
538
+ infoColorL10: string;
539
+ infoColor: string;
540
+ infoColorD10: string;
541
541
  };
542
542
  type Dark = typeof theme;
543
543
  export default theme;
package/types/enterprise/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { Light } from './light';
2
- import { Dark } from './dark';
3
- import { Compact } from './compact';
4
1
  import { Comfortable } from './comfortable';
2
+ import { Compact } from './compact';
3
+ import { Dark } from './dark';
4
+ import { Light } from './light';
5
5
  import { ColorScheme, Density } from '../types';
6
6
  type MutableEnterprise = (Light | Dark) & (Comfortable | Compact);
7
7
  type Enterprise = Readonly<MutableEnterprise>;
package/types/enterprise/light.d.ts CHANGED
@@ -510,32 +510,32 @@ declare const theme: {
510
510
  backgroundColorPopup: string;
511
511
  backgroundColorFloating: string;
512
512
  backgroundColorScrim: string;
513
- gray30: string;
514
- gray45: string;
515
- gray60: string;
516
- gray80: string;
517
- gray92: string;
518
- gray96: string;
513
+ brandColor: string;
519
514
  gray98: string;
520
- successColor: string;
521
- warningColor: string;
522
- alertColor: string;
523
- errorColor: string;
524
- accentColorD10: string;
515
+ gray96: string;
516
+ gray92: string;
517
+ gray80: string;
518
+ gray60: string;
519
+ gray45: string;
520
+ gray30: string;
525
521
  accentColor: string;
526
- infoColor: string;
527
- infoColorL10: string;
528
- infoColorD10: string;
529
- successColorL10: string;
530
- successColorD10: string;
531
- warningColorL10: string;
532
- warningColorD10: string;
533
- alertColorL10: string;
534
- alertColorD10: string;
522
+ accentColorD10: string;
535
523
  errorColorL10: string;
524
+ errorColor: string;
536
525
  errorColorD10: string;
537
526
  errorColorD20: string;
538
- brandColor: string;
527
+ alertColorL10: string;
528
+ alertColor: string;
529
+ alertColorD10: string;
530
+ warningColorL10: string;
531
+ warningColor: string;
532
+ warningColorD10: string;
533
+ successColorL10: string;
534
+ successColor: string;
535
+ successColorD10: string;
536
+ infoColorL10: string;
537
+ infoColor: string;
538
+ infoColorD10: string;
539
539
  };
540
540
  type Light = typeof theme;
541
541
  export default theme;
package/types/index.d.ts CHANGED
@@ -8,4 +8,5 @@ export { default as unstable_splunkMagneticThemeCustomizer } from './splunk-magn
8
8
  export { default as useSplunkTheme } from './useSplunkTheme';
9
9
  export { default as withSplunkTheme } from './withSplunkTheme';
10
10
  export { default as variables } from './variables';
11
+ export { clearAllCaches } from './clearAllCaches';
11
12
  export * from './types';
package/types/mixins/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import typography from './typography';
2
- import prose from './prose';
3
1
  import layout from './layout';
2
+ import prose from './prose';
3
+ import typography from './typography';
4
4
  export * from './utilityMixins';
5
5
  export { default as layout } from './layout';
6
6
  export * from './layout';
package/types/prisma/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { Light } from './light';
2
- import { Dark } from './dark';
3
- import { Compact } from './compact';
4
- import { Comfortable } from './comfortable';
5
1
  import { PrismaBase } from './base';
2
+ import { Comfortable } from './comfortable';
3
+ import { Compact } from './compact';
4
+ import { Dark } from './dark';
5
+ import { Light } from './light';
6
6
  import { ColorScheme, Density } from '../types';
7
7
  type MutablePrisma = PrismaBase & (Light | Dark) & (Comfortable | Compact);
8
8
  type Prisma = Readonly<MutablePrisma>;
package/types/splunk-magnetic/index.d.ts CHANGED
@@ -522,31 +522,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
522
522
  white: string;
523
523
  transparent: string;
524
524
  backgroundColorFloating: string;
525
- gray30: string;
526
- gray45: string;
527
- gray60: string;
528
- gray80: string;
529
- gray92: string;
530
- gray96: string;
525
+ brandColor: string;
531
526
  gray98: string;
532
- successColor: string;
533
- warningColor: string;
534
- alertColor: string;
535
- errorColor: string;
527
+ gray96: string;
528
+ gray92: string;
529
+ gray80: string;
530
+ gray60: string;
531
+ gray45: string;
532
+ gray30: string;
536
533
  accentColorD10: string;
537
- infoColor: string;
538
- infoColorL10: string;
539
- infoColorD10: string;
540
- successColorL10: string;
541
- successColorD10: string;
542
- warningColorL10: string;
543
- warningColorD10: string;
544
- alertColorL10: string;
545
- alertColorD10: string;
546
534
  errorColorL10: string;
535
+ errorColor: string;
547
536
  errorColorD10: string;
548
537
  errorColorD20: string;
549
- brandColor: string;
538
+ alertColorL10: string;
539
+ alertColor: string;
540
+ alertColorD10: string;
541
+ warningColorL10: string;
542
+ warningColor: string;
543
+ warningColorD10: string;
544
+ successColorL10: string;
545
+ successColor: string;
546
+ successColorD10: string;
547
+ infoColorL10: string;
548
+ infoColor: string;
549
+ infoColorD10: string;
550
550
  spacingQuarter: string;
551
551
  spacingHalf: string;
552
552
  spacing: string;
@@ -1090,31 +1090,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
1090
1090
  white: string;
1091
1091
  transparent: string;
1092
1092
  backgroundColorFloating: string;
1093
- gray30: string;
1094
- gray45: string;
1095
- gray60: string;
1096
- gray80: string;
1097
- gray92: string;
1098
- gray96: string;
1093
+ brandColor: string;
1099
1094
  gray98: string;
1100
- successColor: string;
1101
- warningColor: string;
1102
- alertColor: string;
1103
- errorColor: string;
1095
+ gray96: string;
1096
+ gray92: string;
1097
+ gray80: string;
1098
+ gray60: string;
1099
+ gray45: string;
1100
+ gray30: string;
1104
1101
  accentColorD10: string;
1105
- infoColor: string;
1106
- infoColorL10: string;
1107
- infoColorD10: string;
1108
- successColorL10: string;
1109
- successColorD10: string;
1110
- warningColorL10: string;
1111
- warningColorD10: string;
1112
- alertColorL10: string;
1113
- alertColorD10: string;
1114
1102
  errorColorL10: string;
1103
+ errorColor: string;
1115
1104
  errorColorD10: string;
1116
1105
  errorColorD20: string;
1117
- brandColor: string;
1106
+ alertColorL10: string;
1107
+ alertColor: string;
1108
+ alertColorD10: string;
1109
+ warningColorL10: string;
1110
+ warningColor: string;
1111
+ warningColorD10: string;
1112
+ successColorL10: string;
1113
+ successColor: string;
1114
+ successColorD10: string;
1115
+ infoColorL10: string;
1116
+ infoColor: string;
1117
+ infoColorD10: string;
1118
1118
  spacingQuarter: string;
1119
1119
  spacingHalf: string;
1120
1120
  spacing: string;
@@ -1660,31 +1660,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
1660
1660
  fontWeightExtraBold: number;
1661
1661
  sansFontFamily: string;
1662
1662
  serifFontFamily: string;
1663
- gray30: string;
1664
- gray45: string;
1665
- gray60: string;
1666
- gray80: string;
1667
- gray92: string;
1668
- gray96: string;
1663
+ brandColor: string;
1669
1664
  gray98: string;
1670
- successColor: string;
1671
- warningColor: string;
1672
- alertColor: string;
1673
- errorColor: string;
1665
+ gray96: string;
1666
+ gray92: string;
1667
+ gray80: string;
1668
+ gray60: string;
1669
+ gray45: string;
1670
+ gray30: string;
1674
1671
  accentColorD10: string;
1675
- infoColor: string;
1676
- infoColorL10: string;
1677
- infoColorD10: string;
1678
- successColorL10: string;
1679
- successColorD10: string;
1680
- warningColorL10: string;
1681
- warningColorD10: string;
1682
- alertColorL10: string;
1683
- alertColorD10: string;
1684
1672
  errorColorL10: string;
1673
+ errorColor: string;
1685
1674
  errorColorD10: string;
1686
1675
  errorColorD20: string;
1687
- brandColor: string;
1676
+ alertColorL10: string;
1677
+ alertColor: string;
1678
+ alertColorD10: string;
1679
+ warningColorL10: string;
1680
+ warningColor: string;
1681
+ warningColorD10: string;
1682
+ successColorL10: string;
1683
+ successColor: string;
1684
+ successColorD10: string;
1685
+ infoColorL10: string;
1686
+ infoColor: string;
1687
+ infoColorD10: string;
1688
1688
  spacingQuarter: string;
1689
1689
  spacingHalf: string;
1690
1690
  spacing: string;
@@ -2230,31 +2230,31 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
2230
2230
  fontWeightExtraBold: number;
2231
2231
  sansFontFamily: string;
2232
2232
  serifFontFamily: string;
2233
- gray30: string;
2234
- gray45: string;
2235
- gray60: string;
2236
- gray80: string;
2237
- gray92: string;
2238
- gray96: string;
2233
+ brandColor: string;
2239
2234
  gray98: string;
2240
- successColor: string;
2241
- warningColor: string;
2242
- alertColor: string;
2243
- errorColor: string;
2235
+ gray96: string;
2236
+ gray92: string;
2237
+ gray80: string;
2238
+ gray60: string;
2239
+ gray45: string;
2240
+ gray30: string;
2244
2241
  accentColorD10: string;
2245
- infoColor: string;
2246
- infoColorL10: string;
2247
- infoColorD10: string;
2248
- successColorL10: string;
2249
- successColorD10: string;
2250
- warningColorL10: string;
2251
- warningColorD10: string;
2252
- alertColorL10: string;
2253
- alertColorD10: string;
2254
2242
  errorColorL10: string;
2243
+ errorColor: string;
2255
2244
  errorColorD10: string;
2256
2245
  errorColorD20: string;
2257
- brandColor: string;
2246
+ alertColorL10: string;
2247
+ alertColor: string;
2248
+ alertColorD10: string;
2249
+ warningColorL10: string;
2250
+ warningColor: string;
2251
+ warningColorD10: string;
2252
+ successColorL10: string;
2253
+ successColor: string;
2254
+ successColorD10: string;
2255
+ infoColorL10: string;
2256
+ infoColor: string;
2257
+ infoColorD10: string;
2258
2258
  spacingQuarter: string;
2259
2259
  spacingHalf: string;
2260
2260
  spacing: string;
package/types/utils.d.ts CHANGED
@@ -10,4 +10,5 @@ declare function getCustomizedThemeUnmemo<T extends AnyTheme>(settings?: Partial
10
10
  * @private
11
11
  */
12
12
  export declare const getCustomizedTheme: typeof getCustomizedThemeUnmemo & import("lodash").MemoizedFunction;
13
+ export declare const clearCustomizedThemeCache: () => void;
13
14
  export {};
package/utils.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getCustomizedTheme = exports.addThemeDefaults = void 0;
6
+ exports.clearCustomizedThemeCache = exports.getCustomizedTheme = exports.addThemeDefaults = void 0;
7
7
  var _memoize = _interopRequireDefault(require("lodash/memoize"));
8
8
  var _getTheme = _interopRequireDefault(require("./getTheme"));
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -51,6 +51,7 @@ function getCustomizedThemeUnmemo(settings, customizer) {
51
51
  }
52
52
  return customizer(variables);
53
53
  }
54
+
54
55
  /**
55
56
  * Accepts a theme object and customizer, and returns supported values and defaults.
56
57
  * @private
@@ -65,4 +66,9 @@ function () {
65
66
  var customizer = arguments.length > 1 ? arguments[1] : undefined;
66
67
  return "".concat(family, "-").concat(colorScheme, "-").concat(density, "-").concat(!!customizer);
67
68
  });
68
- exports.getCustomizedTheme = getCustomizedTheme;
69
+ exports.getCustomizedTheme = getCustomizedTheme;
70
+ var clearCustomizedThemeCache = function clearCustomizedThemeCache() {
71
+ var _getCustomizedTheme$c, _getCustomizedTheme$c2;
72
+ return (_getCustomizedTheme$c = (_getCustomizedTheme$c2 = getCustomizedTheme.cache).clear) === null || _getCustomizedTheme$c === void 0 ? void 0 : _getCustomizedTheme$c.call(_getCustomizedTheme$c2);
73
+ };
74
+ exports.clearCustomizedThemeCache = clearCustomizedThemeCache;