@splunk/themes 1.2.0 → 1.3.0

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

@@ -119,6 +119,90 @@ declare const actionColors: {
      * Hover border color for Destructive Secondary Buttons.
      */
     actionColorBorderDestructiveSecondaryHover: string;
+    /**
+     * Default text color for Primary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentPrimary: string;
+    /**
+     * Disabled text color for Primary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentPrimaryDisabled: string;
+    /**
+     * Default text color for Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSecondary: string;
+    /**
+     * Disabled text color for Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSecondaryDisabled: string;
+    /**
+     * Active text color for Subtle Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSubtleActive: string;
+    /**
+     * Hover text color for Subtle Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSubtleHover: string;
+    /**
+     * Default text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandalone: string;
+    /**
+     * Active (pressed) text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandaloneActive: string;
+    /**
+     * Disabled text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandaloneDisabled: string;
+    /**
+     * Hover text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandaloneHover: string;
+    /**
+     * Default text color for Destructive Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructive: string;
+    /**
+     * Disabled text color for Destructive Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructiveDisabled: string;
+    /**
+     * Default text color for Destructive Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructiveSecondary: string;
+    /**
+     * Disabled text color for Destructive Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructiveSecondaryDisabled: string;
 };
 /**
  * #### Interactive colors
@@ -309,10 +393,6 @@ declare const contentColors: {
      * Text color for disabled content that does not pass 4.5:1 contrast.
      */
     contentColorDisabled: string;
-    /**
-     * Text color used to convey informational context or status.
-     */
-    contentColorInfo: string;
     /**
      * Text color used on top of inverted backgrounds.
      */
@@ -325,22 +405,10 @@ declare const contentColors: {
      * Text color for error or negative status messaging.
      */
     contentColorNegative: string;
-    /**
-     * Stronger negative text color for greater emphasis.
-     */
-    contentColorNegativeStrong: string;
     /**
      * Disabled negative text color that does not pass 4.5:1 contrast.
      */
     contentColorNegativeWeak: string;
-    /**
-     * Text color for success or positive status messaging.
-     */
-    contentColorPositive: string;
-    /**
-     * Text color for cautionary or warning status messaging.
-     */
-    contentColorWarning: string;
 };
 /**
  * #### UI Colors
@@ -513,10 +581,6 @@ declare const colors: {
      * Text color for disabled content that does not pass 4.5:1 contrast.
      */
     contentColorDisabled: string;
-    /**
-     * Text color used to convey informational context or status.
-     */
-    contentColorInfo: string;
     /**
      * Text color used on top of inverted backgrounds.
      */
@@ -529,22 +593,10 @@ declare const colors: {
      * Text color for error or negative status messaging.
      */
     contentColorNegative: string;
-    /**
-     * Stronger negative text color for greater emphasis.
-     */
-    contentColorNegativeStrong: string;
     /**
      * Disabled negative text color that does not pass 4.5:1 contrast.
      */
     contentColorNegativeWeak: string;
-    /**
-     * Text color for success or positive status messaging.
-     */
-    contentColorPositive: string;
-    /**
-     * Text color for cautionary or warning status messaging.
-     */
-    contentColorWarning: string;
     /**
      * Default background color for the navigation headers.
      */
@@ -781,6 +833,90 @@ declare const colors: {
      * Hover border color for Destructive Secondary Buttons.
      */
     actionColorBorderDestructiveSecondaryHover: string;
+    /**
+     * Default text color for Primary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentPrimary: string;
+    /**
+     * Disabled text color for Primary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentPrimaryDisabled: string;
+    /**
+     * Default text color for Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSecondary: string;
+    /**
+     * Disabled text color for Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSecondaryDisabled: string;
+    /**
+     * Active text color for Subtle Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSubtleActive: string;
+    /**
+     * Hover text color for Subtle Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentSubtleHover: string;
+    /**
+     * Default text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandalone: string;
+    /**
+     * Active (pressed) text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandaloneActive: string;
+    /**
+     * Disabled text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandaloneDisabled: string;
+    /**
+     * Hover text color for Standalone Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentStandaloneHover: string;
+    /**
+     * Default text color for Destructive Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructive: string;
+    /**
+     * Disabled text color for Destructive Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructiveDisabled: string;
+    /**
+     * Default text color for Destructive Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructiveSecondary: string;
+    /**
+     * Disabled text color for Destructive Secondary Buttons.
+     *
+     * @categoryFont
+     */
+    actionColorContentDestructiveSecondaryDisabled: string;
 };
 type ActionColors = typeof actionColors;
 type InteractiveColors = typeof interactiveColors;

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

@@ -4,6 +4,10 @@
  * @categoryValue
  */
 declare const deprecated: {
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     /**
      * Use a more specific token based on the semantic use case:
      * [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
@@ -311,6 +315,10 @@ declare const deprecated: {
 type Deprecated = typeof deprecated;
 export type { Deprecated };
 declare const _default: {
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     /**
      * Use a more specific token based on the semantic use case:
      * [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).

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

@@ -257,6 +257,10 @@ declare const designTokens: {
     zindexModal: number;
     zindexPopover: number;
     zindexToastMessages: number;
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
@@ -498,14 +502,10 @@ declare const designTokens: {
     contentColorActive: string;
     contentColorDefault: string;
     contentColorDisabled: string;
-    contentColorInfo: string;
     contentColorInverted: string;
     contentColorMuted: string;
     contentColorNegative: string;
-    contentColorNegativeStrong: string;
     contentColorNegativeWeak: string;
-    contentColorPositive: string;
-    contentColorWarning: string;
     backgroundColorNavigation: string;
     backgroundColorPage: string;
     backgroundColorSidebar: string;
@@ -565,6 +565,20 @@ declare const designTokens: {
     actionColorBorderDestructiveSecondaryActive: string;
     actionColorBorderDestructiveSecondaryDisabled: string;
     actionColorBorderDestructiveSecondaryHover: string;
+    actionColorContentPrimary: string;
+    actionColorContentPrimaryDisabled: string;
+    actionColorContentSecondary: string;
+    actionColorContentSecondaryDisabled: string;
+    actionColorContentSubtleActive: string;
+    actionColorContentSubtleHover: string;
+    actionColorContentStandalone: string;
+    actionColorContentStandaloneActive: string;
+    actionColorContentStandaloneDisabled: string;
+    actionColorContentStandaloneHover: string;
+    actionColorContentDestructive: string;
+    actionColorContentDestructiveDisabled: string;
+    actionColorContentDestructiveSecondary: string;
+    actionColorContentDestructiveSecondaryDisabled: string;
 };
 type DesignTokens = typeof designTokens;
 export type { DesignTokens, Colors, DataViz, Deprecated, Elevation, SpacingSizing, Typography };

package/types/enterprise/dark.d.ts

@@ -1,5 +1,9 @@
 declare const theme: {
     draggableBackground: string;
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
@@ -62,14 +66,10 @@ declare const theme: {
     contentColorActive: string;
     contentColorDefault: string;
     contentColorDisabled: string;
-    contentColorInfo: string;
     contentColorInverted: string;
     contentColorMuted: string;
     contentColorNegative: string;
-    contentColorNegativeStrong: string;
     contentColorNegativeWeak: string;
-    contentColorPositive: string;
-    contentColorWarning: string;
     syntaxBlue: string;
     syntaxBrown: string;
     syntaxGray: string;
@@ -145,6 +145,20 @@ declare const theme: {
     actionColorBorderDestructiveSecondaryActive: string;
     actionColorBorderDestructiveSecondaryDisabled: string;
     actionColorBorderDestructiveSecondaryHover: string;
+    actionColorContentPrimary: string;
+    actionColorContentPrimaryDisabled: string;
+    actionColorContentSecondary: string;
+    actionColorContentSecondaryDisabled: string;
+    actionColorContentSubtleActive: string;
+    actionColorContentSubtleHover: string;
+    actionColorContentStandalone: string;
+    actionColorContentStandaloneActive: string;
+    actionColorContentStandaloneDisabled: string;
+    actionColorContentStandaloneHover: string;
+    actionColorContentDestructive: string;
+    actionColorContentDestructiveDisabled: string;
+    actionColorContentDestructiveSecondary: string;
+    actionColorContentDestructiveSecondaryDisabled: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;

package/types/enterprise/light.d.ts

@@ -1,4 +1,8 @@
 declare const theme: {
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
@@ -398,14 +402,10 @@ declare const theme: {
     contentColorActive: string;
     contentColorDefault: string;
     contentColorDisabled: string;
-    contentColorInfo: string;
     contentColorInverted: string;
     contentColorMuted: string;
     contentColorNegative: string;
-    contentColorNegativeStrong: string;
     contentColorNegativeWeak: string;
-    contentColorPositive: string;
-    contentColorWarning: string;
     lineLength: string;
     lineHeight: string;
     lineHeightSingle: string;
@@ -509,6 +509,20 @@ declare const theme: {
     actionColorBorderDestructiveSecondaryActive: string;
     actionColorBorderDestructiveSecondaryDisabled: string;
     actionColorBorderDestructiveSecondaryHover: string;
+    actionColorContentPrimary: string;
+    actionColorContentPrimaryDisabled: string;
+    actionColorContentSecondary: string;
+    actionColorContentSecondaryDisabled: string;
+    actionColorContentSubtleActive: string;
+    actionColorContentSubtleHover: string;
+    actionColorContentStandalone: string;
+    actionColorContentStandaloneActive: string;
+    actionColorContentStandaloneDisabled: string;
+    actionColorContentStandaloneHover: string;
+    actionColorContentDestructive: string;
+    actionColorContentDestructiveDisabled: string;
+    actionColorContentDestructiveSecondary: string;
+    actionColorContentDestructiveSecondaryDisabled: string;
     backgroundColorNavigation: string;
     backgroundColorPage: string;
     backgroundColorSidebar: string;

package/types/index.d.ts

@@ -10,3 +10,10 @@ export { default as withSplunkTheme } from './withSplunkTheme';
 export { default as variables } from './variables';
 export { clearAllCaches } from './clearAllCaches';
 export * from './types';
+export { default as unstable_designTokens } from './design-tokens';
+export { default as unstable_designTokensColors } from './design-tokens/colors';
+export { default as unstable_designTokensDataViz } from './design-tokens/dataViz';
+export { default as unstable_designTokensDeprecated } from './design-tokens/deprecated';
+export { default as unstable_designTokensElevation } from './design-tokens/elevation';
+export { default as unstable_designTokensSpacingSizing } from './design-tokens/spacing-sizing';
+export { default as unstable_designTokensTypography } from './design-tokens/typography';

package/types/mixins/typography.d.ts

@@ -1,6 +1,6 @@
 import { AnyTheme, Interpolation, ThemedProps } from '../types';
 declare const typographyVariants: readonly ["body", "title1", "title2", "title3", "title4", "title5", "title6", "largeBody", "smallBody", "monoBody", "monoSmallBody"];
-type TypographyVariant = typeof typographyVariants[number];
+type TypographyVariant = (typeof typographyVariants)[number];
 type TypographyTitleVariant = Extract<TypographyVariant, 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6' | 'title7'>;
 interface TypographyParams {
     /**

package/types/prisma/dark.d.ts

@@ -1,4 +1,8 @@
 declare const theme: {
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
@@ -61,14 +65,10 @@ declare const theme: {
     contentColorActive: string;
     contentColorDefault: string;
     contentColorDisabled: string;
-    contentColorInfo: string;
     contentColorInverted: string;
     contentColorMuted: string;
     contentColorNegative: string;
-    contentColorNegativeStrong: string;
     contentColorNegativeWeak: string;
-    contentColorPositive: string;
-    contentColorWarning: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;
@@ -133,6 +133,20 @@ declare const theme: {
     actionColorBorderDestructiveSecondaryActive: string;
     actionColorBorderDestructiveSecondaryDisabled: string;
     actionColorBorderDestructiveSecondaryHover: string;
+    actionColorContentPrimary: string;
+    actionColorContentPrimaryDisabled: string;
+    actionColorContentSecondary: string;
+    actionColorContentSecondaryDisabled: string;
+    actionColorContentSubtleActive: string;
+    actionColorContentSubtleHover: string;
+    actionColorContentStandalone: string;
+    actionColorContentStandaloneActive: string;
+    actionColorContentStandaloneDisabled: string;
+    actionColorContentStandaloneHover: string;
+    actionColorContentDestructive: string;
+    actionColorContentDestructiveDisabled: string;
+    actionColorContentDestructiveSecondary: string;
+    actionColorContentDestructiveSecondaryDisabled: string;
 };
 type Dark = typeof theme;
 export default theme;

package/types/prisma/light.d.ts

@@ -1,4 +1,8 @@
 declare const theme: {
+    contentColorInfo: string;
+    contentColorWarning: string;
+    contentColorPositive: string;
+    contentColorNegativeStrong: string;
     interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
@@ -61,14 +65,10 @@ declare const theme: {
     contentColorActive: string;
     contentColorDefault: string;
     contentColorDisabled: string;
-    contentColorInfo: string;
     contentColorInverted: string;
     contentColorMuted: string;
     contentColorNegative: string;
-    contentColorNegativeStrong: string;
     contentColorNegativeWeak: string;
-    contentColorPositive: string;
-    contentColorWarning: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;
@@ -133,6 +133,20 @@ declare const theme: {
     actionColorBorderDestructiveSecondaryActive: string;
     actionColorBorderDestructiveSecondaryDisabled: string;
     actionColorBorderDestructiveSecondaryHover: string;
+    actionColorContentPrimary: string;
+    actionColorContentPrimaryDisabled: string;
+    actionColorContentSecondary: string;
+    actionColorContentSecondaryDisabled: string;
+    actionColorContentSubtleActive: string;
+    actionColorContentSubtleHover: string;
+    actionColorContentStandalone: string;
+    actionColorContentStandaloneActive: string;
+    actionColorContentStandaloneDisabled: string;
+    actionColorContentStandaloneHover: string;
+    actionColorContentDestructive: string;
+    actionColorContentDestructiveDisabled: string;
+    actionColorContentDestructiveSecondary: string;
+    actionColorContentDestructiveSecondaryDisabled: string;
 };
 type Light = typeof theme;
 export default theme;