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

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

@@ -4,6 +4,11 @@
  * @categoryValue
  */
 declare const deprecated: {
+    /**
+     * Use a more specific token based on the semantic use case:
+     * [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
+     */
+    interactiveColorPrimary: string;
     /**
      * Use `statusColorNormal`, `accentColor`, or ...
      */
@@ -71,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;
@@ -236,6 +311,11 @@ declare const deprecated: {
 type Deprecated = typeof deprecated;
 export type { Deprecated };
 declare const _default: {
+    /**
+     * Use a more specific token based on the semantic use case:
+     * [`interactiveColorAccent`](#interactiveColorAccent), [`contentColorAccent`](#contentColorAccent), or [`focusColor`](#focusColor).
+     */
+    interactiveColorPrimary: string;
     /**
      * Use `statusColorNormal`, `accentColor`, or ...
      */
@@ -303,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

@@ -1,5 +1,7 @@
 /**
  * #### Z Indexes
+ * Used to position elements in the z-axis.
+ * If a variable does not suit your purpose, set a value relatively, such as `zindexModal +1`.
  *
  * @categoryValue
  */
@@ -23,7 +25,6 @@ declare const elevationShadows: {
     modalShadow: string;
     focusShadow: string;
     focusShadowInset: string;
-    hoverShadow: string;
     draggableBackground: string;
 };
 declare const elevation: {
@@ -33,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;
@@ -250,6 +250,7 @@ declare const designTokens: {
     zindexModal: number;
     zindexPopover: number;
     zindexToastMessages: number;
+    interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
     accentColorAlert: string;
@@ -269,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;
@@ -442,24 +462,27 @@ 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;
+    severityColorNormal: string;
+    severityColorNotice: string;
+    severityColorWarning: string;
+    severityColorAlert: string;
+    severityColorCritical: string;
+    severityColorEmergency: string;
+    notificationColorInfoWeak: string;
+    notificationColorInfo: string;
+    notificationColorInfoStrong: string;
+    notificationColorPositiveWeak: string;
+    notificationColorPositive: string;
+    notificationColorPositiveStrong: string;
+    notificationColorCautionWeak: string;
+    notificationColorCaution: string;
+    notificationColorCautionStrong: string;
+    notificationColorNegativeWeak: string;
+    notificationColorNegative: string;
+    notificationColorNegativeStrong: string;
     focusColor: string;
     contentBackgroundColorNegativeWeak: string;
     contentColorLink: string;
@@ -486,6 +509,7 @@ declare const designTokens: {
     backgroundColorFloating: string;
     backgroundColorScrim: string;
     black: string;
+    neutral50: string;
     neutral100: string;
     neutral200: string;
     neutral300: string;
@@ -493,7 +517,6 @@ declare const designTokens: {
     neutral500: string;
     white: string;
     transparent: string;
-    interactiveColorPrimary: string;
     interactiveColorBorder: string;
     interactiveColorBorderActive: string;
     interactiveColorBorderHover: string;

package/types/design-tokens/spacing-sizing.d.ts

@@ -1,6 +1,11 @@
 /**
  * #### Spacing
  *
+ * Use these tokens for adding margin between elements or padding within containers.
+ *
+ * Just because a spacing token is equal to a pixel value you may need, it does not mean it's appropriate to
+ * use the spacing variables.
+ *
  * @categorySpacing
  */
 declare const spacing: {
@@ -19,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

@@ -1,5 +1,6 @@
 declare const theme: {
     draggableBackground: string;
+    interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
     accentColorAlert: string;
@@ -14,7 +15,26 @@ declare const theme: {
     border: string;
     borderDark: string;
     borderLight: string;
-    interactiveColorPrimary: 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;
@@ -60,6 +80,7 @@ declare const theme: {
     syntaxRed: string;
     syntaxTeal: string;
     black: string;
+    neutral50: string;
     neutral100: string;
     neutral200: string;
     neutral300: string;
@@ -75,24 +96,27 @@ 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;
+    severityColorNormal: string;
+    severityColorNotice: string;
+    severityColorWarning: string;
+    severityColorAlert: string;
+    severityColorCritical: string;
+    severityColorEmergency: string;
+    notificationColorInfoWeak: string;
+    notificationColorInfo: string;
+    notificationColorInfoStrong: string;
+    notificationColorPositiveWeak: string;
+    notificationColorPositive: string;
+    notificationColorPositiveStrong: string;
+    notificationColorCautionWeak: string;
+    notificationColorCaution: string;
+    notificationColorCautionStrong: string;
+    notificationColorNegativeWeak: string;
+    notificationColorNegative: string;
+    notificationColorNegativeStrong: string;
     actionColorBackgroundPrimary: string;
     actionColorBackgroundPrimaryActive: string;
     actionColorBackgroundPrimaryDisabled: string;
@@ -107,12 +131,7 @@ declare const theme: {
     actionColorBackgroundSubtleHover: string;
     actionColorBackgroundDestructive: string;
     actionColorBackgroundDestructiveActive: string;
-    actionColorBackgroundDestructiveDisabled: string; /**
-     * ## Syntax colors
-     * Syntax colors are used only for code blocks.
-     *
-     * @colorSet verbose alphabetical
-     */
+    actionColorBackgroundDestructiveDisabled: string;
     actionColorBackgroundDestructiveHover: string;
     actionColorBackgroundDestructiveSecondary: string;
     actionColorBackgroundDestructiveSecondaryActive: string;
@@ -126,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;
@@ -295,12 +312,7 @@ declare const theme: {
     sequential6D4: string;
     sequential6D5: string;
     sequential6D6: string;
-    sequential6D7: string; /**
-     * ## Background colors
-     * Background colors should be used only for backgrounds of higher level sections & containers of a UI.
-     *
-     * @colorSet verbose
-     */
+    sequential6D7: string;
     sequential5L1: string;
     sequential5L2: string;
     sequential5L3: string;

package/types/enterprise/dataViz.d.ts

@@ -1,9 +1,4 @@
 import { Categorical, DataViz, Divergent, HighLow, Sequential, StaticColors } from '../design-tokens/dataViz';
-/**
- * #### Static colors
- *
- * @colorSet verbose
- */
 declare const staticColors: StaticColors;
 declare const categorical: Categorical;
 declare const divergent: Divergent;

package/types/enterprise/light.d.ts

@@ -1,4 +1,5 @@
 declare const theme: {
+    interactiveColorPrimary: string;
     accentColorPositive: string;
     accentColorWarning: string;
     accentColorAlert: string;
@@ -11,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;
@@ -293,12 +314,7 @@ declare const theme: {
     divergent1L3: string;
     divergent1L4: string;
     divergent1L5: string;
-    divergent1L6: string; /**
-     * ## Neutral colors
-     * Neutrals are used for dividers and as backup colors that can sparingly be used for cases, when the other defined colors are not enough.
-     *
-     * @colorSet verbose
-     */
+    divergent1L6: string;
     divergent1L7: string;
     divergent1D1: string;
     divergent1D2: string;
@@ -361,7 +377,6 @@ declare const theme: {
     zindexModal: number;
     zindexPopover: number;
     zindexToastMessages: number;
-    interactiveColorPrimary: string;
     interactiveColorBorder: string;
     interactiveColorBorderActive: string;
     interactiveColorBorderHover: string;
@@ -412,8 +427,6 @@ declare const theme: {
     focusShadow: string;
     focusShadowInset: string;
     draggableBackground: string;
-    borderActiveColor: string;
-    backgroundColorHover: string;
     borderColor: string;
     borderColorWeak: string;
     borderColorStrong: string;
@@ -431,31 +444,29 @@ 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;
-    /**
-     * ## Layers
-     * If a variable does not suit your purpose, set a value relatively, such as zindexModal +1.
-     *
-     * @valueSet
-     */
-    statusColorHigh: string;
-    statusColorHighWeak: string;
-    statusColorHighStrong: string;
-    statusColorCritical: string;
-    statusColorCriticalWeak: string;
-    statusColorCriticalStrong: string;
+    severityColorCustom: string;
+    severityColorUnknown: string;
+    severityColorInfo: string;
+    severityColorNormal: string;
+    severityColorNotice: string;
+    severityColorWarning: string;
+    severityColorAlert: string;
+    severityColorCritical: string;
+    severityColorEmergency: string;
+    notificationColorInfoWeak: string;
+    notificationColorInfo: string;
+    notificationColorInfoStrong: string;
+    notificationColorPositiveWeak: string;
+    notificationColorPositive: string;
+    notificationColorPositiveStrong: string;
+    notificationColorCautionWeak: string;
+    notificationColorCaution: string;
+    notificationColorCautionStrong: string;
+    notificationColorNegativeWeak: string;
+    notificationColorNegative: string;
+    notificationColorNegativeStrong: string;
     black: string;
+    neutral50: string;
     neutral100: string;
     neutral200: string;
     neutral300: 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.
@@ -159,10 +159,10 @@ type ColorParameter<T extends AnyTheme> = string | TemplateFunction<T>;
  *  ```js
  *  import styled from 'styled-components';
  *  import { overlayColors } from '@splunk/themes/mixins';
- *  import { interactiveColorPrimary, interactiveColorOverlaySelected } from '@splunk/themes/variables';
+ *  import { interactiveColorAccent, interactiveColorOverlaySelected } from '@splunk/themes/variables';
  *
  *  const myButton = styled.button`
- *      background: ${overlayColors(interactiveColorPrimary, interactiveColorOverlaySelected)};
+ *      background: ${overlayColors(interactiveColorAccent, interactiveColorOverlaySelected)};
  *  `
  *  ```
  * @name overlayColors
@@ -179,10 +179,10 @@ export declare function overlayColors<T extends AnyTheme>(c1: ColorParameter<T>,
  *  ```js
  *  import styled from 'styled-components';
  *  import { colorWithAlpha } from '@splunk/themes/mixins';
- *  import { interactiveColorPrimary } from '@splunk/themes/variables';
+ *  import { actionColorBackgroundPrimary } from '@splunk/themes/variables';
  *
  *  const myButton = styled.button`
- *      background: ${colorWithAlpha(interactiveColorPrimary, 0.5)};
+ *      background: ${colorWithAlpha(actionColorBackgroundPrimary, 0.5)};
  *  `
  *  ```
  * @name colorWithAlpha
@@ -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;