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

package/types/prisma/light.d.ts

@@ -4,6 +4,24 @@ declare const theme: {
     accentColorWarning: string;
     accentColorAlert: string;
     accentColorNegative: string;
+    statusColorInfo: string;
+    statusColorInfoWeak: string;
+    statusColorInfoStrong: string;
+    statusColorNormal: string;
+    statusColorNormalWeak: string;
+    statusColorNormalStrong: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorMedium: string;
+    statusColorMediumWeak: string;
+    statusColorMediumStrong: string;
+    statusColorHigh: string;
+    statusColorHighWeak: string;
+    statusColorHighStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -66,24 +84,6 @@ declare const theme: {
     overlayShadow: string;
     dragShadow: string;
     modalShadow: string;
-    statusColorInfo: string;
-    statusColorInfoWeak: string;
-    statusColorInfoStrong: string;
-    statusColorNormal: string;
-    statusColorNormalWeak: string;
-    statusColorNormalStrong: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorMedium: string;
-    statusColorMediumWeak: string;
-    statusColorMediumStrong: string;
-    statusColorHigh: string;
-    statusColorHighWeak: string;
-    statusColorHighStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;

package/types/splunk-magnetic/index.d.ts

@@ -46,6 +46,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     borderColor: string;
     borderColorStrong: string;
     borderColorWeak: string;
+    borderRadius: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
@@ -56,6 +57,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     embossShadow: string;
     focusColor: string;
     focusShadow: string;
+    inputBorderWidth: string;
     interactiveColorAccent: string;
     interactiveColorAccentError: string;
     interactiveColorAccentErrorStrong: string;
@@ -124,6 +126,14 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     textDisabledColor: string;
     backgroundColor: string;
     border: string;
+    borderActiveColor: string;
+    backgroundColorHover: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -472,8 +482,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     serifFontFamily: string;
     focusShadowInset: string;
     draggableBackground: string;
-    borderActiveColor: string;
-    backgroundColorHover: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -484,12 +492,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     syntaxRed: string;
     syntaxTeal: string;
     dragShadow: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -549,7 +551,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
-    borderRadius: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;
@@ -614,6 +615,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     borderColor: string;
     borderColorStrong: string;
     borderColorWeak: string;
+    borderRadius: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
@@ -624,6 +626,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     embossShadow: string;
     focusColor: string;
     focusShadow: string;
+    inputBorderWidth: string;
     interactiveColorAccent: string;
     interactiveColorAccentError: string;
     interactiveColorAccentErrorStrong: string;
@@ -692,6 +695,14 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     textDisabledColor: string;
     backgroundColor: string;
     border: string;
+    borderActiveColor: string;
+    backgroundColorHover: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -1040,8 +1051,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     serifFontFamily: string;
     focusShadowInset: string;
     draggableBackground: string;
-    borderActiveColor: string;
-    backgroundColorHover: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -1052,12 +1061,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     syntaxRed: string;
     syntaxTeal: string;
     dragShadow: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -1117,7 +1120,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
-    borderRadius: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;
@@ -1182,6 +1184,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     borderColor: string;
     borderColorStrong: string;
     borderColorWeak: string;
+    borderRadius: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
@@ -1192,6 +1195,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     embossShadow: string;
     focusColor: string;
     focusShadow: string;
+    inputBorderWidth: string;
     interactiveColorAccent: string;
     interactiveColorAccentError: string;
     interactiveColorAccentErrorStrong: string;
@@ -1263,6 +1267,14 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     border: string;
     borderDark: string;
     borderLight: string;
+    borderActiveColor: string;
+    backgroundColorHover: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     interactiveColorBorderActive: string;
     interactiveColorOverlaySelected: string;
     interactiveColorOverlayHover: string;
@@ -1298,12 +1310,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     white: string;
     transparent: string;
     backgroundColorFloating: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -1325,8 +1331,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     notificationColorNegativeWeak: string;
     notificationColorNegative: string;
     notificationColorNegativeStrong: string;
-    backgroundColorHover: string;
-    borderActiveColor: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -1687,7 +1691,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
-    borderRadius: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;
@@ -1752,6 +1755,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     borderColor: string;
     borderColorStrong: string;
     borderColorWeak: string;
+    borderRadius: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
@@ -1762,6 +1766,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     embossShadow: string;
     focusColor: string;
     focusShadow: string;
+    inputBorderWidth: string;
     interactiveColorAccent: string;
     interactiveColorAccentError: string;
     interactiveColorAccentErrorStrong: string;
@@ -1833,6 +1838,14 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     border: string;
     borderDark: string;
     borderLight: string;
+    borderActiveColor: string;
+    backgroundColorHover: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     interactiveColorBorderActive: string;
     interactiveColorOverlaySelected: string;
     interactiveColorOverlayHover: string;
@@ -1868,12 +1881,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     white: string;
     transparent: string;
     backgroundColorFloating: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -1895,8 +1902,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     notificationColorNegativeWeak: string;
     notificationColorNegative: string;
     notificationColorNegativeStrong: string;
-    backgroundColorHover: string;
-    borderActiveColor: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -2257,7 +2262,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     spacingQuarter: string;
     spacingHalf: string;
     spacing: string;
-    borderRadius: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;
@@ -2322,6 +2326,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     borderColor: string;
     borderColorStrong: string;
     borderColorWeak: string;
+    borderRadius: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
@@ -2332,6 +2337,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     embossShadow: string;
     focusColor: string;
     focusShadow: string;
+    inputBorderWidth: string;
     interactiveColorAccent: string;
     interactiveColorAccentError: string;
     interactiveColorAccentErrorStrong: string;
@@ -2388,6 +2394,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontFamily: string;
     fontFamilyTitle: string;
     monoFontFamily: string;
+    hoverShadow: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
@@ -2396,7 +2403,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexToastMessages: number;
     draggableBackground: string;
     focusShadowInset: string;
-    hoverShadow: string;
     highLow4LHigh: string;
     highLow4LLow: string;
     highLow4DHigh: string;
@@ -2593,6 +2599,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     accentColorWarning: string;
     accentColorAlert: string;
     accentColorNegative: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -2627,12 +2639,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorWarning: string;
     backgroundColorFloating: string;
     dragShadow: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -2654,7 +2660,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     notificationColorNegativeWeak: string;
     notificationColorNegative: string;
     notificationColorNegativeStrong: string;
-    borderRadius: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;
@@ -2719,6 +2724,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     borderColor: string;
     borderColorStrong: string;
     borderColorWeak: string;
+    borderRadius: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorActive: string;
     contentColorDefault: string;
@@ -2729,6 +2735,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     embossShadow: string;
     focusColor: string;
     focusShadow: string;
+    inputBorderWidth: string;
     interactiveColorAccent: string;
     interactiveColorAccentError: string;
     interactiveColorAccentErrorStrong: string;
@@ -2785,6 +2792,7 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     fontFamily: string;
     fontFamilyTitle: string;
     monoFontFamily: string;
+    hoverShadow: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
@@ -2793,7 +2801,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     zindexToastMessages: number;
     draggableBackground: string;
     focusShadowInset: string;
-    hoverShadow: string;
     highLow4LHigh: string;
     highLow4LLow: string;
     highLow4DHigh: string;
@@ -2990,6 +2997,12 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     accentColorWarning: string;
     accentColorAlert: string;
     accentColorNegative: string;
+    statusColorLow: string;
+    statusColorLowWeak: string;
+    statusColorLowStrong: string;
+    statusColorCritical: string;
+    statusColorCriticalWeak: string;
+    statusColorCriticalStrong: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -3024,12 +3037,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     contentColorWarning: string;
     backgroundColorFloating: string;
     dragShadow: string;
-    statusColorLow: string;
-    statusColorLowWeak: string;
-    statusColorLowStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -3051,7 +3058,6 @@ declare const splunkMagneticThemeCustomizer: (currentTheme: AnyTheme) => {
     notificationColorNegativeWeak: string;
     notificationColorNegative: string;
     notificationColorNegativeStrong: string;
-    borderRadius: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;

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

@@ -1,6 +1,6 @@
 export declare const ADDON_ID = "@splunk/themes";
 export declare const PARAM_KEY = "splunkThemes";
-export declare const UPDATE: string;
-export declare const CONFIGURE: string;
-export declare const SET: string;
-export declare const CHANGED: string;
+export declare const UPDATE = "@splunk/themes/update";
+export declare const CONFIGURE = "@splunk/themes/configure";
+export declare const SET = "@splunk/themes/default";
+export declare const CHANGED = "@splunk/themes/changed";

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

@@ -1,10 +1,10 @@
-export declare const decorators: import("@storybook/react").Decorator<import("@storybook/types").StrictArgs>[];
+export declare const decorators: import("@storybook/react").Decorator[];
 export declare const parameters: {
     docs: {
         container: ({ children, context, }: {
-            children: import("react").ReactNode;
-            context: import("@storybook/types").DocsContextProps<import("@storybook/types").Renderer>;
-        }) => import("react").ReactNode;
+            children: React.ReactNode;
+            context: import("@storybook/types").DocsContextProps;
+        }) => React.ReactNode;
     };
     splunkThemes: {
         family: string;

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

@@ -1,6 +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 GlobalStyles: import("styled-components").GlobalStyleComponent<import("..").OptionalThemedProps<import("..").AnyTheme> & import("..").ThemedProps, import("styled-components").DefaultTheme>;
 export declare const TooltipSectionTitle: import("@storybook/theming").StyledComponent<{
-    theme?: import("@storybook/theming").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

package/types/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import { ThemeSettings, CustomizeTheme, AnyTheme } from './types';
 /**
  * Accepts a theme object and returns supported values and defaults.