@elastic/eui 101.4.0 → 102.0.0-amsterdam.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/dist/eui_theme_amsterdam_dark.json +20 -15
  2. package/dist/eui_theme_amsterdam_dark.json.d.ts +20 -15
  3. package/dist/eui_theme_amsterdam_light.json +20 -15
  4. package/dist/eui_theme_amsterdam_light.json.d.ts +20 -15
  5. package/dist/eui_theme_borealis_dark.json +20 -15
  6. package/dist/eui_theme_borealis_dark.json.d.ts +20 -15
  7. package/dist/eui_theme_borealis_light.json +20 -15
  8. package/dist/eui_theme_borealis_light.json.d.ts +20 -15
  9. package/es/components/badge/badge.js +1 -1
  10. package/es/components/badge/badge.styles.js +3 -1
  11. package/es/components/badge/color_utils.js +2 -0
  12. package/es/components/datagrid/body/header/column_sorting.js +10 -9
  13. package/es/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  14. package/es/components/empty_prompt/empty_prompt.styles.js +3 -1
  15. package/es/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  16. package/es/components/icon/icon.styles.js +5 -3
  17. package/es/components/icon/named_colors.js +1 -1
  18. package/es/components/provider/provider.js +2 -2
  19. package/es/global_styling/mixins/_button.js +2 -2
  20. package/es/global_styling/mixins/_color.js +1 -1
  21. package/es/services/color/vis_color_store.js +1 -1
  22. package/es/services/theme/context.js +2 -2
  23. package/es/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  24. package/es/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  25. package/es/themes/amsterdam/global_styling/variables/_colors_severity.js +20 -0
  26. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  27. package/eui.d.ts +386 -348
  28. package/lib/components/badge/badge.js +1 -1
  29. package/lib/components/badge/badge.styles.js +3 -1
  30. package/lib/components/badge/color_utils.js +2 -0
  31. package/lib/components/datagrid/body/header/column_sorting.js +10 -9
  32. package/lib/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  33. package/lib/components/empty_prompt/empty_prompt.styles.js +3 -1
  34. package/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  35. package/lib/components/icon/icon.styles.js +5 -3
  36. package/lib/components/icon/named_colors.js +1 -1
  37. package/lib/components/provider/provider.js +2 -2
  38. package/lib/global_styling/mixins/_button.js +2 -2
  39. package/lib/global_styling/mixins/_color.js +1 -1
  40. package/lib/services/color/vis_color_store.js +2 -2
  41. package/lib/services/theme/context.js +2 -2
  42. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  43. package/lib/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  44. package/lib/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
  45. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  46. package/optimize/es/components/badge/badge.js +1 -1
  47. package/optimize/es/components/badge/badge.styles.js +3 -1
  48. package/optimize/es/components/badge/color_utils.js +2 -0
  49. package/optimize/es/components/datagrid/body/header/column_sorting.js +10 -9
  50. package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  51. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +3 -1
  52. package/optimize/es/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  53. package/optimize/es/components/icon/icon.styles.js +5 -3
  54. package/optimize/es/components/icon/named_colors.js +1 -1
  55. package/optimize/es/components/provider/provider.js +2 -2
  56. package/optimize/es/global_styling/mixins/_button.js +2 -2
  57. package/optimize/es/global_styling/mixins/_color.js +1 -1
  58. package/optimize/es/services/color/vis_color_store.js +1 -1
  59. package/optimize/es/services/theme/context.js +2 -2
  60. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  61. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  62. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_severity.js +20 -0
  63. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  64. package/optimize/lib/components/badge/badge.js +1 -1
  65. package/optimize/lib/components/badge/badge.styles.js +3 -1
  66. package/optimize/lib/components/badge/color_utils.js +2 -0
  67. package/optimize/lib/components/datagrid/body/header/column_sorting.js +10 -9
  68. package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  69. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +3 -1
  70. package/optimize/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  71. package/optimize/lib/components/icon/icon.styles.js +5 -3
  72. package/optimize/lib/components/icon/named_colors.js +1 -1
  73. package/optimize/lib/components/provider/provider.js +2 -2
  74. package/optimize/lib/global_styling/mixins/_button.js +2 -2
  75. package/optimize/lib/global_styling/mixins/_color.js +1 -1
  76. package/optimize/lib/services/color/vis_color_store.js +2 -2
  77. package/optimize/lib/services/theme/context.js +2 -2
  78. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  79. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  80. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
  81. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  82. package/package.json +4 -4
  83. package/src/themes/amsterdam/_colors_dark.scss +13 -0
  84. package/src/themes/amsterdam/_colors_light.scss +13 -0
  85. package/src/themes/amsterdam/global_styling/variables/_colors_severity.scss +9 -0
  86. package/test-env/components/badge/badge.js +1 -1
  87. package/test-env/components/badge/badge.styles.js +3 -1
  88. package/test-env/components/badge/color_utils.js +2 -0
  89. package/test-env/components/datagrid/body/header/column_sorting.js +10 -9
  90. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  91. package/test-env/components/empty_prompt/empty_prompt.styles.js +3 -1
  92. package/test-env/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  93. package/test-env/components/icon/icon.styles.js +5 -3
  94. package/test-env/components/icon/named_colors.js +1 -1
  95. package/test-env/components/provider/provider.js +2 -2
  96. package/test-env/global_styling/mixins/_button.js +2 -2
  97. package/test-env/global_styling/mixins/_color.js +1 -1
  98. package/test-env/services/color/vis_color_store.js +2 -2
  99. package/test-env/services/theme/context.js +2 -2
  100. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  101. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  102. package/test-env/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
  103. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
package/eui.d.ts CHANGED
@@ -167,117 +167,13 @@ declare module '@elastic/eui/src/components/common' {
167
167
  onClick?: MouseEventHandler<HTMLButtonElement>;
168
168
  } & ButtonHTMLAttributes<HTMLButtonElement> & P;
169
169
 
170
- }
171
- declare module '@elastic/eui/src/services/theme/types' {
172
- export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
173
-
174
170
  }
175
171
  declare module '@elastic/eui/src/services/theme/utils' {
176
172
  export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
177
173
 
178
174
  }
179
- declare module '@elastic/eui/src/services/theme/context' {
180
- import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
181
- export const DEFAULTS: {
182
- system: {
183
- model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
184
- root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
185
- key: string;
186
- };
187
- modifications: {};
188
- colorMode: "LIGHT";
189
- highContrastMode: false;
190
- };
191
- export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
192
- export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
193
- overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined;
194
- }>>;
195
- export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
196
- export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
197
- export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
198
- export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
199
- export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
200
-
201
- }
202
- declare module '@elastic/eui/src/services/theme/warning' {
203
- type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
204
- export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
205
- export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
206
- export const emitEuiProviderWarning: (providerMessage: string) => void;
207
- export {};
208
-
209
- }
210
- declare module '@elastic/eui/src/services/theme/hooks' {
211
- import React from 'react';
212
- import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
213
- /**
214
- * Hook for function components
215
- */
216
- export interface UseEuiTheme<T extends {} = {}> {
217
- euiTheme: EuiThemeComputed<T>;
218
- colorMode: EuiThemeColorModeStandard;
219
- highContrastMode: EuiThemeHighContrastMode;
220
- modifications: EuiThemeModifications<T>;
221
- }
222
- export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
223
- /**
224
- * HOC for class components
225
- */
226
- export interface WithEuiThemeProps<P extends {} = {}> {
227
- theme: UseEuiTheme<P>;
228
- }
229
- export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
230
- /**
231
- * Render prop alternative for complex class components
232
- * Most useful for scenarios where a HOC may interfere with typing
233
- */
234
- export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
235
- children: (theme: UseEuiTheme) => React.ReactElement;
236
- }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
237
- /**
238
- * Minor syntactical sugar hook for theme CSS variables.
239
- * Primarily meant for internal EUI usage.
240
- */
241
- export const useEuiThemeCSSVariables: () => {
242
- setGlobalCSSVariables: Function;
243
- globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
244
- setNearestThemeCSSVariables: Function;
245
- themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
246
- };
247
-
248
- }
249
- declare module '@elastic/eui/src/services/throttle' {
250
- export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
251
-
252
- }
253
- declare module '@elastic/eui/src/services/breakpoint/_sorting' {
254
- import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
255
- export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
256
- export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
257
-
258
- }
259
- declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
260
- import React, { FunctionComponent, PropsWithChildren } from 'react';
261
- import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
262
- export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
263
- /**
264
- * Returns the current breakpoint based on window width.
265
- * Typically only called by the top-level `EuiProvider` (to reduce the number
266
- * of window resize listeners on the page). Also conditionally called if a
267
- * nested `EuiThemeProvider` defines a `modify.breakpoint` override
268
- */
269
- export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
270
- export {};
271
-
272
- }
273
- declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
274
- /**
275
- * Hook util / syntactical sugar for useContext()
276
- *
277
- * This hook is in its own separate file to make mocking it
278
- * as a testenv easy for Jest unit tests
279
- */
280
- export const useCurrentEuiBreakpoint: () => string | undefined;
175
+ declare module '@elastic/eui/src/services/theme/types' {
176
+ export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
281
177
 
282
178
  }
283
179
  declare module '@elastic/eui/src/services/emotion/clone_element' {
@@ -375,6 +271,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
375
271
  */
376
272
  export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
377
273
 
274
+ }
275
+ declare module '@elastic/eui/src/services/throttle' {
276
+ export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
277
+
378
278
  }
379
279
  declare module '@elastic/eui/src/services/hooks/useMouseMove' {
380
280
  import { MouseEvent, TouchEvent } from 'react';
@@ -397,6 +297,14 @@ declare module '@elastic/eui/src/services/hooks' {
397
297
  export * from '@elastic/eui/src/services/hooks/useMouseMove';
398
298
  export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
399
299
 
300
+ }
301
+ declare module '@elastic/eui/src/services/theme/warning' {
302
+ type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
303
+ export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
304
+ export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
305
+ export const emitEuiProviderWarning: (providerMessage: string) => void;
306
+ export {};
307
+
400
308
  }
401
309
  declare module '@elastic/eui/src/services/theme/style_memoization' {
402
310
  import React, { FunctionComponent, PropsWithChildren } from 'react';
@@ -591,6 +499,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
591
499
  */
592
500
  categorical?: boolean): string[];
593
501
 
502
+ }
503
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
504
+ import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
505
+ export const colorVis: _EuiThemeVisColors;
506
+
594
507
  }
595
508
  declare module '@elastic/eui/src/services/color/vis_color_store' {
596
509
  import { _EuiVisColorStore } from '@elastic/eui-theme-common';
@@ -728,7 +641,7 @@ declare module '@elastic/eui/src/services/color/eui_palettes_hooks' {
728
641
  declare module '@elastic/eui/src/global_styling/mixins/_color' {
729
642
  import { SerializedStyles } from '@emotion/react';
730
643
  import { UseEuiTheme } from '@elastic/eui/src/services';
731
- export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
644
+ export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
732
645
  export type _EuiBackgroundColor = (typeof BACKGROUND_COLORS)[number];
733
646
  export interface _EuiBackgroundColorOptions {
734
647
  /**
@@ -751,7 +664,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_color' {
751
664
  * @returns An object map of color keys to CSS,
752
665
  * e.g. { danger: css``, success: css``, ... }
753
666
  */
754
- export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
667
+ export const useEuiBackgroundColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
755
668
  /**
756
669
  * Border colors
757
670
  * @deprecated - use border tokens directly or use
@@ -763,7 +676,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_color' {
763
676
  * @returns An object map of color keys to CSS,
764
677
  * e.g. { danger: css``, success: css``, ... }
765
678
  */
766
- export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
679
+ export const useEuiBorderColorCSS: () => Record<"primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk" | "transparent" | "plain" | "subdued" | "highlighted", SerializedStyles>;
767
680
 
768
681
  }
769
682
  declare module '@elastic/eui/src/global_styling/functions/high_contrast' {
@@ -811,7 +724,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
811
724
  horizontal: string;
812
725
  vertical: string;
813
726
  };
814
- export const LOGICAL_SIDES: ("left" | "right" | "bottom" | "top" | "horizontal" | "vertical")[];
727
+ export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
815
728
  export type LogicalSides = (typeof LOGICAL_SIDES)[number];
816
729
  export const logicals: {
817
730
  height: string;
@@ -870,7 +783,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
870
783
  "border-bottom-right-radius": string;
871
784
  _shorthands: string[];
872
785
  };
873
- export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "bottom" | "height" | "top" | "horizontal" | "vertical" | "max-height" | "max-width" | "min-height" | "min-width" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
786
+ export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "top" | "bottom" | "horizontal" | "vertical" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
874
787
  export type LogicalProperties = (typeof LOGICAL_PROPERTIES)[number];
875
788
  /**
876
789
  *
@@ -1111,7 +1024,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
1111
1024
  */
1112
1025
  export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
1113
1026
  export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
1114
- export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
1027
+ export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
1115
1028
 
1116
1029
  }
1117
1030
  declare module '@elastic/eui/src/global_styling/mixins/_states' {
@@ -1161,6 +1074,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
1161
1074
  */
1162
1075
  export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
1163
1076
 
1077
+ }
1078
+ declare module '@elastic/eui/src/services/breakpoint/_sorting' {
1079
+ import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
1080
+ export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
1081
+ export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
1082
+
1164
1083
  }
1165
1084
  declare module '@elastic/eui/src/global_styling/variables/animations' {
1166
1085
  export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
@@ -1243,7 +1162,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
1243
1162
  declare module '@elastic/eui/src/global_styling/mixins/_button' {
1244
1163
  import { type SerializedStyles } from '@emotion/react';
1245
1164
  import { UseEuiTheme } from '@elastic/eui/src/services';
1246
- export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
1165
+ export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
1247
1166
  export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
1248
1167
  export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
1249
1168
  export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
@@ -1295,7 +1214,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_button' {
1295
1214
  * @param options Button display type
1296
1215
  * @returns An object of `_EuiButtonColor` keys including `disabled`
1297
1216
  */
1298
- export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled", SerializedStyles>;
1217
+ export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
1299
1218
  /**
1300
1219
  * Creates the translate animation when button is in focus.
1301
1220
  * @returns string
@@ -2909,7 +2828,7 @@ declare module '@elastic/eui/src/services/react' {
2909
2828
 
2910
2829
  }
2911
2830
  declare module '@elastic/eui/src/components/icon/named_colors' {
2912
- export const COLORS: readonly ["default", "primary", "success", "accent", "accentSecondary", "warning", "danger", "text", "subdued", "ghost", "inherit"];
2831
+ export const COLORS: readonly ["default", "primary", "neutral", "success", "accent", "accentSecondary", "warning", "risk", "danger", "text", "subdued", "ghost", "inherit"];
2913
2832
  export type NamedColor = (typeof COLORS)[number];
2914
2833
  export function isNamedColor(name: string): boolean;
2915
2834
 
@@ -2919,15 +2838,17 @@ declare module '@elastic/eui/src/components/icon/icon.styles' {
2919
2838
  export const iconLoadingOpacity = 0.05;
2920
2839
  export const euiIconStyles: ({ euiTheme }: UseEuiTheme) => {
2921
2840
  euiIcon: import("@emotion/react").SerializedStyles;
2841
+ primary: import("@emotion/react").SerializedStyles;
2922
2842
  accent: import("@emotion/react").SerializedStyles;
2923
2843
  accentSecondary: import("@emotion/react").SerializedStyles;
2924
- danger: import("@emotion/react").SerializedStyles;
2925
2844
  ghost: import("@emotion/react").SerializedStyles;
2926
- primary: import("@emotion/react").SerializedStyles;
2927
- success: import("@emotion/react").SerializedStyles;
2928
2845
  subdued: import("@emotion/react").SerializedStyles;
2929
2846
  text: import("@emotion/react").SerializedStyles;
2847
+ neutral: import("@emotion/react").SerializedStyles;
2848
+ success: import("@emotion/react").SerializedStyles;
2930
2849
  warning: import("@emotion/react").SerializedStyles;
2850
+ risk: import("@emotion/react").SerializedStyles;
2851
+ danger: import("@emotion/react").SerializedStyles;
2931
2852
  inherit: import("@emotion/react").SerializedStyles;
2932
2853
  default: import("@emotion/react").SerializedStyles;
2933
2854
  customColor: import("@emotion/react").SerializedStyles;
@@ -2952,7 +2873,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2952
2873
  import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
2953
2874
  export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
2954
2875
  import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
2955
- export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "scale" | "color" | "pause" | "play" | "offline" | "online" | "storage" | "copy" | "cut" | "temperature" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
2876
+ export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
2956
2877
  export type EuiIconType = keyof typeof typeToPathMap;
2957
2878
  export type IconType = EuiIconType | string | ComponentType;
2958
2879
  export type IconColor = string | NamedColor;
@@ -2995,7 +2916,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2995
2916
  isLoading: boolean;
2996
2917
  neededLoading: boolean;
2997
2918
  }
2998
- export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "scale" | "color" | "pause" | "play" | "offline" | "online" | "storage" | "copy" | "cut" | "temperature" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
2919
+ export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
2999
2920
  export const appendIconComponentCache: (iconTypeToIconComponentMap: {
3000
2921
  [iconType: string]: React.ComponentType<{}>;
3001
2922
  }) => void;
@@ -3756,7 +3677,7 @@ declare module '@elastic/eui/src/components/button/button' {
3756
3677
  import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
3757
3678
  import { _EuiButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
3758
3679
  import { EuiButtonDisplayCommonProps } from '@elastic/eui/src/components/button/button_display/_button_display';
3759
- export const COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
3680
+ export const COLORS: readonly ["text", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
3760
3681
  export type EuiButtonColor = _EuiButtonColor;
3761
3682
  export const SIZES: readonly ["s", "m"];
3762
3683
  export type EuiButtonSize = (typeof SIZES)[number];
@@ -3878,7 +3799,7 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon.style
3878
3799
  s: SerializedStyles;
3879
3800
  m: SerializedStyles;
3880
3801
  };
3881
- export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger", SerializedStyles>;
3802
+ export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "neutral" | "risk", SerializedStyles>;
3882
3803
 
3883
3804
  }
3884
3805
  declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
@@ -4081,7 +4002,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
4081
4002
  euiButtonGroupButton__iconOnly: SerializedStyles;
4082
4003
  };
4083
4004
  };
4084
- export const _compressedButtonFocusColors: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled", SerializedStyles>;
4005
+ export const _compressedButtonFocusColors: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
4085
4006
 
4086
4007
  }
4087
4008
  declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
@@ -4641,7 +4562,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
4641
4562
  export const EuiFlexGroup: (<TComponent extends React.ElementType = "div", TComponentRef = React.ReactElement<any, TComponent>>(props: {
4642
4563
  children?: React.ReactNode;
4643
4564
  } & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
4644
- alignItems?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
4565
+ alignItems?: "center" | "stretch" | "baseline" | "flexStart" | "flexEnd" | undefined;
4645
4566
  /**
4646
4567
  * Customize the component type that is rendered.
4647
4568
  *
@@ -4656,7 +4577,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
4656
4577
  */
4657
4578
  component?: TComponent | undefined;
4658
4579
  direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
4659
- gutterSize?: "s" | "xs" | "m" | "l" | "xl" | "none" | undefined;
4580
+ gutterSize?: "s" | "none" | "xs" | "m" | "l" | "xl" | undefined;
4660
4581
  justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
4661
4582
  responsive?: boolean | undefined;
4662
4583
  wrap?: boolean | undefined;
@@ -4791,7 +4712,7 @@ declare module '@elastic/eui/src/components/flex/flex_item' {
4791
4712
  export const EuiFlexItem: (<TComponent extends React.ElementType, TComponentRef = React.ReactElement<any, TComponent>>(props: {
4792
4713
  children?: React.ReactNode;
4793
4714
  } & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
4794
- grow?: boolean | 0 | 2 | 1 | 3 | 8 | 6 | 4 | 5 | 7 | 9 | 10 | null | undefined;
4715
+ grow?: boolean | 0 | 1 | 6 | 3 | 2 | 4 | 5 | 7 | 8 | 9 | 10 | null | undefined;
4795
4716
  /**
4796
4717
  * Customize the component type that is rendered.
4797
4718
  *
@@ -5767,11 +5688,11 @@ declare module '@elastic/eui/src/components/panel/panel' {
5767
5688
  import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
5768
5689
  import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
5769
5690
  import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
5770
- export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
5691
+ export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
5771
5692
  export type PanelPaddingSize = (typeof _SIZES)[number];
5772
5693
  export const BORDER_RADII: readonly ["none", "m"];
5773
5694
  export type PanelBorderRadius = (typeof BORDER_RADII)[number];
5774
- export const COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
5695
+ export const COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
5775
5696
  export type PanelColor = _EuiBackgroundColor | 'highlighted';
5776
5697
  export interface _EuiPanelProps extends CommonProps {
5777
5698
  /**
@@ -6872,6 +6793,98 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
6872
6793
  import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
6873
6794
  export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
6874
6795
 
6796
+ }
6797
+ declare module '@elastic/eui/src/services/color/contrast' {
6798
+ export const wcagContrastMin = 4.5;
6799
+ /**
6800
+ * Creates a new color that meets or exceeds WCAG level AA
6801
+ * @param foreground - Color to manipulate
6802
+ * @param ratio - Amount to change in absolute terms. 0-10.
6803
+ * *
6804
+ * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
6805
+ */
6806
+ export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
6807
+ [key: string]: any;
6808
+ colors: {
6809
+ body: string;
6810
+ };
6811
+ }) => string;
6812
+ /**
6813
+ * Creates a new color with increased contrast
6814
+ * Disabled content only needs a contrast of at least 2 because there is no interaction available
6815
+ * @param foreground - Color to manipulate
6816
+ * @param ratio - Amount to change in absolute terms. 0-10.
6817
+ * *
6818
+ * @param themeOrBackground - Color to use as the contrast basis
6819
+ */
6820
+ export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
6821
+ [key: string]: any;
6822
+ colors: {
6823
+ body: string;
6824
+ };
6825
+ }) => string;
6826
+
6827
+ }
6828
+ declare module '@elastic/eui/src/services/color' {
6829
+ export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
6830
+ export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
6831
+ export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
6832
+ export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
6833
+ export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
6834
+ export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
6835
+ export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
6836
+ export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
6837
+ export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
6838
+ export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
6839
+ export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
6840
+ export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
6841
+ export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
6842
+ export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
6843
+ export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
6844
+ export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
6845
+ export * from '@elastic/eui/src/services/color/manipulation';
6846
+ export * from '@elastic/eui/src/services/color/contrast';
6847
+
6848
+ }
6849
+ declare module '@elastic/eui/src/services/theme/provider' {
6850
+ import React, { PropsWithChildren, HTMLAttributes } from 'react';
6851
+ import type { CommonProps } from '@elastic/eui/src/components/common';
6852
+ import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
6853
+ export interface EuiThemeProviderProps<T> extends PropsWithChildren {
6854
+ theme?: EuiThemeSystem<T>;
6855
+ colorMode?: EuiThemeColorMode;
6856
+ highContrastMode?: EuiThemeHighContrastModeProp;
6857
+ modify?: EuiThemeModifications<T>;
6858
+ children: any;
6859
+ /**
6860
+ * Nested theme providers will receive a wrapping `span` tag in order to correctly
6861
+ * set the default text `color` that all nested children will inherit.
6862
+ *
6863
+ * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
6864
+ * This requires a **single** child component that the correct color class can be passed to.
6865
+ *
6866
+ * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
6867
+ * the default inherited text color will be set on the page `body`.
6868
+ */
6869
+ wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
6870
+ cloneElement?: boolean;
6871
+ };
6872
+ }
6873
+ export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
6874
+
6875
+ }
6876
+ declare module '@elastic/eui/src/services/theme' {
6877
+ export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
6878
+ export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
6879
+ export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
6880
+ export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
6881
+ export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
6882
+ export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
6883
+ export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
6884
+ export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
6885
+ export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
6886
+ export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
6887
+
6875
6888
  }
6876
6889
  declare module '@elastic/eui/src/services/color/manipulation' {
6877
6890
  import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
@@ -6938,96 +6951,227 @@ declare module '@elastic/eui/src/services/color/manipulation' {
6938
6951
  export const brighten: (color: string, amount: number) => string;
6939
6952
 
6940
6953
  }
6941
- declare module '@elastic/eui/src/services/color/contrast' {
6942
- export const wcagContrastMin = 4.5;
6954
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
6943
6955
  /**
6944
- * Creates a new color that meets or exceeds WCAG level AA
6945
- * @param foreground - Color to manipulate
6946
- * @param ratio - Amount to change in absolute terms. 0-10.
6947
- * *
6948
- * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
6956
+ * These are not actually used, but we map them to ensure token parity.
6957
+ * They are mapped to other vis colors
6958
+ */
6959
+ export const severityColors: {
6960
+ unknown: string;
6961
+ neutral: string;
6962
+ success: string;
6963
+ warning: string;
6964
+ risk: string;
6965
+ danger: string;
6966
+ };
6967
+
6968
+ }
6969
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
6970
+ import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
6971
+ export const brand_colors: _EuiThemeBrandColors;
6972
+ export const brand_text_colors: _EuiThemeBrandTextColors;
6973
+ export const shade_colors: _EuiThemeShadeColors;
6974
+ export const special_colors: _EuiThemeSpecialColors;
6975
+ export const text_colors: _EuiThemeTextColors;
6976
+ export const background_colors: _EuiThemeBackgroundColors;
6977
+ export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
6978
+ export const border_colors: _EuiThemeBorderColors;
6979
+ export const light_colors: _EuiThemeColorsMode;
6980
+ export const dark_shades: _EuiThemeShadeColors;
6981
+ export const dark_background_colors: _EuiThemeBackgroundColors;
6982
+ export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
6983
+ export const dark_border_colors: _EuiThemeBorderColors;
6984
+ export const dark_colors_ams: _EuiThemeColorsMode;
6985
+ export const colors: _EuiThemeColors;
6986
+
6987
+ }
6988
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
6989
+ import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
6990
+ export const animation_speed: _EuiThemeAnimationSpeeds;
6991
+ export const animation_ease: _EuiThemeAnimationEasings;
6992
+ export const animation: _EuiThemeAnimation;
6993
+
6994
+ }
6995
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
6996
+ export { breakpoint } from '@elastic/eui-theme-common';
6997
+
6998
+ }
6999
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
7000
+ import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
7001
+ export const base: _EuiThemeBase;
7002
+ export const size: _EuiThemeSizes;
7003
+
7004
+ }
7005
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
7006
+ import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
7007
+ export const border: _EuiThemeBorder;
7008
+
7009
+ }
7010
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
7011
+ import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
7012
+ export const levels: _EuiThemeLevels;
7013
+
7014
+ }
7015
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
7016
+ import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
7017
+ export const fontScale: _EuiThemeFontScales;
7018
+ export const fontBase: _EuiThemeFontBase;
7019
+ export const fontWeight: _EuiThemeFontWeights;
7020
+ export const font: _EuiThemeFont;
7021
+
7022
+ }
7023
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
7024
+ import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
7025
+ export const focus: _EuiThemeFocus;
7026
+
7027
+ }
7028
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
7029
+ import { _EuiThemeButton } from '@elastic/eui-theme-common';
7030
+ export const buttons: _EuiThemeButton;
7031
+
7032
+ }
7033
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
7034
+ export const forms: {
7035
+ maxWidth: string;
7036
+ LIGHT: {
7037
+ background: string;
7038
+ backgroundDisabled: string;
7039
+ backgroundReadOnly: any;
7040
+ backgroundFocused: any;
7041
+ backgroundAutofilled: string;
7042
+ prependBackground: string;
7043
+ border: string;
7044
+ borderAutofilled: string;
7045
+ controlBorder: string;
7046
+ controlBorderSelected: string;
7047
+ controlBorderDisabled: string;
7048
+ controlBackgroundUnselected: any;
7049
+ controlBackgroundDisabled: any;
7050
+ colorHasPlaceholder: string;
7051
+ colorDisabled: any;
7052
+ iconDisabled: any;
7053
+ };
7054
+ DARK: {
7055
+ background: string;
7056
+ backgroundFocused: string;
7057
+ backgroundAutofilled: string;
7058
+ prependBackground: string;
7059
+ border: string;
7060
+ controlBorder: string;
7061
+ controlBorderSelected: string;
7062
+ controlBorderDisabled: string;
7063
+ backgroundDisabled: string;
7064
+ backgroundReadOnly: any;
7065
+ borderAutofilled: string;
7066
+ controlBackgroundUnselected: any;
7067
+ controlBackgroundDisabled: any;
7068
+ colorHasPlaceholder: string;
7069
+ colorDisabled: any;
7070
+ iconDisabled: any;
7071
+ };
7072
+ };
7073
+
7074
+ }
7075
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
7076
+ import { _EuiThemeComponents } from '@elastic/eui-theme-common';
7077
+ export const components: _EuiThemeComponents;
7078
+
7079
+ }
7080
+ declare module '@elastic/eui/src/themes/amsterdam/theme' {
7081
+ import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
7082
+ export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
7083
+ export const euiThemeAmsterdam: EuiThemeShape;
7084
+ export const EuiThemeAmsterdam: {
7085
+ model: EuiThemeShape;
7086
+ root: EuiThemeShape;
7087
+ key: string;
7088
+ };
7089
+
7090
+ }
7091
+ declare module '@elastic/eui/src/services/theme/context' {
7092
+ import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
7093
+ export const DEFAULTS: {
7094
+ system: {
7095
+ model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
7096
+ root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
7097
+ key: string;
7098
+ };
7099
+ modifications: {};
7100
+ colorMode: "LIGHT";
7101
+ highContrastMode: false;
7102
+ };
7103
+ export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
7104
+ export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
7105
+ overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined;
7106
+ }>>;
7107
+ export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
7108
+ export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
7109
+ export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
7110
+ export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
7111
+ export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
7112
+
7113
+ }
7114
+ declare module '@elastic/eui/src/services/theme/hooks' {
7115
+ import React from 'react';
7116
+ import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
7117
+ /**
7118
+ * Hook for function components
7119
+ */
7120
+ export interface UseEuiTheme<T extends {} = {}> {
7121
+ euiTheme: EuiThemeComputed<T>;
7122
+ colorMode: EuiThemeColorModeStandard;
7123
+ highContrastMode: EuiThemeHighContrastMode;
7124
+ modifications: EuiThemeModifications<T>;
7125
+ }
7126
+ export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
7127
+ /**
7128
+ * HOC for class components
7129
+ */
7130
+ export interface WithEuiThemeProps<P extends {} = {}> {
7131
+ theme: UseEuiTheme<P>;
7132
+ }
7133
+ export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
7134
+ /**
7135
+ * Render prop alternative for complex class components
7136
+ * Most useful for scenarios where a HOC may interfere with typing
6949
7137
  */
6950
- export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
6951
- [key: string]: any;
6952
- colors: {
6953
- body: string;
6954
- };
6955
- }) => string;
7138
+ export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
7139
+ children: (theme: UseEuiTheme) => React.ReactElement;
7140
+ }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6956
7141
  /**
6957
- * Creates a new color with increased contrast
6958
- * Disabled content only needs a contrast of at least 2 because there is no interaction available
6959
- * @param foreground - Color to manipulate
6960
- * @param ratio - Amount to change in absolute terms. 0-10.
6961
- * *
6962
- * @param themeOrBackground - Color to use as the contrast basis
7142
+ * Minor syntactical sugar hook for theme CSS variables.
7143
+ * Primarily meant for internal EUI usage.
6963
7144
  */
6964
- export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
6965
- [key: string]: any;
6966
- colors: {
6967
- body: string;
6968
- };
6969
- }) => string;
6970
-
6971
- }
6972
- declare module '@elastic/eui/src/services/color' {
6973
- export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
6974
- export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
6975
- export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
6976
- export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
6977
- export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
6978
- export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
6979
- export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
6980
- export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
6981
- export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
6982
- export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
6983
- export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
6984
- export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
6985
- export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
6986
- export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
6987
- export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
6988
- export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
6989
- export * from '@elastic/eui/src/services/color/manipulation';
6990
- export * from '@elastic/eui/src/services/color/contrast';
7145
+ export const useEuiThemeCSSVariables: () => {
7146
+ setGlobalCSSVariables: Function;
7147
+ globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
7148
+ setNearestThemeCSSVariables: Function;
7149
+ themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
7150
+ };
6991
7151
 
6992
7152
  }
6993
- declare module '@elastic/eui/src/services/theme/provider' {
6994
- import React, { PropsWithChildren, HTMLAttributes } from 'react';
6995
- import type { CommonProps } from '@elastic/eui/src/components/common';
6996
- import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
6997
- export interface EuiThemeProviderProps<T> extends PropsWithChildren {
6998
- theme?: EuiThemeSystem<T>;
6999
- colorMode?: EuiThemeColorMode;
7000
- highContrastMode?: EuiThemeHighContrastModeProp;
7001
- modify?: EuiThemeModifications<T>;
7002
- children: any;
7003
- /**
7004
- * Nested theme providers will receive a wrapping `span` tag in order to correctly
7005
- * set the default text `color` that all nested children will inherit.
7006
- *
7007
- * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
7008
- * This requires a **single** child component that the correct color class can be passed to.
7009
- *
7010
- * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
7011
- * the default inherited text color will be set on the page `body`.
7012
- */
7013
- wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
7014
- cloneElement?: boolean;
7015
- };
7016
- }
7017
- export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
7153
+ declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
7154
+ import React, { FunctionComponent, PropsWithChildren } from 'react';
7155
+ import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
7156
+ export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
7157
+ /**
7158
+ * Returns the current breakpoint based on window width.
7159
+ * Typically only called by the top-level `EuiProvider` (to reduce the number
7160
+ * of window resize listeners on the page). Also conditionally called if a
7161
+ * nested `EuiThemeProvider` defines a `modify.breakpoint` override
7162
+ */
7163
+ export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
7164
+ export {};
7018
7165
 
7019
7166
  }
7020
- declare module '@elastic/eui/src/services/theme' {
7021
- export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
7022
- export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
7023
- export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
7024
- export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
7025
- export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
7026
- export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
7027
- export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
7028
- export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
7029
- export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
7030
- export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
7167
+ declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
7168
+ /**
7169
+ * Hook util / syntactical sugar for useContext()
7170
+ *
7171
+ * This hook is in its own separate file to make mocking it
7172
+ * as a testenv easy for Jest unit tests
7173
+ */
7174
+ export const useCurrentEuiBreakpoint: () => string | undefined;
7031
7175
 
7032
7176
  }
7033
7177
  declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
@@ -7981,6 +8125,15 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
7981
8125
  color: string;
7982
8126
  backgroundColor: string;
7983
8127
  };
8128
+ neutral: {
8129
+ border: string;
8130
+ color: string;
8131
+ backgroundColor: string;
8132
+ } | {
8133
+ border?: undefined;
8134
+ color: string;
8135
+ backgroundColor: string;
8136
+ };
7984
8137
  success: {
7985
8138
  border: string;
7986
8139
  color: string;
@@ -7999,6 +8152,15 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
7999
8152
  color: string;
8000
8153
  backgroundColor: string;
8001
8154
  };
8155
+ risk: {
8156
+ border: string;
8157
+ color: string;
8158
+ backgroundColor: string;
8159
+ } | {
8160
+ border?: undefined;
8161
+ color: string;
8162
+ backgroundColor: string;
8163
+ };
8002
8164
  danger: {
8003
8165
  border: string;
8004
8166
  color: string;
@@ -8080,9 +8242,11 @@ declare module '@elastic/eui/src/components/badge/badge.styles' {
8080
8242
  hollow: import("@emotion/react").SerializedStyles;
8081
8243
  primary: import("@emotion/react").SerializedStyles;
8082
8244
  accent: import("@emotion/react").SerializedStyles;
8245
+ neutral: import("@emotion/react").SerializedStyles;
8246
+ success: import("@emotion/react").SerializedStyles;
8083
8247
  warning: import("@emotion/react").SerializedStyles;
8248
+ risk: import("@emotion/react").SerializedStyles;
8084
8249
  danger: import("@emotion/react").SerializedStyles;
8085
- success: import("@emotion/react").SerializedStyles;
8086
8250
  disabled: import("@emotion/react").SerializedStyles;
8087
8251
  euiBadge__content: import("@emotion/react").SerializedStyles;
8088
8252
  text: {
@@ -8108,7 +8272,7 @@ declare module '@elastic/eui/src/components/badge/badge' {
8108
8272
  import { CommonProps, ExclusiveUnion, PropsOf } from '@elastic/eui/src/components/common';
8109
8273
  import { EuiIcon, IconType } from '@elastic/eui/src/components/icon';
8110
8274
  export const ICON_SIDES: readonly ["left", "right"]; type IconSide = (typeof ICON_SIDES)[number];
8111
- export const COLORS: readonly ["default", "hollow", "primary", "success", "accent", "warning", "danger"]; type BadgeColor = (typeof COLORS)[number]; type WithButtonProps = {
8275
+ export const COLORS: readonly ["default", "hollow", "primary", "accent", "neutral", "success", "warning", "risk", "danger"]; type BadgeColor = (typeof COLORS)[number]; type WithButtonProps = {
8112
8276
  /**
8113
8277
  * Will apply an onclick to the badge itself
8114
8278
  */
@@ -12408,11 +12572,6 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
12408
12572
  declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
12409
12573
  export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
12410
12574
 
12411
- }
12412
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
12413
- import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
12414
- export const colorVis: _EuiThemeVisColors;
12415
-
12416
12575
  }
12417
12576
  declare module '@elastic/eui/src/themes/themes' {
12418
12577
  import { EuiThemeSystem } from '@elastic/eui/src/services';
@@ -12422,128 +12581,6 @@ declare module '@elastic/eui/src/themes/themes' {
12422
12581
  provider?: EuiThemeSystem;
12423
12582
  }
12424
12583
 
12425
- }
12426
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
12427
- import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
12428
- export const brand_colors: _EuiThemeBrandColors;
12429
- export const brand_text_colors: _EuiThemeBrandTextColors;
12430
- export const shade_colors: _EuiThemeShadeColors;
12431
- export const special_colors: _EuiThemeSpecialColors;
12432
- export const text_colors: _EuiThemeTextColors;
12433
- export const background_colors: _EuiThemeBackgroundColors;
12434
- export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
12435
- export const border_colors: _EuiThemeBorderColors;
12436
- export const light_colors: _EuiThemeColorsMode;
12437
- export const dark_shades: _EuiThemeShadeColors;
12438
- export const dark_background_colors: _EuiThemeBackgroundColors;
12439
- export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
12440
- export const dark_border_colors: _EuiThemeBorderColors;
12441
- export const dark_colors_ams: _EuiThemeColorsMode;
12442
- export const colors: _EuiThemeColors;
12443
-
12444
- }
12445
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
12446
- import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
12447
- export const animation_speed: _EuiThemeAnimationSpeeds;
12448
- export const animation_ease: _EuiThemeAnimationEasings;
12449
- export const animation: _EuiThemeAnimation;
12450
-
12451
- }
12452
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
12453
- export { breakpoint } from '@elastic/eui-theme-common';
12454
-
12455
- }
12456
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
12457
- import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
12458
- export const base: _EuiThemeBase;
12459
- export const size: _EuiThemeSizes;
12460
-
12461
- }
12462
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
12463
- import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
12464
- export const border: _EuiThemeBorder;
12465
-
12466
- }
12467
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
12468
- import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
12469
- export const levels: _EuiThemeLevels;
12470
-
12471
- }
12472
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
12473
- import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
12474
- export const fontScale: _EuiThemeFontScales;
12475
- export const fontBase: _EuiThemeFontBase;
12476
- export const fontWeight: _EuiThemeFontWeights;
12477
- export const font: _EuiThemeFont;
12478
-
12479
- }
12480
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
12481
- import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
12482
- export const focus: _EuiThemeFocus;
12483
-
12484
- }
12485
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
12486
- import { _EuiThemeButton } from '@elastic/eui-theme-common';
12487
- export const buttons: _EuiThemeButton;
12488
-
12489
- }
12490
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
12491
- export const forms: {
12492
- maxWidth: string;
12493
- LIGHT: {
12494
- background: string;
12495
- backgroundDisabled: string;
12496
- backgroundReadOnly: any;
12497
- backgroundFocused: any;
12498
- backgroundAutofilled: string;
12499
- prependBackground: string;
12500
- border: string;
12501
- borderAutofilled: string;
12502
- controlBorder: string;
12503
- controlBorderSelected: string;
12504
- controlBorderDisabled: string;
12505
- controlBackgroundUnselected: any;
12506
- controlBackgroundDisabled: any;
12507
- colorHasPlaceholder: string;
12508
- colorDisabled: any;
12509
- iconDisabled: any;
12510
- };
12511
- DARK: {
12512
- background: string;
12513
- backgroundFocused: string;
12514
- backgroundAutofilled: string;
12515
- prependBackground: string;
12516
- border: string;
12517
- controlBorder: string;
12518
- controlBorderSelected: string;
12519
- controlBorderDisabled: string;
12520
- backgroundDisabled: string;
12521
- backgroundReadOnly: any;
12522
- borderAutofilled: string;
12523
- controlBackgroundUnselected: any;
12524
- controlBackgroundDisabled: any;
12525
- colorHasPlaceholder: string;
12526
- colorDisabled: any;
12527
- iconDisabled: any;
12528
- };
12529
- };
12530
-
12531
- }
12532
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
12533
- import { _EuiThemeComponents } from '@elastic/eui-theme-common';
12534
- export const components: _EuiThemeComponents;
12535
-
12536
- }
12537
- declare module '@elastic/eui/src/themes/amsterdam/theme' {
12538
- import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
12539
- export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
12540
- export const euiThemeAmsterdam: EuiThemeShape;
12541
- export const EuiThemeAmsterdam: {
12542
- model: EuiThemeShape;
12543
- root: EuiThemeShape;
12544
- key: string;
12545
- };
12546
-
12547
12584
  }
12548
12585
  declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
12549
12586
  export * from '@elastic/eui/src/global_styling/mixins/_shadow';
@@ -14450,7 +14487,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
14450
14487
  /**
14451
14488
  * Height types
14452
14489
  */
14453
- getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "auto" | "default" | "lineCount" | "numerical";
14490
+ getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "default" | "auto" | "lineCount" | "numerical";
14454
14491
  /**
14455
14492
  * Line count utils
14456
14493
  */
@@ -16186,10 +16223,9 @@ declare module '@elastic/eui/src/components/datagrid/body/header/column_sorting'
16186
16223
  /**
16187
16224
  * Column sorting utility helpers
16188
16225
  */
16189
- export const useColumnSorting: ({ sorting, id, hasColumnActions, }: {
16226
+ export const useColumnSorting: ({ sorting, id, }: {
16190
16227
  sorting?: EuiDataGridSorting | undefined;
16191
16228
  id: string;
16192
- hasColumnActions: boolean;
16193
16229
  }) => {
16194
16230
  sortingArrow: React.JSX.Element | null;
16195
16231
  ariaSort: "ascending" | "descending" | undefined;
@@ -18249,7 +18285,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
18249
18285
  declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_interval' {
18250
18286
  export const usePrettyInterval: (isPaused: boolean, intervalInMs: number, options?: {
18251
18287
  shortHand?: boolean | undefined;
18252
- unit?: "s" | "m" | "h" | "d" | undefined;
18288
+ unit?: "s" | "h" | "m" | "d" | undefined;
18253
18289
  } | undefined) => string;
18254
18290
 
18255
18291
  }
@@ -18627,8 +18663,10 @@ declare module '@elastic/eui/src/components/empty_prompt/empty_prompt.styles' {
18627
18663
  accent: import("@emotion/react").SerializedStyles;
18628
18664
  accentSecondary: import("@emotion/react").SerializedStyles;
18629
18665
  danger: import("@emotion/react").SerializedStyles;
18666
+ risk: import("@emotion/react").SerializedStyles;
18630
18667
  warning: import("@emotion/react").SerializedStyles;
18631
18668
  success: import("@emotion/react").SerializedStyles;
18669
+ neutral: import("@emotion/react").SerializedStyles;
18632
18670
  };
18633
18671
  };
18634
18672
 
@@ -21540,7 +21578,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
21540
21578
  import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
21541
21579
  export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
21542
21580
  /**
21543
- * Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
21581
+ * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
21544
21582
  * Pass `null` to remove all theming including global reset
21545
21583
  */
21546
21584
  theme?: EuiThemeSystem | null;
@@ -22800,13 +22838,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
22800
22838
  slot?: string | undefined;
22801
22839
  style?: React.CSSProperties | undefined;
22802
22840
  title?: string | undefined;
22841
+ css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
22803
22842
  width: number | undefined;
22804
22843
  color?: string | undefined;
22805
22844
  content?: string | undefined;
22806
- hidden?: boolean | undefined;
22807
- css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
22808
22845
  translate?: "yes" | "no" | undefined;
22809
22846
  property?: string | undefined;
22847
+ hidden?: boolean | undefined;
22810
22848
  className?: string | undefined;
22811
22849
  defaultChecked?: boolean | undefined;
22812
22850
  defaultValue?: string | number | readonly string[] | undefined;
@@ -22848,7 +22886,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
22848
22886
  is?: string | undefined;
22849
22887
  "aria-activedescendant"?: string | undefined;
22850
22888
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
22851
- "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
22889
+ "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
22852
22890
  "aria-braillelabel"?: string | undefined;
22853
22891
  "aria-brailleroledescription"?: string | undefined;
22854
22892
  "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -22863,7 +22901,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
22863
22901
  "aria-description"?: string | undefined;
22864
22902
  "aria-details"?: string | undefined;
22865
22903
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
22866
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
22904
+ "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
22867
22905
  "aria-errormessage"?: string | undefined;
22868
22906
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
22869
22907
  "aria-flowto"?: string | undefined;