@splunk/themes 0.16.4 → 0.18.0

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 Change Log
 ============
 
-0.16.4  - Dec 5, 2023
+0.18.0 - May 6, 2024
+----------
+New Features:
+
+* All themes now support color variables for decorative borders:
+  * `borderColorStrong` and `borderColorWeak` added to all themes
+  * `borderColor` now also available in Prisma themes
+  * Note: Use `interactiveColorBorder` when creating a border for an interactive control
+
+Bug Fixes:
+* Enterprise light theme `interactiveColorBorder` value has been updated to meet contrast requirements.
+
+API Changes:
+* Enterprise theme `borderLightColor` has been deprecated. Instead, use `borderColorWeak`.
+* Enterprise dark theme `borderDarkColor` has been removed. Instead, use `borderColorStrong`.
+* `@splunk/themes/storybook-addon-splunk-themes` has been updated to work with `@storybook@^7` and no longer works with `@storybook@^6` (SUI-6170).
+
+0.17.0 - March 21, 2024
+----------
+New Features:
+* Added new variable `activeBorder`.
+
+0.16.4 - Dec 5, 2023
 ----------
 Bug Fixes:
 * `syntaxColors` have been updated to meet A11y_WCAG 1.4.3 contrast requirements for prisma and enterprise themes (SUI-5750).
 
-0.16.3  - October 11, 2023
+0.16.3 - October 11, 2023
 ----------
 Bug Fixes:
 * This package should now load correctly in Webpack 4 environments (SUI-5802).

package/enterprise/dark.js

@@ -21,8 +21,9 @@ var dark = {
   backgroundColor: _light["default"].gray20,
   backgroundColorHover: _light["default"].gray30,
   borderColor: _light["default"].gray22,
-  borderDarkColor: _light["default"].black,
-  borderLightColor: _light["default"].gray60,
+  borderColorWeak: _light["default"].gray60,
+  borderColorStrong: _light["default"].black,
+  borderActiveColor: "rgba(225,225,225, 0.5)",
   textColor: _light["default"].white,
   textGray: _light["default"].gray92,
   textDisabledColor: _light["default"].gray45,
@@ -52,8 +53,20 @@ var syntaxColors = {
   syntaxRed: '#fa94aa',
   syntaxTeal: '#45d4ba'
 };
+/**
+ * ## Interactive borders
+ *
+ * @borderSet
+ */
 
-var theme = _objectSpread(_objectSpread(_objectSpread({}, _light["default"]), dark), syntaxColors);
+var bordersInteractive = {
+  activeBorder: "".concat(dark.borderActiveColor, " double")
+};
+
+var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _light["default"]), dark), syntaxColors), bordersInteractive), {}, {
+  borderLightColor: _light["default"].gray60 // @deprecated, SUI-5981
+
+});
 
 var _default = theme;
 exports["default"] = _default;

package/enterprise/light.js

@@ -264,8 +264,10 @@ var usageColors = {
   textDisabledColor: grays.gray80,
   linkColor: accentColors.accentColorD10,
   linkColorHover: accentColors.accentColor,
-  borderLightColor: grays.gray92,
+  borderActiveColor: "rgba(0,0,0, 0.5)",
   borderColor: grays.gray80,
+  borderColorWeak: grays.gray92,
+  borderColorStrong: grays.gray60,
   focusColor: accentColors.accentColorD10,
   backgroundColorHover: grays.gray96,
   backgroundColor: grays.white,
@@ -304,6 +306,15 @@ var shadows = {
   focusShadowInset: "inset 0 0 1px 1px ".concat(grays.white, ", inset 0 0 0 3px ").concat(usageColors.focusColor),
   overlayShadow: '0 4px 8px rgba(0, 0, 0, 0.2)'
 };
+/**
+ * ## Interactive borders
+ *
+ * @borderSet
+ */
+
+var bordersInteractive = {
+  activeBorder: "".concat(usageColors.borderActiveColor, " double")
+};
 /**
  * ## Backgrounds
  *
@@ -368,7 +379,10 @@ var zindexes = {
   zindexToastMessages: 2000
 };
 
-var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brandColors), grays), accentColors), errorColors), alertColors), warningColors), successColors), infoColors), categoricalColors), divergingColors), syntaxColors), fontFamily), fontWeights), usageColors), backgrounds), shadows), borders), zindexes);
+var theme = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brandColors), grays), accentColors), errorColors), alertColors), warningColors), successColors), infoColors), categoricalColors), divergingColors), syntaxColors), fontFamily), fontWeights), usageColors), backgrounds), shadows), bordersInteractive), borders), zindexes), {}, {
+  borderLightColor: grays.gray92 // @deprecated SUI-5981
+
+});
 
 var _default = theme;
 exports["default"] = _default;

package/enterprise/prismaAliases.js

@@ -89,7 +89,7 @@ function createPrismaAliases(_ref) {
     neutral400: colorScheme === 'dark' ? cs.gray60 : _tinycolor["default"].mix(cs.gray92, cs.gray80).toRgbString(),
     neutral500: cs.gray80,
     interactiveColorPrimary: cs.brandColor,
-    interactiveColorBorder: cs.borderColor,
+    interactiveColorBorder: colorScheme === 'dark' ? cs.borderColor : cs.gray60,
     spacingXSmall: d.spacingQuarter,
     spacingSmall: d.spacingHalf,
     spacingMedium: "calc(".concat(d.spacing, " * 0.75)"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/themes",
-  "version": "0.16.4",
+  "version": "0.18.0",
   "description": "Theme variables and mixins for the Splunk design language",
   "scripts": {
     "babel": "babel src -d . --ignore src/babel-plugin-base64-png,src/tests --ignore \"**/docs\" --extensions .js,.ts,.tsx",
@@ -21,11 +21,11 @@
     "types:start": "yarn types:build --watch"
   },
   "peerDependencies": {
-    "@storybook/addon-docs": ">= 6.x",
-    "@storybook/addons": ">= 6.x",
-    "@storybook/api": ">= 6.x",
-    "@storybook/components": ">= 6.x",
-    "@storybook/theming": ">= 6.x",
+    "@storybook/blocks": ">= 7.x",
+    "@storybook/components": ">= 7.x",
+    "@storybook/manager-api": ">= 7.x",
+    "@storybook/react": ">= 7.x",
+    "@storybook/theming": ">= 7.x",
     "react": "^16.8",
     "styled-components": "^5.3.10"
   },
@@ -36,16 +36,16 @@
     "styled-components": {
       "optional": true
     },
-    "@storybook/addon-docs": {
+    "@storybook/blocks": {
       "optional": true
     },
-    "@storybook/addons": {
+    "@storybook/components": {
       "optional": true
     },
-    "@storybook/api": {
+    "@storybook/manager-api": {
       "optional": true
     },
-    "@storybook/components": {
+    "@storybook/react": {
       "optional": true
     },
     "@storybook/theming": {
@@ -55,10 +55,6 @@
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
   "dependencies": {
-    "@types/lodash": "^4.14.156",
-    "@types/react": "^16.9.38",
-    "@types/styled-components": "^5.1.0",
-    "@types/tinycolor2": "^1.4.2",
     "color-blend": "^2.0.9",
     "lodash": "^4.17.14",
     "tinycolor2": "^1.4.1"
@@ -68,16 +64,20 @@
     "@babel/core": "^7.2.0",
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/eslint-config": "^4.0.0",
-    "@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",
+    "@storybook/blocks": "^7.6.17",
+    "@storybook/components": "^7.6.17",
+    "@storybook/manager-api": "^7.6.17",
+    "@storybook/react": "^7.6.17",
+    "@storybook/theming": "^7.6.17",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@typescript-eslint/eslint-plugin": "^3.4.0",
-    "@typescript-eslint/parser": "^3.4.0",
+    "@types/lodash": "^4.14.156",
+    "@types/react": "^16.9.38",
+    "@types/styled-components": "^5.1.0",
+    "@types/tinycolor2": "^1.4.2",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "babel-eslint": "^10.1.0",
     "babel-plugin-transform-define": "^2.0.0",
     "cross-env": "^6.0.3",
@@ -92,7 +92,7 @@
     "jest-styled-components": "^7.0.8",
     "react": "^16.12.0",
     "styled-components": "^5.3.10",
-    "typescript": "^4.0.5",
+    "typescript": "^4.9.5",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",

package/prisma/base.js

@@ -51,6 +51,19 @@ function createPrismaBase(_ref) {
     focusShadow: "0 0 0 2px ".concat(colorSchemeVars.backgroundColorPage, ", 0 0 0 5px ").concat(usageColors.focusColor),
     focusShadowInset: "inset 0 0 0 3px ".concat(usageColors.focusColor)
   };
+  /**
+   * ## Borders
+   *
+   * @borderSet
+   *
+   */
+
+  var borders = {
+    activeBorder: "double ".concat(colorSchemeVars.interactiveColorBorderActive),
+    borderColor: "".concat(colorSchemeVars.neutral200),
+    borderColorWeak: "".concat(colorSchemeVars.neutral100),
+    borderColorStrong: "".concat(colorSchemeVars.neutral300)
+  };
   /**
    * ## Backgrounds
    *
@@ -104,7 +117,7 @@ function createPrismaBase(_ref) {
     zindexPopover: 1060,
     zindexToastMessages: 2000
   };
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fontFamily), fontWeights), usageColors), _dataViz["default"]), shadows), backgrounds), zindexes);
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fontFamily), fontWeights), usageColors), _dataViz["default"]), shadows), borders), backgrounds), zindexes);
 }
 
 var _default = createPrismaBase;

package/prisma/dark.js

@@ -53,6 +53,7 @@ var contentColors = {
 var interactiveColors = {
   interactiveColorPrimary: '#3993FF',
   interactiveColorBorder: 'rgba(255, 255, 255, 0.5)',
+  interactiveColorBorderActive: 'rgba(225,225,225, 0.5)',
   interactiveColorBorderHover: 'rgba(255, 255, 255, 0.7)',
   interactiveColorBorderDisabled: 'rgba(255, 255, 255, 0.30)',
   interactiveColorOverlaySelected: 'rgba(255, 255, 255, 0.1)',

package/prisma/light.js

@@ -53,6 +53,7 @@ var contentColors = {
 var interactiveColors = {
   interactiveColorPrimary: '#0264d7',
   interactiveColorBorder: 'rgba(0, 0, 0, 0.4)',
+  interactiveColorBorderActive: 'rgba(0, 0, 0, 0.5)',
   interactiveColorBorderHover: 'rgba(0, 0, 0, 0.6)',
   interactiveColorBorderDisabled: 'rgba(0, 0, 0, 0.3)',
   interactiveColorOverlaySelected: 'rgba(0, 0, 0, 0.04)',

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

@@ -9,7 +9,7 @@ exports.SplunkThemesTool = exports.themeOptions = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _api = require("@storybook/api");
+var _managerApi = require("@storybook/manager-api");
 
 var _components = require("@storybook/components");
 
@@ -56,14 +56,18 @@ var themeOptions = {
   }
 };
 exports.themeOptions = themeOptions;
+var SplunkThemesTool = /*#__PURE__*/(0, _react.memo)(function () {
+  var _React$useState = _react["default"].useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isTooltipVisible = _React$useState2[0],
+      setIsTooltipVisible = _React$useState2[1];
 
-var SplunkThemesTool = function SplunkThemesTool() {
-  var _useGlobals = (0, _api.useGlobals)(),
+  var _useGlobals = (0, _managerApi.useGlobals)(),
       _useGlobals2 = _slicedToArray(_useGlobals, 2),
       globals = _useGlobals2[0],
       updateGlobals = _useGlobals2[1];
 
-  var params = (0, _api.useParameter)(_constants.PARAM_KEY, {});
+  var params = (0, _managerApi.useParameter)(_constants.PARAM_KEY, {});
   var globalsTheme = globals[_constants.PARAM_KEY];
   var currentTheme = (0, _util.normalizeThemeOptions)(params, globalsTheme);
   var updateTheme = (0, _react.useCallback)(function (newTheme) {
@@ -95,14 +99,14 @@ var SplunkThemesTool = function SplunkThemesTool() {
         }));
       });
     },
-    closeOnClick: true
+    closeOnOutsideClick: true,
+    onVisibleChange: setIsTooltipVisible
   }, /*#__PURE__*/_react["default"].createElement(_components.IconButton, {
     key: "splunk-themes",
     title: "Set options for @splunk/themes",
-    active: true
+    active: isTooltipVisible
   }, /*#__PURE__*/_react["default"].createElement(_components.Icons, {
     icon: "paintbrush"
   })));
-};
-
+});
 exports.SplunkThemesTool = SplunkThemesTool;

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

@@ -7,7 +7,7 @@ exports.ThemedDocsContainer = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _blocks = require("@storybook/addon-docs/blocks");
+var _blocks = require("@storybook/blocks");
 
 var _theming = require("@storybook/theming");
 
@@ -17,12 +17,6 @@ var _themes = require("./themes");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var ThemedDocsContainer = function ThemedDocsContainer(_ref) {
   var children = _ref.children,
       context = _ref.context;
@@ -30,28 +24,10 @@ var ThemedDocsContainer = function ThemedDocsContainer(_ref) {
   var _useSplunkTheme = (0, _useSplunkTheme2["default"])(),
       isDark = _useSplunkTheme.isDark;
 
-  var themedContext = _objectSpread(_objectSpread({}, context), {}, {
-    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, {
-    context: themedContext
-  }, /*#__PURE__*/_react["default"].createElement(_themes.GlobalStyles, null), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children));
+    context: context,
+    theme: isDark ? _theming.themes.dark : _theming.themes.light
+  }, /*#__PURE__*/_react["default"].createElement(_themes.GlobalStyles, null), children);
 };
 
 exports.ThemedDocsContainer = ThemedDocsContainer;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _managerApi = require("@storybook/manager-api");
+
+var _types = require("@storybook/types");
+
+var _constants = require("./constants");
+
+var _SplunkThemesTool = require("./SplunkThemesTool");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_managerApi.addons.register(_constants.ADDON_ID, function () {
+  _managerApi.addons.add(_constants.ADDON_ID, {
+    title: 'splunk/themes',
+    type: _types.Addon_TypesEnum.TOOL,
+    match: function match(_ref) {
+      var viewMode = _ref.viewMode;
+      return !!(viewMode && viewMode.match(/^(story|docs)$/));
+    },
+    paramKey: _constants.PARAM_KEY,
+    render: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SplunkThemesTool.SplunkThemesTool, null);
+    }
+  });
+});

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globals = exports.parameters = exports.decorators = void 0;
+
+var _constants = require("./constants");
+
+var _ThemedDocsContainer = require("./ThemedDocsContainer");
+
+var _withSplunkTheme = require("./withSplunkTheme");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var decorators = [_withSplunkTheme.withSplunkTheme];
+exports.decorators = decorators;
+var parameters = {
+  docs: {
+    container: _ThemedDocsContainer.ThemedDocsContainer
+  },
+  splunkThemes: {
+    family: 'prisma',
+    colorScheme: 'dark',
+    density: 'comfortable'
+  }
+};
+exports.parameters = parameters;
+
+var globals = _defineProperty({}, _constants.PARAM_KEY, null);
+
+exports.globals = globals;

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

@@ -35,7 +35,7 @@ var TooltipSectionTitle = _theming.styled.div(function (_ref) {
   var theme = _ref.theme;
   return {
     color: theme.textColor,
-    fontWeight: theme.typography.weight.black,
+    fontWeight: theme.typography.weight.bold,
     lineHeight: '18px',
     padding: '15px 15px 0 15px'
   };

package/stubs-dependencies.d.ts

@@ -1,6 +1,6 @@
-import '@storybook/addon-docs/blocks';
+import '@storybook/blocks';
 
-declare module '@storybook/addon-docs/blocks' {
+declare module '@storybook/blocks' {
     declare interface DocsContainerPropsWithChildren extends DocsContainerProps {
         children?: ReactNode;
     }

package/types/enterprise/comfortable.d.ts

@@ -18,6 +18,6 @@ declare const measures: {
     inputHeight: string;
     borderRadius: string;
 };
-declare type Comfortable = typeof measures;
+type Comfortable = typeof measures;
 export default measures;
 export { Comfortable };

package/types/enterprise/compact.d.ts

@@ -22,6 +22,6 @@ declare const measures: {
     inputHeight: string;
     borderRadius: string;
 };
-declare type Compact = typeof measures;
+type Compact = typeof measures;
 export default measures;
 export { Compact };

package/types/enterprise/dark.d.ts

@@ -1,4 +1,6 @@
 declare const theme: {
+    borderLightColor: string;
+    activeBorder: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -11,8 +13,9 @@ declare const theme: {
     backgroundColor: string;
     backgroundColorHover: string;
     borderColor: string;
-    borderDarkColor: string;
-    borderLightColor: string;
+    borderColorWeak: string;
+    borderColorStrong: string;
+    borderActiveColor: string;
     textColor: string;
     textGray: string;
     textDisabledColor: string;
@@ -208,6 +211,6 @@ declare const theme: {
     brandColorD40: string;
     brandColorD50: string;
 };
-declare type Dark = typeof theme;
+type Dark = typeof theme;
 export default theme;
 export { Dark };

package/types/enterprise/index.d.ts

@@ -4,8 +4,8 @@ import { Compact } from './compact';
 import { Comfortable } from './comfortable';
 import { PrismaAliases } from './prismaAliases';
 import { ColorScheme, Density } from '../types';
-declare type MutableEnterprise = (Light | Dark) & (Comfortable | Compact) & PrismaAliases;
-declare type Enterprise = Readonly<MutableEnterprise>;
+type MutableEnterprise = (Light | Dark) & (Comfortable | Compact) & PrismaAliases;
+type Enterprise = Readonly<MutableEnterprise>;
 declare function createEnterpriseTheme({ colorScheme, density, }: {
     colorScheme: ColorScheme;
     density: Density;

package/types/enterprise/light.d.ts

@@ -1,4 +1,5 @@
 declare const theme: {
+    borderLightColor: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
@@ -7,6 +8,7 @@ declare const theme: {
     zindexToastMessages: number;
     borderRadius: string;
     border: string;
+    activeBorder: string;
     focusShadow: string;
     focusShadowInset: string;
     overlayShadow: string;
@@ -16,8 +18,10 @@ declare const theme: {
     textDisabledColor: string;
     linkColor: string;
     linkColorHover: string;
-    borderLightColor: string;
+    borderActiveColor: string;
     borderColor: string;
+    borderColorWeak: string;
+    borderColorStrong: string;
     focusColor: string;
     backgroundColorHover: string;
     backgroundColor: string;
@@ -205,6 +209,6 @@ declare const theme: {
     brandColorD40: string;
     brandColorD50: string;
 };
-declare type Light = typeof theme;
+type Light = typeof theme;
 export default theme;
 export { Light };

package/types/enterprise/prismaAliases.d.ts

@@ -44,6 +44,6 @@ declare function createPrismaAliases({ colorScheme, density, }: {
     spacingXXLarge: string;
     spacingXXXLarge: string;
 };
-declare type PrismaAliases = ReturnType<typeof createPrismaAliases>;
+type PrismaAliases = ReturnType<typeof createPrismaAliases>;
 export default createPrismaAliases;
 export { PrismaAliases };

package/types/mixins/typography.d.ts

@@ -1,7 +1,7 @@
 import { AnyTheme, Interpolation, ThemedProps } from '../types';
 declare const typographyVariants: readonly ["body", "title1", "title2", "title3", "title4", "title5", "title6", "title7", "largeBody", "smallBody", "footnote", "monoBody", "monoSmallBody"];
-declare type TypographyVariant = typeof typographyVariants[number];
-declare type TypographyTitleVariant = Extract<TypographyVariant, 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6' | 'title7'>;
+type TypographyVariant = typeof typographyVariants[number];
+type TypographyTitleVariant = Extract<TypographyVariant, 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6' | 'title7'>;
 interface TypographyParams {
     /**
      * Set the font-family to sans-serif or monospace based on current theme.

package/types/mixins/utilityMixins.d.ts

@@ -149,8 +149,8 @@ export declare function printWrapAll(): CSSObject;
  * @public
  */
 export declare function screenReaderContent(): CSSObject;
-declare type TemplateFunction<T extends AnyTheme> = (props: OptionalThemedProps<T>) => string | undefined;
-declare type ColorParameter<T extends AnyTheme> = string | TemplateFunction<T>;
+type TemplateFunction<T extends AnyTheme> = (props: OptionalThemedProps<T>) => string | undefined;
+type ColorParameter<T extends AnyTheme> = string | TemplateFunction<T>;
 /**
  * Calculates how one color would appear over another using a normal blend mode.
  * Colors can either be strings or functions, such as variable functions.

package/types/prisma/base.d.ts

@@ -9,6 +9,10 @@ declare function createPrismaBase({ colorScheme }: {
     zindexPopover: number;
     zindexToastMessages: number;
     draggableBackground: string;
+    activeBorder: string;
+    borderColor: string;
+    borderColorWeak: string;
+    borderColorStrong: string;
     hoverShadow: string;
     focusShadow: string;
     focusShadowInset: string;
@@ -147,7 +151,12 @@ declare function createPrismaBase({ colorScheme }: {
     divergent2L5: string;
     divergent2L6: string;
     divergent2L7: string;
-    divergent2D1: string;
+    divergent2D1: string; /**
+     * ## Layers
+     * If a variable does not suit your purpose, set a value relatively, such as zindexModal +1.
+     *
+     * @valueSet
+     */
     divergent2D2: string;
     divergent2D3: string;
     divergent2D4: string;
@@ -240,6 +249,6 @@ declare function createPrismaBase({ colorScheme }: {
     monoFontFamily: string;
     fontFamily: string;
 };
-declare type PrismaBase = ReturnType<typeof createPrismaBase>;
+type PrismaBase = ReturnType<typeof createPrismaBase>;
 export default createPrismaBase;
 export { PrismaBase };

package/types/prisma/comfortable.d.ts

@@ -22,6 +22,6 @@ declare const measures: {
     inputHeight: string;
     borderRadius: string;
 };
-declare type Comfortable = typeof measures;
+type Comfortable = typeof measures;
 export default measures;
 export { Comfortable };

package/types/prisma/compact.d.ts

@@ -26,6 +26,6 @@ declare const measures: {
     inputHeight: string;
     borderRadius: string;
 };
-declare type Compact = typeof measures;
+type Compact = typeof measures;
 export default measures;
 export { Compact };

package/types/prisma/dark.d.ts

@@ -16,6 +16,7 @@ declare const theme: {
     syntaxTeal: string;
     interactiveColorPrimary: string;
     interactiveColorBorder: string;
+    interactiveColorBorderActive: string;
     interactiveColorBorderHover: string;
     interactiveColorBorderDisabled: string;
     interactiveColorOverlaySelected: string;
@@ -59,6 +60,6 @@ declare const theme: {
     accentColorAlert: string;
     accentColorNegative: string;
 };
-declare type Dark = typeof theme;
+type Dark = typeof theme;
 export default theme;
 export { Dark };

package/types/prisma/index.d.ts

@@ -4,8 +4,8 @@ import { Compact } from './compact';
 import { Comfortable } from './comfortable';
 import { PrismaBase } from './base';
 import { ColorScheme, Density } from '../types';
-declare type MutablePrisma = PrismaBase & (Light | Dark) & (Comfortable | Compact);
-declare type Prisma = Readonly<MutablePrisma>;
+type MutablePrisma = PrismaBase & (Light | Dark) & (Comfortable | Compact);
+type Prisma = Readonly<MutablePrisma>;
 declare function createPrismaTheme({ colorScheme, density, }: {
     colorScheme: ColorScheme;
     density: Density;

package/types/prisma/light.d.ts

@@ -16,6 +16,7 @@ declare const theme: {
     syntaxTeal: string;
     interactiveColorPrimary: string;
     interactiveColorBorder: string;
+    interactiveColorBorderActive: string;
     interactiveColorBorderHover: string;
     interactiveColorBorderDisabled: string;
     interactiveColorOverlaySelected: string;
@@ -59,6 +60,6 @@ declare const theme: {
     accentColorAlert: string;
     accentColorNegative: string;
 };
-declare type Light = typeof theme;
+type Light = typeof theme;
 export default theme;
 export { Light };

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

@@ -1,10 +1,10 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { ThemeSettings } from '../types';
-declare type ThemeOption = {
+type ThemeOption = {
     name: string;
     values: string[];
 };
-declare type ThemeOptions = Pick<Record<keyof ThemeSettings, ThemeOption>, 'family' | 'colorScheme' | 'density'>;
+type ThemeOptions = Pick<Record<keyof ThemeSettings, ThemeOption>, 'family' | 'colorScheme' | 'density'>;
 export declare const themeOptions: ThemeOptions;
-export declare const SplunkThemesTool: FunctionComponent;
+export declare const SplunkThemesTool: React.MemoExoticComponent<() => JSX.Element>;
 export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DocsContextProps } from '@storybook/addon-docs/blocks';
+import { DocsContextProps } from '@storybook/blocks';
 declare const ThemedDocsContainer: ({ children, context, }: {
     children: React.ReactNode;
     context: DocsContextProps;

package/types/storybook-addon-splunk-themes/{addParameter.d.ts → preview.d.ts}

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+export declare const decorators: import("@storybook/react").Decorator<import("@storybook/types").StrictArgs>[];
 export declare const parameters: {
     docs: {
         container: ({ children, context, }: {
             children: import("react").ReactNode;
-            context: import("@storybook/preview-web").DocsContextProps<import("@storybook/csf").AnyFramework>;
+            context: import("@storybook/types").DocsContextProps<import("@storybook/types").Renderer>;
         }) => import("react").ReactNode;
     };
     splunkThemes: {
@@ -12,3 +12,6 @@ export declare const parameters: {
         density: string;
     };
 };
+export declare const globals: {
+    splunkThemes: null;
+};

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

@@ -1,5 +1,6 @@
 /// <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("@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>;
+export declare const TooltipSectionTitle: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { StoryContext } from '@storybook/addons';
+import { StoryContext } from '@storybook/types';
 import { ThemeSettings } from '../types';
 export declare const normalizeThemeOptions: (paramOptions?: {}, globalOptions?: {}) => Partial<ThemeSettings>;
 export declare const getThemeOptionsFromContext: (context: StoryContext) => Partial<ThemeSettings>;

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

@@ -1,4 +1,2 @@
-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>;
+import { Decorator } from '@storybook/react';
+export declare const withSplunkTheme: Decorator<import("@storybook/types").StrictArgs>;

package/types/types.d.ts

@@ -1,8 +1,8 @@
 import { Interpolation as SCInterpolation } from 'styled-components';
 import { Enterprise as EnterpriseVariables } from './enterprise';
 import { Prisma as PrismaVariables } from './prisma';
-declare type ColorScheme = 'light' | 'dark';
-declare type Density = 'comfortable' | 'compact';
+type ColorScheme = 'light' | 'dark';
+type Density = 'comfortable' | 'compact';
 interface ThemeSettingsBase {
     colorScheme: ColorScheme;
     density: Density;
@@ -16,52 +16,52 @@ interface ThemeSettingsBase {
 interface ThemeSettings<T extends AnyTheme = AnyTheme> extends ThemeSettingsBase {
     family: T extends Enterprise ? 'enterprise' : 'prisma';
 }
-declare type Enterprise = EnterpriseVariables & ThemeSettingsBase & {
+type Enterprise = EnterpriseVariables & ThemeSettingsBase & {
     family: 'enterprise';
     isEnterprise: true;
 };
-declare type Prisma = PrismaVariables & ThemeSettingsBase & {
+type Prisma = PrismaVariables & ThemeSettingsBase & {
     family: 'prisma';
     isPrisma: true;
 };
-declare type CustomizeTheme<T extends AnyTheme = AnyTheme> = {
+type CustomizeTheme<T extends AnyTheme = AnyTheme> = {
     bivarianceHack(theme: T): T;
 }['bivarianceHack'];
-declare type CustomizerSetting<T extends AnyTheme = AnyTheme> = {
+type CustomizerSetting<T extends AnyTheme = AnyTheme> = {
     customizer?: CustomizeTheme<T>;
 };
-declare type ThemedProps<T extends AnyTheme = AnyTheme> = {
+type ThemedProps<T extends AnyTheme = AnyTheme> = {
     theme: {
         splunkThemeV1: ThemeSettings<T>;
     };
 };
-declare type OptionalThemedProps<T extends AnyTheme = AnyTheme> = {
+type OptionalThemedProps<T extends AnyTheme = AnyTheme> = {
     theme?: {
         splunkThemeV1?: Partial<ThemeSettings<T>> & CustomizerSetting<T>;
     };
 };
-declare type AnyTheme = Enterprise | Prisma;
-declare type VariableName<T extends AnyTheme> = keyof T;
-declare type VariableNameExclusiveEnterprise = Exclude<VariableName<Enterprise>, VariableName<Prisma>>;
-declare type VariableNameExclusivePrisma = Exclude<VariableName<Prisma>, VariableName<Enterprise>>;
-declare type Variable<T extends AnyTheme, V extends VariableName<T>> = T[V];
-declare type VariableInterpolation<T extends AnyTheme, V extends VariableName<T>> = (props: OptionalThemedProps<T>) => Variable<T, V>;
-declare type UnsafeVariableInterpolation<T extends AnyTheme, V extends VariableName<T>> = (props: OptionalThemedProps<T>) => Variable<T, V> | undefined;
-declare type Variables<T extends AnyTheme> = {
+type AnyTheme = Enterprise | Prisma;
+type VariableName<T extends AnyTheme> = keyof T;
+type VariableNameExclusiveEnterprise = Exclude<VariableName<Enterprise>, VariableName<Prisma>>;
+type VariableNameExclusivePrisma = Exclude<VariableName<Prisma>, VariableName<Enterprise>>;
+type Variable<T extends AnyTheme, V extends VariableName<T>> = T[V];
+type VariableInterpolation<T extends AnyTheme, V extends VariableName<T>> = (props: OptionalThemedProps<T>) => Variable<T, V>;
+type UnsafeVariableInterpolation<T extends AnyTheme, V extends VariableName<T>> = (props: OptionalThemedProps<T>) => Variable<T, V> | undefined;
+type Variables<T extends AnyTheme> = {
     [V in VariableName<T>]: VariableInterpolation<T, V>;
 };
-declare type VariablesExclusiveEnterprise = {
+type VariablesExclusiveEnterprise = {
     [V in VariableNameExclusiveEnterprise]: UnsafeVariableInterpolation<Enterprise, V>;
 };
-declare type VariablesExclusivePrisma = {
+type VariablesExclusivePrisma = {
     [V in VariableNameExclusivePrisma]: UnsafeVariableInterpolation<Prisma, V>;
 };
-declare type AllVariables = {
+type AllVariables = {
     [V in VariableName<AnyTheme>]: VariableInterpolation<AnyTheme, V>;
 } & VariablesExclusiveEnterprise & VariablesExclusivePrisma;
-declare type Interpolation<T extends AnyTheme, A extends object> = (props: OptionalThemedProps<T> & A) => InterpolationResult<T, A>;
-declare type InterpolationResult<T extends AnyTheme, A extends object> = Interpolation<T, A> | SCInterpolation<ThemedProps<T> & A> | string | number | null;
-declare type Tree<T extends AnyTheme, A extends object> = {
+type Interpolation<T extends AnyTheme, A extends object> = (props: OptionalThemedProps<T> & A) => InterpolationResult<T, A>;
+type InterpolationResult<T extends AnyTheme, A extends object> = Interpolation<T, A> | SCInterpolation<ThemedProps<T> & A> | string | number | null;
+type Tree<T extends AnyTheme, A extends object> = {
     enterprise?: TreeOrInterpolationResult<Enterprise, A>;
     prisma?: TreeOrInterpolationResult<Prisma, A>;
     light?: TreeOrInterpolationResult<T, A>;
@@ -69,6 +69,6 @@ declare type Tree<T extends AnyTheme, A extends object> = {
     compact?: TreeOrInterpolationResult<T, A>;
     comfortable?: TreeOrInterpolationResult<T, A>;
 };
-declare type TreeOrInterpolationResult<T extends AnyTheme, A extends object> = Tree<T, A> | InterpolationResult<T, A>;
-declare type ObjKeys = <T>(o: T) => Extract<keyof T, string>[];
+type TreeOrInterpolationResult<T extends AnyTheme, A extends object> = Tree<T, A> | InterpolationResult<T, A>;
+type ObjKeys = <T>(o: T) => Extract<keyof T, string>[];
 export { AllVariables, AnyTheme, ColorScheme, CustomizerSetting, CustomizeTheme, Density, Enterprise, Interpolation, InterpolationResult, ObjKeys, OptionalThemedProps, Prisma, ThemedProps, ThemeSettings, Tree, TreeOrInterpolationResult, Variable, VariableInterpolation, VariableName, Variables, };

package/types/withSplunkTheme.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { AnyTheme } from './types';
-declare type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
 export interface SplunkThemeProps<T extends AnyTheme> {
     splunkTheme: T;
 }
-declare type WithoutSplunkThemeProps<P extends SplunkThemeProps<T>, T extends AnyTheme> = DistributiveOmit<P, keyof SplunkThemeProps<T>>;
+type WithoutSplunkThemeProps<P extends SplunkThemeProps<T>, T extends AnyTheme> = DistributiveOmit<P, keyof SplunkThemeProps<T>>;
 declare function withSplunkTheme<C extends React.ComponentClass<P>, P extends SplunkThemeProps<T>, T extends AnyTheme = AnyTheme>(Component: C): React.ForwardRefExoticComponent<WithoutSplunkThemeProps<JSX.LibraryManagedAttributes<C, P> & {
     ref?: React.Ref<InstanceType<typeof Component>>;
 }, T>>;

package/variables.js

@@ -85,7 +85,7 @@ var getThemeVariable = function getThemeVariable(name, settings, customizer) {
 
   if (false && typeof returnValue === 'undefined') {
     // eslint-disable-next-line no-console
-    console.warn("The variable '".concat(name, "' does not exist in the theme '").concat(theme.family, " ").concat(theme.colorScheme, " ").concat(theme.density, "'."));
+    console.warn("The variable '".concat(String(name), "' does not exist in the theme '").concat(theme.family, " ").concat(theme.colorScheme, " ").concat(theme.density, "'."));
   }
 
   return returnValue;

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decorators = void 0;
-
-var _withSplunkTheme = require("./withSplunkTheme");
-
-var decorators = [_withSplunkTheme.withSplunkTheme];
-exports.decorators = decorators;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = void 0;
-
-var _ThemedDocsContainer = require("./ThemedDocsContainer");
-
-var parameters = {
-  docs: {
-    container: _ThemedDocsContainer.ThemedDocsContainer
-  },
-  splunkThemes: {
-    family: 'prisma',
-    colorScheme: 'dark',
-    density: 'comfortable'
-  }
-};
-exports.parameters = parameters;

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

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = config;
-exports.managerEntries = managerEntries;
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-function config() {
-  var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return [].concat(_toConsumableArray(entry), [require.resolve('./addDecorator'), require.resolve('./addParameter')]);
-}
-
-function managerEntries() {
-  var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return [].concat(_toConsumableArray(entry), [require.resolve('./register')]);
-}

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

@@ -1,32 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addons = _interopRequireWildcard(require("@storybook/addons"));
-
-var _constants = require("./constants");
-
-var _SplunkThemesTool = require("./SplunkThemesTool");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-_addons["default"].register(_constants.ADDON_ID, function () {
-  _addons["default"].add(_constants.ADDON_ID, {
-    title: 'splunk/themes',
-    type: _addons.types.TOOL,
-    match: function match(_ref) {
-      var viewMode = _ref.viewMode;
-      return !!(viewMode && viewMode.match(/^(story|docs)$/));
-    },
-    paramKey: _constants.PARAM_KEY,
-    render: function render() {
-      return /*#__PURE__*/_react["default"].createElement(_SplunkThemesTool.SplunkThemesTool, null);
-    }
-  });
-});

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

@@ -1,4 +0,0 @@
-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/preset.d.ts

@@ -1,2 +0,0 @@
-export declare function config(entry?: unknown[]): unknown[];
-export declare function managerEntries(entry?: unknown[]): unknown[];