@splunk/themes 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 Change Log
 ============
 
+0.12.0 - August 2, 2022
+----------
+New Features:
+* Added `zIndexLayer` variable (SUI-2809).
+
+API Changes:
+* Status and accent colors have been updated in Prisma themes.
+
+    The amount of distinct color values have been consolidated: e.g. `statusColorHigh` and `accentColorNegative` are both `#e00000`.
+
+    The contrast between these colors have been increased to improve accessibility (SUI-3758).
+
 0.11.0 - May 4, 2022
 ----------
 New Features:

package/enterprise/light.js

@@ -346,6 +346,7 @@ var fonts = {
  */
 
 var zindexes = {
+  zindexLayer: 1000,
   zindexFixedNavbar: 1030,
   zindexModalBackdrop: 1040,
   zindexModal: 1050,

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "@splunk/themes",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Theme variables and mixins for the Splunk design language",
   "scripts": {
-    "build": "cross-env NODE_ENV=production babel src -d . --ignore src/babel-plugin-base64-png,src/tests --extensions .js,.ts,.tsx && yarn types:build",
+    "babel": "babel src -d . --ignore src/babel-plugin-base64-png,src/tests --ignore \"**/docs\" --extensions .js,.ts,.tsx",
+    "build": "cross-env NODE_ENV=production yarn babel && yarn types:build",
+    "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
+    "docs:publish": "cicd-publish-docs docs --force",
+    "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "lint": "eslint src --ext \".ts,.tsx,.js,.jsx\"",
     "lint:ci": "yarn run lint -- -f junit -o test-reports/lint-results.xml",
-    "start": "babel src -d . --watch --ignore src/babel-plugin-base64-png,src/tests --extensions .js,.ts,.tsx",
+    "start": "yarn babel --watch",
     "test": "jest",
     "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",
     "test:watch": "jest --watch",
-    "types:build": "tsc",
+    "types:build": "tsc --emitDeclarationOnly --declaration",
     "types:start": "yarn types:build --watch"
   },
   "peerDependencies": {
@@ -60,12 +64,13 @@
     "@babel/cli": "^7.2.0",
     "@babel/core": "^7.2.0",
     "@splunk/babel-preset": "^3.0.0",
+    "@splunk/cicd-tools": "^0.4.0",
     "@splunk/eslint-config": "^4.0.0",
-    "@storybook/addon-docs": "^6.0.28",
-    "@storybook/addons": "^6.0.28",
-    "@storybook/api": "^6.0.28",
-    "@storybook/components": "^6.0.28",
-    "@storybook/theming": "^6.0.28",
+    "@storybook/addon-docs": "^6.5.9",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/api": "^6.5.9",
+    "@storybook/components": "^6.5.9",
+    "@storybook/theming": "^6.5.9",
     "@typescript-eslint/eslint-plugin": "^3.4.0",
     "@typescript-eslint/parser": "^3.4.0",
     "babel-eslint": "^10.1.0",
@@ -84,7 +89,11 @@
     "jest": "^25.1.0",
     "react": "^16.12.0",
     "styled-components": "5.1.1",
-    "typescript": "^4.0.5"
+    "typescript": "^4.0.5",
+    "webpack": "^4.16.2",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4",
+    "webpack-merge": "^4.1.3"
   },
   "engines": {
     "node": ">=6"

package/prisma/base.js

@@ -83,6 +83,7 @@ function createPrismaBase(_ref) {
    */
 
   var zindexes = {
+    zindexLayer: 1000,
     zindexFixedNavbar: 1030,
     zindexModalBackdrop: 1040,
     zindexModal: 1050,

package/prisma/dark.js

@@ -86,10 +86,10 @@ var neutralColors = {
  */
 
 var accentColors = {
-  accentColorPositive: '#27f561',
-  accentColorWarning: '#ffd442',
-  accentColorAlert: '#ff9750',
-  accentColorNegative: '#ff5c5c'
+  accentColorPositive: '#85f415',
+  accentColorWarning: '#f49106',
+  accentColorAlert: '#f0581f',
+  accentColorNegative: '#ff4242'
 };
 /**
  * ## Status colors
@@ -100,11 +100,11 @@ var accentColors = {
 
 var statusColors = {
   statusColorInfo: '#61cafa',
-  statusColorNormal: '#85eb48',
-  statusColorLow: '#fae75f',
-  statusColorMedium: '#f5b53f',
-  statusColorHigh: '#ec4B43',
-  statusColorCritical: '#a81916'
+  statusColorNormal: '#85f415',
+  statusColorLow: '#2cbda3',
+  statusColorMedium: '#f49106',
+  statusColorHigh: '#ff4242',
+  statusColorCritical: '#ff3361'
 };
 /**
  * ## Elevation shadows

package/prisma/light.js

@@ -86,10 +86,10 @@ var neutralColors = {
  */
 
 var accentColors = {
-  accentColorPositive: '#118832',
-  accentColorWarning: '#cca700',
-  accentColorAlert: '#cf750c',
-  accentColorNegative: '#d41f1f'
+  accentColorPositive: '#407a06',
+  accentColorWarning: '#c97705',
+  accentColorAlert: '#c6400d',
+  accentColorNegative: '#e00000'
 };
 /**
  * ## Status colors
@@ -99,12 +99,12 @@ var accentColors = {
  */
 
 var statusColors = {
-  statusColorInfo: '#61cafa',
-  statusColorNormal: '#85eb48',
-  statusColorLow: '#fae75f',
-  statusColorMedium: '#f5b53f',
-  statusColorHigh: '#ec4B43',
-  statusColorCritical: '#9c0300'
+  statusColorInfo: '#006be5',
+  statusColorNormal: '#407a06',
+  statusColorLow: '#155a4e',
+  statusColorMedium: '#c97705',
+  statusColorHigh: '#e00000',
+  statusColorCritical: '#9e1534'
 };
 /**
  * ## Elevation shadows

package/storybook-addon-splunk-themes/ThemedDocsContainer.js

@@ -11,9 +11,9 @@ var _blocks = require("@storybook/addon-docs/blocks");
 
 var _theming = require("@storybook/theming");
 
-var _themes = require("./themes");
+var _useSplunkTheme2 = _interopRequireDefault(require("../useSplunkTheme"));
 
-var _util = require("./util");
+var _themes = require("./themes");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -26,15 +26,27 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var ThemedDocsContainer = function ThemedDocsContainer(_ref) {
   var children = _ref.children,
       context = _ref.context;
-  var parameters = context.parameters;
-  var currentTheme = (0, _util.getThemeOptionsFromContext)(context);
+
+  var _useSplunkTheme = (0, _useSplunkTheme2["default"])(),
+      isDark = _useSplunkTheme.isDark;
 
   var themedContext = _objectSpread(_objectSpread({}, context), {}, {
-    parameters: _objectSpread(_objectSpread({}, parameters), {}, {
-      docs: {
-        theme: currentTheme.colorScheme === 'dark' ? _theming.themes.dark : _theming.themes.light
-      }
-    })
+    storyById: function storyById(id) {
+      var _storyContext$paramet, _storyContext$paramet2;
+
+      var storyContext = context.storyById(id);
+      return _objectSpread(_objectSpread({}, storyContext), {}, {
+        parameters: _objectSpread(_objectSpread({}, storyContext === null || storyContext === void 0 ? void 0 : storyContext.parameters), {}, {
+          __isArgsStory: true,
+          docs: _objectSpread(_objectSpread({}, storyContext === null || storyContext === void 0 ? void 0 : (_storyContext$paramet = storyContext.parameters) === null || _storyContext$paramet === void 0 ? void 0 : _storyContext$paramet.docs), {}, {
+            theme: isDark ? _theming.themes.dark : _theming.themes.light
+          }),
+          controls: _objectSpread(_objectSpread({}, storyContext === null || storyContext === void 0 ? void 0 : (_storyContext$paramet2 = storyContext.parameters) === null || _storyContext$paramet2 === void 0 ? void 0 : _storyContext$paramet2.controls), {}, {
+            theme: isDark ? _theming.themes.dark : _theming.themes.light
+          })
+        })
+      });
+    }
   });
 
   return /*#__PURE__*/_react["default"].createElement(_blocks.DocsContainer, {

package/storybook-addon-splunk-themes/addParameter.js

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.parameters = void 0;
 
-var _blocks = require("@storybook/addon-docs/blocks");
-
 var _ThemedDocsContainer = require("./ThemedDocsContainer");
 
 var parameters = {
   docs: {
-    container: _ThemedDocsContainer.ThemedDocsContainer,
-    page: _blocks.DocsPage
+    container: _ThemedDocsContainer.ThemedDocsContainer
   },
   splunkThemes: {
     family: 'prisma',

package/storybook-addon-splunk-themes/themes.js

@@ -16,7 +16,7 @@ var _variables = _interopRequireDefault(require("../variables"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n    .sb-show-main {\n        ", ";\n        background-color: ", ";\n    }\n\n    #docs-root, .sbdocs {\n        background-color: ", ";\n    }\n"]);
+  var data = _taggedTemplateLiteral(["\n    .sb-show-main {\n        ", ";\n        background-color: ", ";\n    }\n\n    .sbdocs-h2 {\n        color: ", "\n    }\n\n    .sbdocs-h3 {\n        color: ", "\n    }\n\n    #docs-root, .sbdocs {\n        background-color: ", ";\n    }\n\n    #docs-root, .sbdocs-title {\n        color: ", ";\n    }\n\n    .sbdocs, .sbdocs-preview {\n        background-color: ", ";\n    }\n\n    .os-host, .os-host-foreign {\n        color: ", ";\n        background-color: ", ";\n    }\n\n    .prismjs {\n        background-color: ", " !important;\n    }\n\n    .docblock-code-toggle {\n        color: ", " !important;\n        background-color: ", " !important;\n    }\n\n    #docs-root , .docblock-argstable-head, thead th {\n        color: ", " !important;\n        background-color: ", ";\n    }\n"]);
 
   _templateObject = function _templateObject() {
     return data;
@@ -27,7 +27,7 @@ function _templateObject() {
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var GlobalStyles = (0, _styledComponents.createGlobalStyle)(_templateObject(), _mixins["default"].reset('block'), _variables["default"].backgroundColorPage, _variables["default"].backgroundColorPage); // theming based on Storybook's <TooltipMessage>
+var GlobalStyles = (0, _styledComponents.createGlobalStyle)(_templateObject(), _mixins["default"].reset('block'), _variables["default"].backgroundColorPage, _variables["default"].contentColorActive, _variables["default"].contentColorActive, _variables["default"].backgroundColorPage, _variables["default"].contentColorActive, _variables["default"].backgroundColorPage, _variables["default"].contentColorDefault, _variables["default"].backgroundColorNavigation, _variables["default"].black, _variables["default"].contentColorDefault, _variables["default"].backgroundColorSection, _variables["default"].contentColorDefault, _variables["default"].backgroundColorPopup); // theming based on Storybook's <TooltipMessage>
 
 exports.GlobalStyles = GlobalStyles;
 

package/types/enterprise/dark.d.ts

@@ -14,6 +14,7 @@ declare const theme: {
     borderLight: string;
     focusShadowInset: string;
     draggableBackground: string;
+    zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
     zindexModal: number;

package/types/enterprise/light.d.ts

@@ -1,4 +1,5 @@
 declare const theme: {
+    zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
     zindexModal: number;

package/types/prisma/base.d.ts

@@ -2,6 +2,7 @@ import { ColorScheme } from '../types';
 declare function createPrismaBase({ colorScheme }: {
     colorScheme: ColorScheme;
 }): {
+    zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
     zindexModal: number;

package/types/storybook-addon-splunk-themes/ThemedDocsContainer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { StoryContext } from '@storybook/addons';
+import { DocsContextProps } from '@storybook/addon-docs/blocks';
 declare const ThemedDocsContainer: ({ children, context, }: {
     children: React.ReactNode;
-    context: StoryContext;
+    context: DocsContextProps;
 }) => React.ReactNode;
 export { ThemedDocsContainer };

package/types/storybook-addon-splunk-themes/addDecorator.d.ts

@@ -1 +1,4 @@
-export declare const decorators: import("@storybook/addons").StoryWrapper[];
+export declare const decorators: import("@storybook/csf").DecoratorFunction<{
+    component: any;
+    storyResult: import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType;
+}, import("@storybook/csf").Args>[];

package/types/storybook-addon-splunk-themes/addParameter.d.ts

@@ -3,9 +3,8 @@ export declare const parameters: {
     docs: {
         container: ({ children, context, }: {
             children: import("react").ReactNode;
-            context: import("@storybook/addons").StoryContext;
+            context: import("@storybook/preview-web").DocsContextProps<import("@storybook/csf").AnyFramework>;
         }) => import("react").ReactNode;
-        page: import("react").FC<{}>;
     };
     splunkThemes: {
         family: string;

package/types/storybook-addon-splunk-themes/themes.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<import("../types").OptionalThemedProps<import("../types").AnyTheme> & import("../types").ThemedProps<import("../types").AnyTheme>, import("styled-components").DefaultTheme>;
-export declare const TooltipSectionTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
+export declare const TooltipSectionTitle: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
     theme: import("@storybook/theming").Theme;
 }, import("@storybook/theming").Theme>;

package/types/storybook-addon-splunk-themes/withSplunkTheme.d.ts

@@ -1,2 +1,4 @@
-import { StoryWrapper } from '@storybook/addons';
-export declare const withSplunkTheme: StoryWrapper;
+export declare const withSplunkTheme: import("@storybook/csf").DecoratorFunction<{
+    component: any;
+    storyResult: import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType;
+}, import("@storybook/react").Args>;

package/types/withSplunkTheme.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AnyTheme } from './types';
 declare type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
-interface SplunkThemeProps<T extends AnyTheme> {
+export interface SplunkThemeProps<T extends AnyTheme> {
     splunkTheme: T;
 }
 declare type WithoutSplunkThemeProps<P extends SplunkThemeProps<T>, T extends AnyTheme> = DistributiveOmit<P, keyof SplunkThemeProps<T>>;