@elastic/eui-theme-common 7.2.0 → 8.0.0-snapshot.1771331649954

package/lib/cjs/global_styling/functions/math.d.ts

@@ -7,6 +7,8 @@
  * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
  * mathWithUnits([euiTheme.size.l, euiTheme.size.s], (x, y) => x - y) = '16px';
  */
-declare type ValueTypes = string | number | undefined;
-export declare const mathWithUnits: (values: ValueTypes | ValueTypes[], callback: (...args: number[]) => number, unit?: string) => string;
+type ValueTypes = string | number | undefined;
+export declare const mathWithUnits: (values: ValueTypes | ValueTypes[], // Can accept a single input or array of inputs
+callback: (...args: number[]) => number, // Can be multiplication, division, addition, etc.
+unit?: string) => string;
 export {};

package/lib/cjs/global_styling/functions/size.d.ts

@@ -7,6 +7,6 @@
  * @returns string - Rem unit aligned to baseline
  */
 export declare const sizeToPixel: (scale?: number) => (themeOrBase: number | {
-    [key: string]: any;
     base: number;
+    [key: string]: any;
 }) => string;

package/lib/cjs/global_styling/mixins/borders.d.ts

@@ -1,6 +1,6 @@
 import { UseEuiTheme } from '../../services/theme/types';
 export declare const getBorderSide: (side: BorderSides) => string;
-export declare type BorderSides = 'left' | 'right' | 'top' | 'bottom' | 'horizontal' | 'vertical' | 'all';
+export type BorderSides = 'left' | 'right' | 'top' | 'bottom' | 'horizontal' | 'vertical' | 'all';
 /**
  * Defines styles for floating boarders applied in DARK mode via EUI shadow utils
  */

package/lib/cjs/global_styling/mixins/shadow.d.ts

@@ -16,38 +16,38 @@ export interface EuiShadowOptions {
 /**
  * x-small shadow
  */
-export declare const euiShadowXSmall: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions | undefined) => string;
+export declare const euiShadowXSmall: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions) => string;
 /**
  * small shadow
  */
-export declare const euiShadowSmall: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions | undefined) => string;
+export declare const euiShadowSmall: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions) => string;
 /**
  * medium shadow
  */
-export declare const euiShadowMedium: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions | undefined) => string;
+export declare const euiShadowMedium: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions) => string;
 /**
  * large shadow
  */
-export declare const euiShadowLarge: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions | undefined) => string;
+export declare const euiShadowLarge: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions) => string;
 /**
  * x-large shadow
  */
 export interface EuiShadowXLarge extends EuiShadowOptions {
     reverse?: boolean;
 }
-export declare const euiShadowXLarge: (euiThemeContext: UseEuiTheme, options?: EuiShadowXLarge | undefined) => string;
+export declare const euiShadowXLarge: (euiThemeContext: UseEuiTheme, options?: EuiShadowXLarge) => string;
 /**
  * flat shadow
  * @deprecated - use euiShadowHover instead
  */
-export declare const euiSlightShadowHover: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions | undefined) => string;
+export declare const euiSlightShadowHover: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions) => string;
 /**
  * @deprecated - use euiShadowXSmall instead
  *
  * Similar to shadow medium but without the bottom depth.
  * Useful for popovers that drop UP rather than DOWN.
  */
-export declare const euiShadowFlat: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions | undefined) => string;
-export declare const euiShadow: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize, options?: EuiShadowOptions | undefined) => string;
+export declare const euiShadowFlat: (euiThemeContext: UseEuiTheme, options?: EuiShadowOptions) => string;
+export declare const euiShadow: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize, options?: EuiShadowOptions) => string;
 /** Hover shadows */
-export declare const euiShadowHover: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize | 'base', options?: EuiShadowOptions | undefined) => string;
+export declare const euiShadowHover: (euiThemeContext: UseEuiTheme, size?: _EuiThemeShadowSize | "base", options?: EuiShadowOptions) => string;

package/lib/cjs/global_styling/variables/animations.d.ts

@@ -13,8 +13,8 @@ export declare const euiCantAnimate = "@media screen and (prefers-reduced-motion
  * Speeds / Durations / Delays
  */
 export declare const EuiThemeAnimationSpeeds: readonly ["extraFast", "fast", "normal", "slow", "extraSlow"];
-export declare type _EuiThemeAnimationSpeed = (typeof EuiThemeAnimationSpeeds)[number];
-export declare type _EuiThemeAnimationSpeeds = {
+export type _EuiThemeAnimationSpeed = (typeof EuiThemeAnimationSpeeds)[number];
+export type _EuiThemeAnimationSpeeds = {
     /** - Default value: 90ms */
     extraFast: CSSProperties['animationDuration'];
     /** - Default value: 150ms */
@@ -30,6 +30,6 @@ export declare type _EuiThemeAnimationSpeeds = {
  * Easings / Timing functions
  */
 export declare const EuiThemeAnimationEasings: readonly ["bounce", "resistance"];
-export declare type _EuiThemeAnimationEasing = (typeof EuiThemeAnimationEasings)[number];
-export declare type _EuiThemeAnimationEasings = Record<_EuiThemeAnimationEasing, CSSProperties['animationTimingFunction']>;
-export declare type _EuiThemeAnimation = _EuiThemeAnimationEasings & _EuiThemeAnimationSpeeds;
+export type _EuiThemeAnimationEasing = (typeof EuiThemeAnimationEasings)[number];
+export type _EuiThemeAnimationEasings = Record<_EuiThemeAnimationEasing, CSSProperties['animationTimingFunction']>;
+export type _EuiThemeAnimation = _EuiThemeAnimationEasings & _EuiThemeAnimationSpeeds;

package/lib/cjs/global_styling/variables/borders.d.ts

@@ -58,4 +58,4 @@ export interface _EuiThemeBorderTypes {
      */
     editable: CSSProperties['border'];
 }
-export declare type _EuiThemeBorder = _EuiThemeBorderValues & _EuiThemeBorderTypes;
+export type _EuiThemeBorder = _EuiThemeBorderValues & _EuiThemeBorderTypes;

package/lib/cjs/global_styling/variables/breakpoint.d.ts

@@ -1,6 +1,6 @@
 export declare const EuiThemeBreakpoints: readonly ["xs", "s", "m", "l", "xl"];
-export declare type _EuiThemeBreakpoint = string;
-export declare type _EuiThemeBreakpoints = Record<_EuiThemeBreakpoint, number> & {
+export type _EuiThemeBreakpoint = string;
+export type _EuiThemeBreakpoints = Record<_EuiThemeBreakpoint, number> & {
     /** - Default value: 0 */
     xs: number;
     /** - Default value: 575 */

package/lib/cjs/global_styling/variables/buttons.d.ts

@@ -1,5 +1,5 @@
 import { ColorModeSwitch, StrictColorModeSwitch } from '../../services/theme/types';
-export declare type _EuiThemeButtonColors = {
+export type _EuiThemeButtonColors = {
     backgroundPrimary: ColorModeSwitch;
     backgroundAccent: ColorModeSwitch;
     backgroundAccentSecondary: ColorModeSwitch;
@@ -95,4 +95,4 @@ export declare type _EuiThemeButtonColors = {
     textColorFilledText: ColorModeSwitch;
     textColorFilledDisabled: ColorModeSwitch;
 };
-export declare type _EuiThemeButton = StrictColorModeSwitch<_EuiThemeButtonColors> & {};
+export type _EuiThemeButton = StrictColorModeSwitch<_EuiThemeButtonColors> & {};

package/lib/cjs/global_styling/variables/colors.d.ts

@@ -2,7 +2,7 @@ import { ColorModeSwitch, StrictColorModeSwitch } from '../../services/theme/typ
 /**
  * Top 5 colors
  */
-export declare type _EuiThemeBrandColors = {
+export type _EuiThemeBrandColors = {
     /**
      * Main brand color and used for most **call to actions** like buttons and links.
      */
@@ -31,7 +31,7 @@ export declare type _EuiThemeBrandColors = {
 /**
  * Every brand color must have a contrast computed text equivelant
  */
-export declare type _EuiThemeBrandTextColors = {
+export type _EuiThemeBrandTextColors = {
     /**
      * Typically computed against `colors.primary`
      * @deprecated - use `textPrimary` instead
@@ -66,7 +66,7 @@ export declare type _EuiThemeBrandTextColors = {
     textRisk: ColorModeSwitch;
     textDanger: ColorModeSwitch;
 };
-export declare type _EuiThemeShadeColors = {
+export type _EuiThemeShadeColors = {
     /**
      * Used as the background color of primary **page content and panels** including modals and flyouts.
      * @deprecated - use specific semantic color tokens instead
@@ -103,7 +103,7 @@ export declare type _EuiThemeShadeColors = {
      */
     fullShade: ColorModeSwitch;
 };
-export declare type _EuiThemeTextColors = {
+export type _EuiThemeTextColors = {
     /**
      * Computed against `colors.darkestShade`
      * @deprecated - use `textParagraph` instead
@@ -128,8 +128,10 @@ export declare type _EuiThemeTextColors = {
     textSubdued: ColorModeSwitch;
     textDisabled: ColorModeSwitch;
     textInverse: ColorModeSwitch;
+    textInk: ColorModeSwitch;
+    textGhost: ColorModeSwitch;
 };
-export declare type _EuiThemeSpecialColors = {
+export type _EuiThemeSpecialColors = {
     /**
      * The background color for the **whole window (body)** and is a computed value of `colors.lightestShade`.
      * Provides denominator (background) value for **contrast calculations**.
@@ -156,7 +158,7 @@ export declare type _EuiThemeSpecialColors = {
      */
     shadow: ColorModeSwitch;
 };
-export declare type _EuiThemeBackgroundColors = {
+export type _EuiThemeBackgroundColors = {
     backgroundBasePrimary: ColorModeSwitch;
     backgroundBaseAccent: ColorModeSwitch;
     backgroundBaseAccentSecondary: ColorModeSwitch;
@@ -197,7 +199,7 @@ export declare type _EuiThemeBackgroundColors = {
     backgroundFilledText: ColorModeSwitch;
 };
 /** TODO: remove once usages are re-mapped */
-export declare type _EuiThemeTransparentBackgroundColors = {
+export type _EuiThemeTransparentBackgroundColors = {
     /** @deprecated - temp. token, was never in use */
     backgroundTransparent: string;
     /** @deprecated - temp. token, was never in use */
@@ -223,7 +225,7 @@ export declare type _EuiThemeTransparentBackgroundColors = {
     /** @deprecated - temp. token, was never in use */
     backgroundTransparentPlain: ColorModeSwitch;
 };
-export declare type _EuiThemeBorderColors = {
+export type _EuiThemeBorderColors = {
     borderBasePrimary: ColorModeSwitch;
     borderBaseAccent: ColorModeSwitch;
     borderBaseAccentSecondary: ColorModeSwitch;
@@ -255,7 +257,7 @@ export declare type _EuiThemeBorderColors = {
     borderStrongDanger: ColorModeSwitch;
     borderStrongText: ColorModeSwitch;
 };
-export declare type _EuiThemeVisColors = {
+export type _EuiThemeVisColors = {
     euiColorVis0: string;
     euiColorVis1: string;
     euiColorVis2: string;
@@ -320,7 +322,7 @@ export declare type _EuiThemeVisColors = {
     euiColorVisComplementary0: string;
     euiColorVisComplementary1: string;
 };
-export declare type _EuiThemeSeverityColors = {
+export type _EuiThemeSeverityColors = {
     unknown: string;
     success: string;
     neutral: string;
@@ -328,14 +330,12 @@ export declare type _EuiThemeSeverityColors = {
     risk: string;
     danger: string;
 };
-export declare type _EuiThemeConstantColors = {
-    ghost: string;
-    ink: string;
+export type _EuiThemeConstantColors = {
     plainLight: string;
     plainDark: string;
 };
-export declare type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;
-export declare type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode & {
+export type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;
+export type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode & {
     vis: _EuiThemeVisColors;
     severity: _EuiThemeSeverityColors;
 }> & _EuiThemeConstantColors;

package/lib/cjs/global_styling/variables/components.d.ts

@@ -1,7 +1,7 @@
 import { ColorModeSwitch, StrictColorModeSwitch } from '../../services/theme/types';
 import { _EuiThemeButton } from './buttons';
 import { _EuiThemeForm, _EuiThemeFormColors } from './forms';
-export declare type _EuiThemeComponentColors = {
+export type _EuiThemeComponentColors = {
     badgeBackground: ColorModeSwitch;
     badgeBackgroundSubdued: ColorModeSwitch;
     badgeBorderColorHollow: ColorModeSwitch;
@@ -87,7 +87,6 @@ export declare type _EuiThemeComponentColors = {
     sideNavItemEmphasizedBackground: ColorModeSwitch;
     selectableListItemBorderColor: ColorModeSwitch;
     skeletonBackgroundSkeletonMiddleHighContrast: ColorModeSwitch;
-    superDatePickerBackgroundSuccees: ColorModeSwitch;
     switchBackgroundOn: ColorModeSwitch;
     switchBackgroundOff: ColorModeSwitch;
     switchUncompressedBackgroundDisabled: ColorModeSwitch;
@@ -110,9 +109,11 @@ export declare type _EuiThemeComponentColors = {
     tooltipBorder: ColorModeSwitch;
     tooltipBorderFloating: ColorModeSwitch;
     tourFooterBackground: ColorModeSwitch;
+    tourStepIndicatorInactiveColor: ColorModeSwitch;
+    tourStepIndicatorActiveColor: ColorModeSwitch;
     treeViewItemBackgroundHover: ColorModeSwitch;
 };
-export declare type _EuiThemeComponents = {
+export type _EuiThemeComponents = {
     buttons: _EuiThemeButton;
     forms: _EuiThemeForm & StrictColorModeSwitch<_EuiThemeFormColors>;
     /**

package/lib/cjs/global_styling/variables/flags.d.ts

@@ -1,7 +1,7 @@
-export declare type EuiThemeVariantFlags = {
+export type EuiThemeVariantFlags = {
     shadowVariant: 'classic' | 'refresh';
 };
 /**
  * Theme specific setting flags
  */
-export declare type _EuiThemeFlags = EuiThemeVariantFlags;
+export type _EuiThemeFlags = EuiThemeVariantFlags;

package/lib/cjs/global_styling/variables/forms.d.ts

@@ -1,8 +1,8 @@
 import { ColorModeSwitch } from '../../services/theme/types';
-export declare type _EuiThemeForm = {
+export type _EuiThemeForm = {
     maxWidth: string;
 };
-export declare type _EuiThemeFormColors = {
+export type _EuiThemeFormColors = {
     background: ColorModeSwitch;
     backgroundDisabled: ColorModeSwitch;
     backgroundReadOnly: ColorModeSwitch;

package/lib/cjs/global_styling/variables/levels.d.ts

@@ -15,8 +15,8 @@ import { CSSProperties } from 'react';
  * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
  */
 export declare const EuiThemeLevels: readonly ["toast", "modal", "mask", "navigation", "menu", "header", "flyout", "maskBelowHeader", "content"];
-export declare type _EuiThemeLevel = (typeof EuiThemeLevels)[number];
-export declare type _EuiThemeLevels = {
+export type _EuiThemeLevel = (typeof EuiThemeLevels)[number];
+export type _EuiThemeLevels = {
     /** - Default value: 9000 */
     toast: NonNullable<CSSProperties['zIndex']>;
     /** - Default value: 8000 */

package/lib/cjs/global_styling/variables/overrides.d.ts

@@ -3,6 +3,6 @@ import { EUI_THEME_HIGH_CONTRAST_MODE_KEY, type EuiThemeShapeBase } from '../../
 /**
  * Theme specific conditional overrides, e.g. for high contrast mode
  */
-export declare type _EuiThemeOverrides = {
+export type _EuiThemeOverrides = {
     [EUI_THEME_HIGH_CONTRAST_MODE_KEY]: RecursivePartial<EuiThemeShapeBase>;
 };

package/lib/cjs/global_styling/variables/shadow.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 import { ColorModeSwitch } from '../../services/theme/types';
 export declare const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
-export declare type _EuiThemeShadowSize = (typeof EuiThemeShadowSizes)[number];
+export type _EuiThemeShadowSize = (typeof EuiThemeShadowSizes)[number];
 export declare const EuiThemeShadowHoverSizes: readonly ["s", "m", "l", "xl", "xxl"];
-export declare type _EuiThemeShadowHoverSize = (typeof EuiThemeShadowHoverSizes)[number];
+export type _EuiThemeShadowHoverSize = (typeof EuiThemeShadowHoverSizes)[number];
 /**
  * Shadow t-shirt sizes descriptions
  */
@@ -13,13 +13,13 @@ export interface _EuiThemeShadowCustomColor {
     property?: 'box-shadow' | 'filter';
     borderAllInHighContrastMode?: boolean;
 }
-export declare type _EuiThemeShadow = {
+export type _EuiThemeShadow = {
     /** Default direction of the shadow */
     down: CSSProperties['boxShadow'];
     /** Reverse direction */
     up: CSSProperties['boxShadow'];
 };
-export declare type _EuiThemeShadows = ColorModeSwitch<{
+export type _EuiThemeShadows = ColorModeSwitch<{
     colors: {
         base: string;
     };
@@ -41,18 +41,18 @@ export declare type _EuiThemeShadows = ColorModeSwitch<{
  * Represents a single shadow
  * @see https://tr.designtokens.org/format/#shadow
  */
-export declare type _EuiThemeShadowLayer = {
+export type _EuiThemeShadowLayer = {
     opacity: number;
     x: number;
     y: number;
     blur: number;
     spread: number;
 };
-export declare type _EuiThemeShadowPrimitive = {
+export type _EuiThemeShadowPrimitive = {
     light: _EuiThemeShadowLayer[];
     dark: _EuiThemeShadowLayer[];
 };
-export declare type _EuiThemeShadowPrimitives = {
+export type _EuiThemeShadowPrimitives = {
     xs: _EuiThemeShadowPrimitive;
     s: _EuiThemeShadowPrimitive;
     m: _EuiThemeShadowPrimitive;

package/lib/cjs/global_styling/variables/size.d.ts

@@ -1,7 +1,7 @@
-export declare type _EuiThemeBase = number;
+export type _EuiThemeBase = number;
 export declare const EuiThemeSizes: readonly ["xxs", "xs", "s", "m", "base", "l", "xl", "xxl", "xxxl", "xxxxl"];
-export declare type _EuiThemeSize = (typeof EuiThemeSizes)[number];
-export declare type _EuiThemeSizes = {
+export type _EuiThemeSize = (typeof EuiThemeSizes)[number];
+export type _EuiThemeSizes = {
     /** - Default value: 2px */
     xxs: string;
     /** - Default value: 4px */

package/lib/cjs/global_styling/variables/typography.d.ts

@@ -3,11 +3,11 @@ import { CSSProperties } from 'react';
  * Font units of measure
  */
 export declare const EuiThemeFontUnits: readonly ["rem", "px", "em"];
-export declare type _EuiThemeFontUnit = (typeof EuiThemeFontUnits)[number];
+export type _EuiThemeFontUnit = (typeof EuiThemeFontUnits)[number];
 export declare const EuiThemeFontScales: readonly ["xxxs", "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-export declare type _EuiThemeFontScale = (typeof EuiThemeFontScales)[number];
-export declare type _EuiThemeFontScales = Record<_EuiThemeFontScale, number>;
-export declare type _EuiThemeFontBase = {
+export type _EuiThemeFontScale = (typeof EuiThemeFontScales)[number];
+export type _EuiThemeFontScales = Record<_EuiThemeFontScale, number>;
+export type _EuiThemeFontBase = {
     /**
      * The whole font family stack for all parts of the UI.
      * We encourage only customizing the first font in the stack.
@@ -46,17 +46,17 @@ export declare type _EuiThemeFontBase = {
     lineHeightMultiplier: number;
 };
 export declare const EuiThemeFontWeights: readonly ["light", "regular", "medium", "semiBold", "bold"];
-export declare type _EuiThemeFontWeight = (typeof EuiThemeFontWeights)[number];
-export declare type _EuiThemeFontWeights = {
+export type _EuiThemeFontWeight = (typeof EuiThemeFontWeights)[number];
+export type _EuiThemeFontWeights = {
     /** - Default value: 300 */
     light: CSSProperties['fontWeight'];
     /** - Default value: 400 */
     regular: CSSProperties['fontWeight'];
-    /** - Default value: 500 */
+    /** - Default value: 450 */
     medium: CSSProperties['fontWeight'];
-    /** - Default value: 600 */
+    /** - Default value: 500 */
     semiBold: CSSProperties['fontWeight'];
-    /** - Default value: 700 */
+    /** - Default value: 600 */
     bold: CSSProperties['fontWeight'];
 };
 /**
@@ -81,7 +81,7 @@ export interface _EuiThemeTitle {
      */
     weight: keyof _EuiThemeFontWeights;
 }
-export declare type _EuiThemeFont = _EuiThemeFontBase & {
+export type _EuiThemeFont = _EuiThemeFontBase & {
     scale: _EuiThemeFontScales;
     /**
      * See {@link https://eui.elastic.co/docs/getting-started/theming/tokens/typography/font-weight/ | Reference} for more information

package/lib/cjs/services/theme/types.d.ts

@@ -17,20 +17,20 @@ export declare const COLOR_MODES_STANDARD: {
     readonly dark: "DARK";
 };
 export declare const COLOR_MODES_INVERSE: "INVERSE";
-export declare type EuiThemeColorModeInverse = typeof COLOR_MODES_INVERSE;
-export declare type EuiThemeColorModeStandard = ValueOf<typeof COLOR_MODES_STANDARD>;
-export declare type EuiThemeColorMode = 'light' | 'dark' | EuiThemeColorModeStandard | 'inverse' | EuiThemeColorModeInverse;
-export declare type ColorModeSwitch<T = string> = {
+export type EuiThemeColorModeInverse = typeof COLOR_MODES_INVERSE;
+export type EuiThemeColorModeStandard = ValueOf<typeof COLOR_MODES_STANDARD>;
+export type EuiThemeColorMode = 'light' | 'dark' | EuiThemeColorModeStandard | 'inverse' | EuiThemeColorModeInverse;
+export type ColorModeSwitch<T = string> = {
     [key in EuiThemeColorModeStandard]: T;
 } | T;
-export declare type StrictColorModeSwitch<T = string> = {
+export type StrictColorModeSwitch<T = string> = {
     [key in EuiThemeColorModeStandard]: T;
 };
-export declare type EuiThemeHighContrastModeProp = boolean;
-export declare type EuiThemeHighContrastMode = 'forced' | 'preferred' | false;
+export type EuiThemeHighContrastModeProp = boolean;
+export type EuiThemeHighContrastMode = 'forced' | 'preferred' | false;
 export declare const EUI_THEME_HIGH_CONTRAST_MODE_KEY: "HCM";
 export declare const EUI_THEME_OVERRIDES_KEY: "overrides";
-export declare type EuiThemeShapeBase = {
+export type EuiThemeShapeBase = {
     colors: _EuiThemeColors;
     /** - Default value: 16 */
     base: _EuiThemeBase;
@@ -48,24 +48,24 @@ export declare type EuiThemeShapeBase = {
     components: _EuiThemeComponents;
     flags: _EuiThemeFlags;
 };
-export declare type EuiThemeShape = EuiThemeShapeBase & {
+export type EuiThemeShape = EuiThemeShapeBase & {
     overrides?: _EuiThemeOverrides;
 };
-export declare type EuiThemeSystem<T = {}> = {
+export type EuiThemeSystem<T = {}> = {
     root: EuiThemeShape & T;
     model: EuiThemeShape & T;
     key: string;
 };
-export declare type EuiThemeModifications<T = {}> = RecursivePartial<EuiThemeShape & T>;
-export declare type ComputedThemeShape<T, P = string | number | bigint | boolean | null | undefined> = T extends P | ColorModeSwitch<infer X> ? T extends ColorModeSwitch<X> ? X extends P ? X : {
+export type EuiThemeModifications<T = {}> = RecursivePartial<EuiThemeShape & T>;
+export type ComputedThemeShape<T, P = string | number | bigint | boolean | null | undefined> = T extends P | ColorModeSwitch<infer X> ? T extends ColorModeSwitch<X> ? X extends P ? X : {
     [K in keyof (X & Exclude<T, keyof X | keyof StrictColorModeSwitch>)]: ComputedThemeShape<(X & Exclude<T, keyof X | keyof StrictColorModeSwitch>)[K], P>;
 } : T : {
     [K in keyof T]: ComputedThemeShape<T[K], P>;
 };
-export declare type EuiThemeComputed<T = {}> = ComputedThemeShape<EuiThemeShape & T> & {
+export type EuiThemeComputed<T = {}> = ComputedThemeShape<EuiThemeShape & T> & {
     themeName: string;
 };
-export declare type EuiThemeNested = {
+export type EuiThemeNested = {
     isGlobalTheme: boolean;
     hasDifferentColorFromGlobalTheme: boolean;
     bodyColor: string;

package/lib/cjs/services/vis_color_store.d.ts

@@ -2,9 +2,9 @@ import { _EuiThemeVisColors } from '../global_styling';
 export declare const VIS_COLOR_STORE_EVENTS: {
     readonly UPDATE: "UPDATE";
 };
-export declare type VisColorStoreEvents = keyof typeof VIS_COLOR_STORE_EVENTS;
-declare type EventId = string;
-export declare type _EuiVisColorStore = {
+export type VisColorStoreEvents = keyof typeof VIS_COLOR_STORE_EVENTS;
+type EventId = string;
+export type _EuiVisColorStore = {
     visColors: _EuiThemeVisColors;
     setVisColors: (colors: _EuiThemeVisColors) => void;
     subscribe: (eventName: VisColorStoreEvents, callback: any) => EventId;

package/lib/cjs/types.d.ts

@@ -3,7 +3,7 @@
  * ValueOf<typeof {key1: 'value1', key2: 'value2'}>
  * Results in `'value1' | 'value2'`
  */
-export declare type ValueOf<T> = T[keyof T];
+export type ValueOf<T> = T[keyof T];
 /**
  * Replaces all properties on any type as optional, includes nested types
  *
@@ -25,8 +25,8 @@ export declare type ValueOf<T> = T[keyof T];
  * }
  * ```
  */
-export declare type RecursivePartial<T> = {
+export type RecursivePartial<T> = {
     [P in keyof T]?: T[P] extends NonAny[] ? T[P] : T[P] extends readonly NonAny[] ? T[P] : T[P] extends Array<infer U> ? Array<RecursivePartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<RecursivePartial<U>> : T[P] extends Set<infer V> ? Set<RecursivePartial<V>> : T[P] extends Map<infer K, infer V> ? Map<K, RecursivePartial<V>> : T[P] extends NonAny ? T[P] : RecursivePartial<T[P]>;
 };
-declare type NonAny = number | boolean | string | symbol | null;
+type NonAny = number | boolean | string | symbol | null;
 export {};

package/lib/cjs/utils.d.ts

@@ -1,10 +1,10 @@
-import { EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeSystem, EuiThemeShape, EuiThemeComputed, _EuiThemeShadowLayer, EuiThemeHighContrastMode } from './global_styling';
+import { EuiThemeColorMode, EuiThemeColorModeInverse, EuiThemeColorModeStandard, EuiThemeModifications, EuiThemeSystem, EuiThemeShape, EuiThemeComputed, _EuiThemeShadowLayer, EuiThemeHighContrastMode } from './global_styling';
 export declare const DEFAULT_COLOR_MODE: "LIGHT";
 /**
  * Returns whether the provided color mode is `inverse`
  * @param {string} colorMode - `light`, `dark`, or `inverse`
  */
-export declare const isInverseColorMode: (colorMode?: string | undefined) => colorMode is "INVERSE";
+export declare const isInverseColorMode: (colorMode?: string) => colorMode is EuiThemeColorModeInverse;
 /**
  * Returns the color mode configured in the current EuiThemeProvider.
  * Returns the parent color mode if none is explicity set.
@@ -12,7 +12,7 @@ export declare const isInverseColorMode: (colorMode?: string | undefined) => col
  * @param {string} parentColorMode - `LIGHT` or `DARK`; used as the fallback
  * @param {boolean} isForced
  */
-export declare const getColorMode: (colorMode?: EuiThemeColorMode | undefined, parentColorMode?: EuiThemeColorModeStandard | undefined, isForced?: boolean | undefined) => EuiThemeColorModeStandard;
+export declare const getColorMode: (colorMode?: EuiThemeColorMode, parentColorMode?: EuiThemeColorModeStandard, isForced?: boolean) => EuiThemeColorModeStandard;
 /**
  * Returns a value at a given path on an object.
  * If `colorMode` is provided, will scope the value to the appropriate color mode key (LIGHT\DARK)
@@ -22,7 +22,7 @@ export declare const getColorMode: (colorMode?: EuiThemeColorMode | undefined, p
  */
 export declare const getOn: (model: {
     [key: string]: any;
-}, _path: string, colorMode?: EuiThemeColorModeStandard | undefined) => {
+}, _path: string, colorMode?: EuiThemeColorModeStandard) => {
     [key: string]: any;
 } | undefined;
 /**
@@ -53,9 +53,7 @@ export declare class Computed<T> {
      * @param {object} working - Partially computed theme
      * @param {string} colorMode - `light` or `dark`
      */
-    getValue(base: EuiThemeSystem | EuiThemeShape | null, modifications: import("./types").RecursivePartial<import("./global_styling").EuiThemeShapeBase & {
-        overrides?: import("./global_styling")._EuiThemeOverrides | undefined;
-    }> | undefined, working: Partial<EuiThemeComputed>, colorMode?: EuiThemeColorModeStandard): T;
+    getValue(base: EuiThemeSystem | EuiThemeShape | null, modifications: EuiThemeModifications | undefined, working: Partial<EuiThemeComputed>, colorMode?: EuiThemeColorModeStandard): T;
 }
 /**
  * Returns a Class (`Computed`) that stores the arbitrary computer method
@@ -75,7 +73,7 @@ export declare function computed<T>(computer: (value: any) => T, dependencies: s
  * @param {Proxy | object} over - Unique identifier or name
  * @param {string} colorMode - `light` or `dark`
  */
-export declare const getComputed: <T = EuiThemeShape>(base: EuiThemeSystem<T>, over: Partial<EuiThemeSystem<T>>, colorMode: EuiThemeColorModeStandard, highContrastMode?: EuiThemeHighContrastMode | undefined) => EuiThemeComputed<T>;
+export declare const getComputed: <T = EuiThemeShape>(base: EuiThemeSystem<T>, over: Partial<EuiThemeSystem<T>>, colorMode: EuiThemeColorModeStandard, highContrastMode?: EuiThemeHighContrastMode) => EuiThemeComputed<T>;
 /**
  * Builds a Proxy with a custom `handler` designed to self-reference values
  * and prevent arbitrary value overrides.
@@ -103,7 +101,7 @@ export declare const mergeDeep: (_target: {
  * Returns token name string based on passed dynamic variants
  * and additional prefix/suffix
  */
-export declare const getTokenName: (prefix: string, variant?: string | undefined, suffix?: string | undefined) => string;
+export declare const getTokenName: (prefix: string, variant?: string, suffix?: string) => string;
 /**
  * Format an array of shadow "objects" into a string for CSS.
  * The "up" direction is built by making the y offset from layers

package/lib/esm/global_styling/functions/math.d.ts

@@ -7,6 +7,8 @@
  * mathWithUnits(euiTheme.size.xs, (x) => x + 2) = '6px';
  * mathWithUnits([euiTheme.size.l, euiTheme.size.s], (x, y) => x - y) = '16px';
  */
-declare type ValueTypes = string | number | undefined;
-export declare const mathWithUnits: (values: ValueTypes | ValueTypes[], callback: (...args: number[]) => number, unit?: string) => string;
+type ValueTypes = string | number | undefined;
+export declare const mathWithUnits: (values: ValueTypes | ValueTypes[], // Can accept a single input or array of inputs
+callback: (...args: number[]) => number, // Can be multiplication, division, addition, etc.
+unit?: string) => string;
 export {};

package/lib/esm/global_styling/functions/size.d.ts

@@ -7,6 +7,6 @@
  * @returns string - Rem unit aligned to baseline
  */
 export declare const sizeToPixel: (scale?: number) => (themeOrBase: number | {
-    [key: string]: any;
     base: number;
+    [key: string]: any;
 }) => string;

package/lib/esm/global_styling/mixins/borders.d.ts

@@ -1,6 +1,6 @@
 import { UseEuiTheme } from '../../services/theme/types';
 export declare const getBorderSide: (side: BorderSides) => string;
-export declare type BorderSides = 'left' | 'right' | 'top' | 'bottom' | 'horizontal' | 'vertical' | 'all';
+export type BorderSides = 'left' | 'right' | 'top' | 'bottom' | 'horizontal' | 'vertical' | 'all';
 /**
  * Defines styles for floating boarders applied in DARK mode via EUI shadow utils
  */