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

package/types/design-tokens/colors.d.ts

@@ -393,87 +393,6 @@ declare const severityColors: {
     severityColorCritical: string;
     severityColorEmergency: string;
 };
-/**
- * #### Status colors
- * Use status colors to convey informative, positive, caution or negative content status.
- * Weak variants do not meet graphical or text contrast and should only be used decoratively.
- *
- * @categoryColor
- */
-declare const statusColors: {
-    /**
-     * Default color for informational messages and notifications.
-     */
-    statusColorInfo: string;
-    /**
-     * Weaker, less prominent informational color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorInfoWeak: string;
-    /**
-     * Brighter, more prominent informational color.
-     */
-    statusColorInfoStrong: string;
-    /**
-     * Default color for neutral or standard status messages.
-     */
-    statusColorNormal: string;
-    /**
-     * Weaker, less prominent normal color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorNormalWeak: string;
-    /**
-     * Brighter, more prominent normal color.
-     */
-    statusColorNormalStrong: string;
-    /**
-     * Default color for low-priority status messages.
-     */
-    statusColorLow: string;
-    /**
-     * Weaker, less prominent low-priority color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorLowWeak: string;
-    /**
-     * Brighter, more prominent low-priority color.
-     */
-    statusColorLowStrong: string;
-    /**
-     * Default color for medium-priority status messages.
-     */
-    statusColorMedium: string;
-    /**
-     * Weaker, less prominent medium-priority color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorMediumWeak: string;
-    /**
-     * Brighter, more prominent medium-priority color.
-     */
-    statusColorMediumStrong: string;
-    /**
-     * Default color for high-priority status messages.
-     */
-    statusColorHigh: string;
-    /**
-     * Weaker, less prominent high-priority color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorHighWeak: string;
-    /**
-     * Brighter, more prominent high-priority color.
-     */
-    statusColorHighStrong: string;
-    /**
-     * Default color for critical alerts or urgent messages.
-     */
-    statusColorCritical: string;
-    /**
-     * Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorCriticalWeak: string;
-    /**
-     * Brighter, more prominent critical color.
-     */
-    statusColorCriticalStrong: string;
-};
 /**
  * #### Syntax colors
  *
@@ -538,78 +457,6 @@ declare const colors: {
     syntaxPurple: string;
     syntaxRed: string;
     syntaxTeal: string;
-    /**
-     * Default color for informational messages and notifications.
-     */
-    statusColorInfo: string;
-    /**
-     * Weaker, less prominent informational color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorInfoWeak: string;
-    /**
-     * Brighter, more prominent informational color.
-     */
-    statusColorInfoStrong: string;
-    /**
-     * Default color for neutral or standard status messages.
-     */
-    statusColorNormal: string;
-    /**
-     * Weaker, less prominent normal color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorNormalWeak: string;
-    /**
-     * Brighter, more prominent normal color.
-     */
-    statusColorNormalStrong: string;
-    /**
-     * Default color for low-priority status messages.
-     */
-    statusColorLow: string;
-    /**
-     * Weaker, less prominent low-priority color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorLowWeak: string;
-    /**
-     * Brighter, more prominent low-priority color.
-     */
-    statusColorLowStrong: string;
-    /**
-     * Default color for medium-priority status messages.
-     */
-    statusColorMedium: string;
-    /**
-     * Weaker, less prominent medium-priority color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorMediumWeak: string;
-    /**
-     * Brighter, more prominent medium-priority color.
-     */
-    statusColorMediumStrong: string;
-    /**
-     * Default color for high-priority status messages.
-     */
-    statusColorHigh: string;
-    /**
-     * Weaker, less prominent high-priority color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorHighWeak: string;
-    /**
-     * Brighter, more prominent high-priority color.
-     */
-    statusColorHighStrong: string;
-    /**
-     * Default color for critical alerts or urgent messages.
-     */
-    statusColorCritical: string;
-    /**
-     * Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
-     */
-    statusColorCriticalWeak: string;
-    /**
-     * Brighter, more prominent critical color.
-     */
-    statusColorCriticalStrong: string;
     severityColorCustom: string;
     severityColorUnknown: string;
     severityColorInfo: string;
@@ -937,9 +784,8 @@ type ContentColors = typeof contentColors;
 type UIColors = typeof uiColors;
 type NotificationColors = typeof notificationColors;
 type SeverityColors = typeof severityColors;
-type StatusColors = typeof statusColors;
 type SyntaxColors = typeof syntaxColors;
 type BorderColors = typeof borderColors;
 type Colors = typeof colors;
 export default colors;
-export type { ActionColors, InteractiveColors, NeutralColors, BackgroundColors, ContentColors, UIColors, NotificationColors, SeverityColors, StatusColors, SyntaxColors, BorderColors, Colors, };
+export type { ActionColors, InteractiveColors, NeutralColors, BackgroundColors, ContentColors, UIColors, NotificationColors, SeverityColors, SyntaxColors, BorderColors, Colors, };

package/types/design-tokens/deprecated.d.ts

@@ -76,6 +76,76 @@ declare const deprecated: {
      * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
      */
     backgroundColorHover: string;
+    /**
+     * Don't use hover shadows - see notes on backgroundColorHover for hover affordances.
+     */
+    hoverShadow: string;
+    /**
+     *  Use `notificationColorInfo` or `severityColorInfo`
+     */
+    statusColorInfo: string;
+    /**
+     *  Use `notificationColorInfoWeak`
+     */
+    statusColorInfoWeak: string;
+    /**
+     *  Use `notificationColorInfoStrong`
+     */
+    statusColorInfoStrong: string;
+    /**
+     * Use `notificationColorPositive` or `severityColorNormal`
+     */
+    statusColorNormal: string;
+    /**
+     * Use `notificationColorPositiveWeak`
+     */
+    statusColorNormalWeak: string;
+    /**
+     * Use `notificationColorPositiveStrong`
+     */
+    statusColorNormalStrong: string;
+    /**
+     * Use `notificationColorCaution` or `severityColorNotice`
+     */
+    statusColorLow: string;
+    /**
+     * Use `notificationColorCautionWeak`
+     */
+    statusColorLowWeak: string;
+    /**
+     * Use `notificationColorCautionStrong`
+     */
+    statusColorLowStrong: string;
+    /**
+     * Use `severityColorWarning`
+     */
+    statusColorMedium: string;
+    statusColorMediumWeak: string;
+    statusColorMediumStrong: string;
+    /**
+     * Use `notificationColorNegative` or `severityColorAlert`
+     */
+    statusColorHigh: string;
+    /**
+     * Use `notificationColorNegativeWeak`
+     */
+    statusColorHighWeak: string;
+    /**
+     * Use `notificationColorNegativeStrong`
+     */
+    statusColorHighStrong: string;
+    /**
+     * Default color for critical alerts or urgent messages.
+     */
+    statusColorCritical: string;
+    /**
+     * Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
+     */
+    statusColorCriticalWeak: string;
+    /**
+     * Brighter, more prominent critical color.
+     */
+    statusColorCriticalStrong: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -313,6 +383,76 @@ declare const _default: {
      * Use `interactiveColorOverlayHover` for Data Entry components or `actionColorBackgroundSecondaryHover` for Buttons.
      */
     backgroundColorHover: string;
+    /**
+     * Don't use hover shadows - see notes on backgroundColorHover for hover affordances.
+     */
+    hoverShadow: string;
+    /**
+     *  Use `notificationColorInfo` or `severityColorInfo`
+     */
+    statusColorInfo: string;
+    /**
+     *  Use `notificationColorInfoWeak`
+     */
+    statusColorInfoWeak: string;
+    /**
+     *  Use `notificationColorInfoStrong`
+     */
+    statusColorInfoStrong: string;
+    /**
+     * Use `notificationColorPositive` or `severityColorNormal`
+     */
+    statusColorNormal: string;
+    /**
+     * Use `notificationColorPositiveWeak`
+     */
+    statusColorNormalWeak: string;
+    /**
+     * Use `notificationColorPositiveStrong`
+     */
+    statusColorNormalStrong: string;
+    /**
+     * Use `notificationColorCaution` or `severityColorNotice`
+     */
+    statusColorLow: string;
+    /**
+     * Use `notificationColorCautionWeak`
+     */
+    statusColorLowWeak: string;
+    /**
+     * Use `notificationColorCautionStrong`
+     */
+    statusColorLowStrong: string;
+    /**
+     * Use `severityColorWarning`
+     */
+    statusColorMedium: string;
+    statusColorMediumWeak: string;
+    statusColorMediumStrong: string;
+    /**
+     * Use `notificationColorNegative` or `severityColorAlert`
+     */
+    statusColorHigh: string;
+    /**
+     * Use `notificationColorNegativeWeak`
+     */
+    statusColorHighWeak: string;
+    /**
+     * Use `notificationColorNegativeStrong`
+     */
+    statusColorHighStrong: string;
+    /**
+     * Default color for critical alerts or urgent messages.
+     */
+    statusColorCritical: string;
+    /**
+     * Weaker, less prominent critical color, does not pass 3:1 graphical or 4.5:1 text contrast.
+     */
+    statusColorCriticalWeak: string;
+    /**
+     * Brighter, more prominent critical color.
+     */
+    statusColorCriticalStrong: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;

package/types/design-tokens/elevation.d.ts

@@ -25,7 +25,6 @@ declare const elevationShadows: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    hoverShadow: string;
     draggableBackground: string;
 };
 declare const elevation: {
@@ -35,7 +34,6 @@ declare const elevation: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    hoverShadow: string;
     draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;

package/types/design-tokens/index.d.ts

@@ -228,6 +228,7 @@ declare const designTokens: {
     serifFontFamily: string;
     monoFontFamily: string;
     borderRadius: string;
+    inputBorderWidth: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;
@@ -242,7 +243,6 @@ declare const designTokens: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    hoverShadow: string;
     draggableBackground: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
@@ -270,6 +270,25 @@ declare const designTokens: {
     borderLight: string;
     borderActiveColor: string;
     backgroundColorHover: string;
+    hoverShadow: 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;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -443,24 +462,6 @@ declare const designTokens: {
     syntaxPurple: string;
     syntaxRed: string;
     syntaxTeal: 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/design-tokens/spacing-sizing.d.ts

@@ -24,10 +24,12 @@ declare const spacing: {
  */
 declare const measures: {
     borderRadius: string;
+    inputBorderWidth: string;
     inputHeight: string;
 };
 declare const spacingSizing: {
     borderRadius: string;
+    inputBorderWidth: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;

package/types/enterprise/comfortable.d.ts

@@ -3,6 +3,7 @@ declare const allMeasures: {
     spacingHalf: string;
     spacing: string;
     borderRadius: string;
+    inputBorderWidth: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;

package/types/enterprise/compact.d.ts

@@ -3,6 +3,7 @@ declare const allMeasures: {
     spacingHalf: string;
     spacing: string;
     borderRadius: string;
+    inputBorderWidth: string;
     inputHeight: string;
     spacingXSmall: string;
     spacingSmall: string;

package/types/enterprise/dark.d.ts

@@ -15,6 +15,26 @@ declare const theme: {
     border: string;
     borderDark: string;
     borderLight: string;
+    borderActiveColor: string;
+    backgroundColorHover: 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;
     interactiveColorBorder: string;
     interactiveColorBorderActive: string;
     interactiveColorBorderHover: string;
@@ -76,24 +96,6 @@ declare const theme: {
     backgroundColorPopup: string;
     backgroundColorFloating: string;
     backgroundColorScrim: 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;
@@ -143,11 +145,9 @@ declare const theme: {
     actionColorBorderDestructiveSecondaryActive: string;
     actionColorBorderDestructiveSecondaryDisabled: string;
     actionColorBorderDestructiveSecondaryHover: string;
-    backgroundColorHover: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;
-    borderActiveColor: string;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;

package/types/enterprise/light.d.ts

@@ -12,6 +12,26 @@ declare const theme: {
     textDisabledColor: string;
     backgroundColor: string;
     border: string;
+    borderActiveColor: string;
+    backgroundColorHover: 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;
     brandColorL50: string;
     brandColorL40: string;
     brandColorL30: string;
@@ -407,8 +427,6 @@ declare const theme: {
     focusShadow: string;
     focusShadowInset: string;
     draggableBackground: string;
-    borderActiveColor: string;
-    backgroundColorHover: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;
@@ -426,24 +444,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/getTheme.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import { Enterprise, Prisma, ThemeSettings, AnyTheme } from './types';
 declare function getTheme(): Prisma;
 declare function getTheme(settings?: Partial<ThemeSettings<Prisma>>): Prisma;

package/types/mixins/index.d.ts

@@ -12,7 +12,7 @@ declare const _default: {
     layout: typeof layout;
     prose: typeof prose;
     typography: typeof typography;
-    reset: <T extends import("../types").AnyTheme, A extends import("../types").ThemedProps<import("../types").AnyTheme>>(display?: string) => import("../types").Interpolation<T, A>;
+    reset: <T extends import("..").AnyTheme, A extends import("..").ThemedProps>(display?: string) => import("..").Interpolation<T, A>;
     clearfix: typeof import("./utilityMixins").clearfix;
     ellipsis: typeof import("./utilityMixins").ellipsis;
     printWidth100Percent: typeof import("./utilityMixins").printWidth100Percent;

package/types/mixins/utilityMixins.d.ts

@@ -23,7 +23,7 @@ import { AnyTheme, Interpolation, ThemedProps, OptionalThemedProps } from '../ty
  * @param {string} [display=inline] Set the `display` property (block, inline-block, …)
  * @public
  */
-export declare const reset: <T extends AnyTheme, A extends ThemedProps<AnyTheme>>(display?: string) => Interpolation<T, A>;
+export declare const reset: <T extends AnyTheme, A extends ThemedProps>(display?: string) => Interpolation<T, A>;
 /**
  * `clearfix` is used on a container to ensure its height is at least as tall as any floating
  * children.
@@ -193,7 +193,7 @@ export declare function overlayColors<T extends AnyTheme>(c1: ColorParameter<T>,
  */
 export declare function colorWithAlpha<T extends AnyTheme>(color: ColorParameter<T>, alpha: number): (props: OptionalThemedProps<T>) => string;
 declare const _default: {
-    reset: <T extends AnyTheme, A extends ThemedProps<AnyTheme>>(display?: string) => Interpolation<T, A>;
+    reset: <T extends AnyTheme, A extends ThemedProps>(display?: string) => Interpolation<T, A>;
     clearfix: typeof clearfix;
     ellipsis: typeof ellipsis;
     printWidth100Percent: typeof printWidth100Percent;

package/types/prisma/base.d.ts

@@ -3,6 +3,7 @@ declare function createPrismaBase({ colorScheme }: {
     colorScheme: ColorScheme;
 }): {
     linkColor: string;
+    hoverShadow: string;
     zindexLayer: number;
     zindexFixedNavbar: number;
     zindexModalBackdrop: number;
@@ -15,7 +16,6 @@ declare function createPrismaBase({ colorScheme }: {
     borderColorStrong: string;
     focusShadow: string;
     focusShadowInset: string;
-    hoverShadow: string;
     highLow4LHigh: string;
     highLow4LLow: string;
     highLow4DHigh: string;

package/types/prisma/dark.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;