@elastic/eui 103.0.0 → 103.1.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 (71) hide show
  1. package/dist/eui_theme_amsterdam_dark.json +8 -8
  2. package/dist/eui_theme_amsterdam_light.json +8 -8
  3. package/es/components/card/checkable_card/checkable_card.js +4 -2
  4. package/es/components/combo_box/combo_box.js +4 -2
  5. package/es/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  6. package/es/components/datagrid/controls/fullscreen_selector.js +11 -6
  7. package/es/components/datagrid/data_grid.js +3 -2
  8. package/es/components/form/checkbox/checkbox.js +1 -1
  9. package/es/components/provider/provider.js +2 -2
  10. package/es/services/color/vis_color_store.js +1 -1
  11. package/es/services/theme/context.js +2 -2
  12. package/es/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  13. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +1 -1
  14. package/es/themes/json/eui_theme_amsterdam_dark.json +8 -8
  15. package/es/themes/json/eui_theme_amsterdam_light.json +8 -8
  16. package/eui.d.ts +356 -351
  17. package/lib/components/card/checkable_card/checkable_card.js +4 -2
  18. package/lib/components/combo_box/combo_box.js +4 -2
  19. package/lib/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  20. package/lib/components/datagrid/controls/fullscreen_selector.js +11 -6
  21. package/lib/components/datagrid/data_grid.js +3 -2
  22. package/lib/components/form/checkbox/checkbox.js +1 -1
  23. package/lib/components/provider/provider.js +2 -2
  24. package/lib/services/color/vis_color_store.js +2 -2
  25. package/lib/services/theme/context.js +2 -2
  26. package/lib/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  27. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
  28. package/lib/themes/json/eui_theme_amsterdam_dark.json +8 -8
  29. package/lib/themes/json/eui_theme_amsterdam_light.json +8 -8
  30. package/optimize/es/components/card/checkable_card/checkable_card.js +4 -2
  31. package/optimize/es/components/combo_box/combo_box.js +4 -2
  32. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +3 -1
  33. package/optimize/es/components/datagrid/controls/fullscreen_selector.js +11 -6
  34. package/optimize/es/components/datagrid/data_grid.js +3 -2
  35. package/optimize/es/components/provider/provider.js +2 -2
  36. package/optimize/es/services/color/vis_color_store.js +1 -1
  37. package/optimize/es/services/theme/context.js +2 -2
  38. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  39. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +1 -1
  40. package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +8 -8
  41. package/optimize/es/themes/json/eui_theme_amsterdam_light.json +8 -8
  42. package/optimize/lib/components/card/checkable_card/checkable_card.js +4 -2
  43. package/optimize/lib/components/combo_box/combo_box.js +4 -2
  44. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +3 -1
  45. package/optimize/lib/components/datagrid/controls/fullscreen_selector.js +11 -6
  46. package/optimize/lib/components/datagrid/data_grid.js +3 -2
  47. package/optimize/lib/components/provider/provider.js +2 -2
  48. package/optimize/lib/services/color/vis_color_store.js +2 -2
  49. package/optimize/lib/services/theme/context.js +2 -2
  50. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  51. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
  52. package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +8 -8
  53. package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +8 -8
  54. package/package.json +2 -2
  55. package/src/themes/amsterdam/_colors_dark.scss +8 -8
  56. package/src/themes/amsterdam/_colors_light.scss +8 -8
  57. package/test-env/components/card/checkable_card/checkable_card.js +4 -2
  58. package/test-env/components/combo_box/combo_box.js +4 -2
  59. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  60. package/test-env/components/datagrid/controls/fullscreen_selector.js +11 -6
  61. package/test-env/components/datagrid/data_grid.js +3 -2
  62. package/test-env/components/form/checkbox/checkbox.js +1 -1
  63. package/test-env/components/provider/provider.js +2 -2
  64. package/test-env/services/color/vis_color_store.js +2 -2
  65. package/test-env/services/theme/context.js +2 -2
  66. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  67. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
  68. package/test-env/themes/json/eui_theme_amsterdam_dark.json +8 -8
  69. package/test-env/themes/json/eui_theme_amsterdam_light.json +8 -8
  70. package/package/eui.d.ts +0 -29802
  71. package/temp/package/eui.d.ts +0 -29802
package/eui.d.ts CHANGED
@@ -171,124 +171,13 @@ declare module '@elastic/eui/src/components/common' {
171
171
  onClick?: MouseEventHandler<HTMLButtonElement>;
172
172
  } & ButtonHTMLAttributes<HTMLButtonElement> & P;
173
173
 
174
- }
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';
177
-
178
174
  }
179
175
  declare module '@elastic/eui/src/services/theme/utils' {
180
176
  export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
181
177
 
182
178
  }
183
- declare module '@elastic/eui/src/services/theme/context' {
184
- import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
185
- export const DEFAULTS: {
186
- system: {
187
- model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
188
- root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
189
- key: string;
190
- };
191
- modifications: {};
192
- colorMode: "LIGHT";
193
- highContrastMode: false;
194
- };
195
- export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
196
- export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
197
- overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
198
- }>>;
199
- export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
200
- export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
201
- export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
202
- export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
203
- export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
204
-
205
- }
206
- declare module '@elastic/eui/src/services/theme/warning' {
207
- type LEVELS = 'log' | 'warn' | 'error';
208
- type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
209
- export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
210
- export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
211
- export const emitEuiProviderWarning: (providerMessage: string) => void;
212
- export {};
213
-
214
- }
215
- declare module '@elastic/eui/src/services/theme/hooks' {
216
- import React from 'react';
217
- import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
218
- /**
219
- * Hook for function components
220
- */
221
- export interface UseEuiTheme<T extends {} = {}> {
222
- euiTheme: EuiThemeComputed<T>;
223
- colorMode: EuiThemeColorModeStandard;
224
- highContrastMode: EuiThemeHighContrastMode;
225
- modifications: EuiThemeModifications<T>;
226
- }
227
- export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
228
- /**
229
- * HOC for class components
230
- */
231
- export interface WithEuiThemeProps<P extends {} = {}> {
232
- theme: UseEuiTheme<P>;
233
- }
234
- 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">>>;
235
- /**
236
- * Render prop alternative for complex class components
237
- * Most useful for scenarios where a HOC may interfere with typing
238
- */
239
- export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
240
- children: (theme: UseEuiTheme) => React.ReactElement;
241
- }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
242
- /**
243
- * Minor syntactical sugar hook for theme CSS variables.
244
- * Primarily meant for internal EUI usage.
245
- */
246
- export const useEuiThemeCSSVariables: () => {
247
- setGlobalCSSVariables: Function;
248
- globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
249
- setNearestThemeCSSVariables: Function;
250
- themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
251
- };
252
- /**
253
- * Checks whether the current active `colorMode` is set to `DARK`;
254
- * In case of nested providers this returns the value of the nearest provider context.
255
- */
256
- export const useIsDarkMode: () => boolean;
257
-
258
- }
259
- declare module '@elastic/eui/src/services/throttle' {
260
- export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
261
-
262
- }
263
- declare module '@elastic/eui/src/services/breakpoint/_sorting' {
264
- import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
265
- export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
266
- export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
267
-
268
- }
269
- declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
270
- import React, { FunctionComponent, PropsWithChildren } from 'react';
271
- import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
272
- type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
273
- export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
274
- /**
275
- * Returns the current breakpoint based on window width.
276
- * Typically only called by the top-level `EuiProvider` (to reduce the number
277
- * of window resize listeners on the page). Also conditionally called if a
278
- * nested `EuiThemeProvider` defines a `modify.breakpoint` override
279
- */
280
- export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
281
- export {};
282
-
283
- }
284
- declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
285
- /**
286
- * Hook util / syntactical sugar for useContext()
287
- *
288
- * This hook is in its own separate file to make mocking it
289
- * as a testenv easy for Jest unit tests
290
- */
291
- export const useCurrentEuiBreakpoint: () => string | undefined;
179
+ declare module '@elastic/eui/src/services/theme/types' {
180
+ 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';
292
181
 
293
182
  }
294
183
  declare module '@elastic/eui/src/services/emotion/clone_element' {
@@ -387,6 +276,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
387
276
  */
388
277
  export const useDeepEqual: <T = Record<string, any> | any[] | undefined>(object: T) => T;
389
278
 
279
+ }
280
+ declare module '@elastic/eui/src/services/throttle' {
281
+ export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
282
+
390
283
  }
391
284
  declare module '@elastic/eui/src/services/hooks/useMouseMove' {
392
285
  import { MouseEvent, TouchEvent } from 'react';
@@ -409,6 +302,15 @@ declare module '@elastic/eui/src/services/hooks' {
409
302
  export * from '@elastic/eui/src/services/hooks/useMouseMove';
410
303
  export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
411
304
 
305
+ }
306
+ declare module '@elastic/eui/src/services/theme/warning' {
307
+ type LEVELS = 'log' | 'warn' | 'error';
308
+ type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
309
+ export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
310
+ export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
311
+ export const emitEuiProviderWarning: (providerMessage: string) => void;
312
+ export {};
313
+
412
314
  }
413
315
  declare module '@elastic/eui/src/services/theme/style_memoization' {
414
316
  import React, { FunctionComponent, PropsWithChildren } from 'react';
@@ -605,6 +507,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
605
507
  */
606
508
  categorical?: boolean): string[];
607
509
 
510
+ }
511
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
512
+ import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
513
+ export const colorVis: _EuiThemeVisColors;
514
+
608
515
  }
609
516
  declare module '@elastic/eui/src/services/color/vis_color_store' {
610
517
  import { _EuiVisColorStore } from '@elastic/eui-theme-common';
@@ -1239,7 +1146,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
1239
1146
  */
1240
1147
  export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
1241
1148
  export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
1242
- export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
1149
+ export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
1243
1150
 
1244
1151
  }
1245
1152
  declare module '@elastic/eui/src/global_styling/mixins/_states' {
@@ -1289,6 +1196,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
1289
1196
  */
1290
1197
  export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
1291
1198
 
1199
+ }
1200
+ declare module '@elastic/eui/src/services/breakpoint/_sorting' {
1201
+ import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
1202
+ export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
1203
+ export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
1204
+
1292
1205
  }
1293
1206
  declare module '@elastic/eui/src/global_styling/variables/animations' {
1294
1207
  export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
@@ -3010,7 +2923,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
3010
2923
  import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
3011
2924
  export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
3012
2925
  import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
3013
- export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "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" | "info" | "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" | "question" | "quote" | "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" | "iInCircle" | "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")[];
2926
+ export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "push" | "temperature" | "refresh" | "scale" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "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" | "info" | "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" | "question" | "quote" | "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" | "iInCircle" | "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")[];
3014
2927
  export type EuiIconType = keyof typeof typeToPathMap;
3015
2928
  export type IconType = EuiIconType | string | ComponentType;
3016
2929
  export type IconColor = string | NamedColor;
@@ -5838,7 +5751,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
5838
5751
  import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
5839
5752
  import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
5840
5753
  import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
5841
- export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
5754
+ export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
5842
5755
  export type PanelPaddingSize = (typeof _SIZES)[number];
5843
5756
  export const BORDER_RADII: readonly ["none", "m"];
5844
5757
  export type PanelBorderRadius = (typeof BORDER_RADII)[number];
@@ -6948,6 +6861,109 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
6948
6861
  import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
6949
6862
  export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
6950
6863
 
6864
+ }
6865
+ declare module '@elastic/eui/src/services/color/contrast' {
6866
+ export const wcagContrastMin = 4.5;
6867
+ /**
6868
+ * Creates a new color that meets or exceeds WCAG level AA
6869
+ * @param foreground - Color to manipulate
6870
+ * @param ratio - Amount to change in absolute terms. 0-10.
6871
+ * *
6872
+ * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
6873
+ */
6874
+ export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
6875
+ colors: {
6876
+ body: string;
6877
+ };
6878
+ [key: string]: any;
6879
+ }) => string;
6880
+ /**
6881
+ * Creates a new color with increased contrast
6882
+ * Disabled content only needs a contrast of at least 2 because there is no interaction available
6883
+ * @param foreground - Color to manipulate
6884
+ * @param ratio - Amount to change in absolute terms. 0-10.
6885
+ * *
6886
+ * @param themeOrBackground - Color to use as the contrast basis
6887
+ */
6888
+ export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
6889
+ colors: {
6890
+ body: string;
6891
+ };
6892
+ [key: string]: any;
6893
+ }) => string;
6894
+
6895
+ }
6896
+ declare module '@elastic/eui/src/services/color' {
6897
+ export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
6898
+ export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
6899
+ export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
6900
+ export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
6901
+ export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
6902
+ export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
6903
+ export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
6904
+ export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
6905
+ export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
6906
+ export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
6907
+ export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
6908
+ export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
6909
+ export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteSkyBlue, euiPaletteYellow, euiPaletteOrange, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
6910
+ export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
6911
+ export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
6912
+ export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
6913
+ export * from '@elastic/eui/src/services/color/manipulation';
6914
+ export * from '@elastic/eui/src/services/color/contrast';
6915
+
6916
+ }
6917
+ declare module '@elastic/eui/src/services/theme/provider' {
6918
+ import React, { PropsWithChildren, HTMLAttributes } from 'react';
6919
+ import type { CommonProps } from '@elastic/eui/src/components/common';
6920
+ import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
6921
+ export interface EuiThemeProviderProps<T> extends PropsWithChildren {
6922
+ theme?: EuiThemeSystem<T>;
6923
+ colorMode?: EuiThemeColorMode;
6924
+ highContrastMode?: EuiThemeHighContrastModeProp;
6925
+ modify?: EuiThemeModifications<T>;
6926
+ children: any;
6927
+ /**
6928
+ * Nested theme providers will receive a wrapping `span` tag in order to correctly
6929
+ * set the default text `color` that all nested children will inherit.
6930
+ *
6931
+ * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
6932
+ * This requires a **single** child component that the correct color class can be passed to.
6933
+ *
6934
+ * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
6935
+ * the default inherited text color will be set on the page `body`.
6936
+ */
6937
+ wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
6938
+ cloneElement?: boolean;
6939
+ };
6940
+ }
6941
+ export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
6942
+
6943
+ }
6944
+ declare module '@elastic/eui/src/services/theme/theme_variant' {
6945
+ import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
6946
+ export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
6947
+ /**
6948
+ * Util to retrieve visual variant for UI elements
6949
+ * Note: Temporary only - will be removed once the visual refresh is completed.
6950
+ */
6951
+ export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
6952
+
6953
+ }
6954
+ declare module '@elastic/eui/src/services/theme' {
6955
+ export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
6956
+ export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
6957
+ export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
6958
+ export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
6959
+ export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
6960
+ export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
6961
+ export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
6962
+ export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
6963
+ export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
6964
+ export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
6965
+ export * from '@elastic/eui/src/services/theme/theme_variant';
6966
+
6951
6967
  }
6952
6968
  declare module '@elastic/eui/src/services/color/manipulation' {
6953
6969
  import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
@@ -7014,107 +7030,233 @@ declare module '@elastic/eui/src/services/color/manipulation' {
7014
7030
  export const brighten: (color: string, amount: number) => string;
7015
7031
 
7016
7032
  }
7017
- declare module '@elastic/eui/src/services/color/contrast' {
7018
- export const wcagContrastMin = 4.5;
7033
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
7019
7034
  /**
7020
- * Creates a new color that meets or exceeds WCAG level AA
7021
- * @param foreground - Color to manipulate
7022
- * @param ratio - Amount to change in absolute terms. 0-10.
7023
- * *
7024
- * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
7035
+ * These are not actually used, but we map them to ensure token parity.
7036
+ * They are mapped to other vis colors
7025
7037
  */
7026
- export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
7027
- colors: {
7028
- body: string;
7038
+ export const severityColors: {
7039
+ unknown: string;
7040
+ neutral: string;
7041
+ success: string;
7042
+ warning: string;
7043
+ risk: string;
7044
+ danger: string;
7045
+ };
7046
+
7047
+ }
7048
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
7049
+ import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
7050
+ export const brand_colors: _EuiThemeBrandColors;
7051
+ export const brand_text_colors: _EuiThemeBrandTextColors;
7052
+ export const shade_colors: _EuiThemeShadeColors;
7053
+ export const special_colors: _EuiThemeSpecialColors;
7054
+ export const text_colors: _EuiThemeTextColors;
7055
+ export const background_colors: _EuiThemeBackgroundColors;
7056
+ export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
7057
+ export const border_colors: _EuiThemeBorderColors;
7058
+ export const light_colors: _EuiThemeColorsMode;
7059
+ export const dark_shades: _EuiThemeShadeColors;
7060
+ export const dark_background_colors: _EuiThemeBackgroundColors;
7061
+ export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
7062
+ export const dark_border_colors: _EuiThemeBorderColors;
7063
+ export const dark_colors_ams: _EuiThemeColorsMode;
7064
+ export const colors: _EuiThemeColors;
7065
+
7066
+ }
7067
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
7068
+ import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
7069
+ export const animation_speed: _EuiThemeAnimationSpeeds;
7070
+ export const animation_ease: _EuiThemeAnimationEasings;
7071
+ export const animation: _EuiThemeAnimation;
7072
+
7073
+ }
7074
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
7075
+ export { breakpoint } from '@elastic/eui-theme-common';
7076
+
7077
+ }
7078
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
7079
+ import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
7080
+ export const base: _EuiThemeBase;
7081
+ export const size: _EuiThemeSizes;
7082
+
7083
+ }
7084
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
7085
+ import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
7086
+ export const border: _EuiThemeBorder;
7087
+
7088
+ }
7089
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
7090
+ import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
7091
+ export const levels: _EuiThemeLevels;
7092
+
7093
+ }
7094
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
7095
+ import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
7096
+ export const fontScale: _EuiThemeFontScales;
7097
+ export const fontBase: _EuiThemeFontBase;
7098
+ export const fontWeight: _EuiThemeFontWeights;
7099
+ export const font: _EuiThemeFont;
7100
+
7101
+ }
7102
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
7103
+ import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
7104
+ export const focus: _EuiThemeFocus;
7105
+
7106
+ }
7107
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
7108
+ import { _EuiThemeButton } from '@elastic/eui-theme-common';
7109
+ export const buttons: _EuiThemeButton;
7110
+
7111
+ }
7112
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
7113
+ export const forms: {
7114
+ maxWidth: string;
7115
+ LIGHT: {
7116
+ background: string;
7117
+ backgroundDisabled: string;
7118
+ backgroundReadOnly: any;
7119
+ backgroundFocused: any;
7120
+ backgroundAutofilled: string;
7121
+ prependBackground: string;
7122
+ border: string;
7123
+ borderAutofilled: string;
7124
+ controlBorder: string;
7125
+ controlBorderSelected: string;
7126
+ controlBorderDisabled: string;
7127
+ controlBackgroundUnselected: any;
7128
+ controlBackgroundDisabled: any;
7129
+ colorHasPlaceholder: string;
7130
+ colorDisabled: any;
7131
+ iconDisabled: any;
7029
7132
  };
7030
- [key: string]: any;
7031
- }) => string;
7032
- /**
7033
- * Creates a new color with increased contrast
7034
- * Disabled content only needs a contrast of at least 2 because there is no interaction available
7035
- * @param foreground - Color to manipulate
7036
- * @param ratio - Amount to change in absolute terms. 0-10.
7037
- * *
7038
- * @param themeOrBackground - Color to use as the contrast basis
7039
- */
7040
- export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
7041
- colors: {
7042
- body: string;
7133
+ DARK: {
7134
+ background: string;
7135
+ backgroundFocused: string;
7136
+ backgroundAutofilled: string;
7137
+ prependBackground: string;
7138
+ border: string;
7139
+ controlBorder: string;
7140
+ controlBorderSelected: string;
7141
+ controlBorderDisabled: string;
7142
+ backgroundDisabled: string;
7143
+ backgroundReadOnly: any;
7144
+ borderAutofilled: string;
7145
+ controlBackgroundUnselected: any;
7146
+ controlBackgroundDisabled: any;
7147
+ colorHasPlaceholder: string;
7148
+ colorDisabled: any;
7149
+ iconDisabled: any;
7043
7150
  };
7044
- [key: string]: any;
7045
- }) => string;
7151
+ };
7046
7152
 
7047
7153
  }
7048
- declare module '@elastic/eui/src/services/color' {
7049
- export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
7050
- export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
7051
- export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
7052
- export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
7053
- export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
7054
- export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
7055
- export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
7056
- export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
7057
- export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
7058
- export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
7059
- export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
7060
- export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
7061
- export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteSkyBlue, euiPaletteYellow, euiPaletteOrange, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
7062
- export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
7063
- export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
7064
- export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
7065
- export * from '@elastic/eui/src/services/color/manipulation';
7066
- export * from '@elastic/eui/src/services/color/contrast';
7154
+ declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
7155
+ import { _EuiThemeComponents } from '@elastic/eui-theme-common';
7156
+ export const components: _EuiThemeComponents;
7157
+
7158
+ }
7159
+ declare module '@elastic/eui/src/themes/amsterdam/theme' {
7160
+ import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
7161
+ export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
7162
+ export const euiThemeAmsterdam: EuiThemeShape;
7163
+ export const EuiThemeAmsterdam: {
7164
+ model: EuiThemeShape;
7165
+ root: EuiThemeShape;
7166
+ key: string;
7167
+ };
7168
+
7169
+ }
7170
+ declare module '@elastic/eui/src/services/theme/context' {
7171
+ import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
7172
+ export const DEFAULTS: {
7173
+ system: {
7174
+ model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
7175
+ root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
7176
+ key: string;
7177
+ };
7178
+ modifications: {};
7179
+ colorMode: "LIGHT";
7180
+ highContrastMode: false;
7181
+ };
7182
+ export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
7183
+ export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
7184
+ overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
7185
+ }>>;
7186
+ export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
7187
+ export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
7188
+ export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
7189
+ export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
7190
+ export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
7067
7191
 
7068
7192
  }
7069
- declare module '@elastic/eui/src/services/theme/provider' {
7070
- import React, { PropsWithChildren, HTMLAttributes } from 'react';
7071
- import type { CommonProps } from '@elastic/eui/src/components/common';
7072
- import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
7073
- export interface EuiThemeProviderProps<T> extends PropsWithChildren {
7074
- theme?: EuiThemeSystem<T>;
7075
- colorMode?: EuiThemeColorMode;
7076
- highContrastMode?: EuiThemeHighContrastModeProp;
7077
- modify?: EuiThemeModifications<T>;
7078
- children: any;
7079
- /**
7080
- * Nested theme providers will receive a wrapping `span` tag in order to correctly
7081
- * set the default text `color` that all nested children will inherit.
7082
- *
7083
- * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
7084
- * This requires a **single** child component that the correct color class can be passed to.
7085
- *
7086
- * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
7087
- * the default inherited text color will be set on the page `body`.
7088
- */
7089
- wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
7090
- cloneElement?: boolean;
7091
- };
7193
+ declare module '@elastic/eui/src/services/theme/hooks' {
7194
+ import React from 'react';
7195
+ import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
7196
+ /**
7197
+ * Hook for function components
7198
+ */
7199
+ export interface UseEuiTheme<T extends {} = {}> {
7200
+ euiTheme: EuiThemeComputed<T>;
7201
+ colorMode: EuiThemeColorModeStandard;
7202
+ highContrastMode: EuiThemeHighContrastMode;
7203
+ modifications: EuiThemeModifications<T>;
7092
7204
  }
7093
- export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
7205
+ export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
7206
+ /**
7207
+ * HOC for class components
7208
+ */
7209
+ export interface WithEuiThemeProps<P extends {} = {}> {
7210
+ theme: UseEuiTheme<P>;
7211
+ }
7212
+ 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">>>;
7213
+ /**
7214
+ * Render prop alternative for complex class components
7215
+ * Most useful for scenarios where a HOC may interfere with typing
7216
+ */
7217
+ export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
7218
+ children: (theme: UseEuiTheme) => React.ReactElement;
7219
+ }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7220
+ /**
7221
+ * Minor syntactical sugar hook for theme CSS variables.
7222
+ * Primarily meant for internal EUI usage.
7223
+ */
7224
+ export const useEuiThemeCSSVariables: () => {
7225
+ setGlobalCSSVariables: Function;
7226
+ globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
7227
+ setNearestThemeCSSVariables: Function;
7228
+ themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
7229
+ };
7230
+ /**
7231
+ * Checks whether the current active `colorMode` is set to `DARK`;
7232
+ * In case of nested providers this returns the value of the nearest provider context.
7233
+ */
7234
+ export const useIsDarkMode: () => boolean;
7094
7235
 
7095
7236
  }
7096
- declare module '@elastic/eui/src/services/theme/theme_variant' {
7097
- import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
7098
- export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
7237
+ declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
7238
+ import React, { FunctionComponent, PropsWithChildren } from 'react';
7239
+ import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
7240
+ type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
7241
+ export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
7099
7242
  /**
7100
- * Util to retrieve visual variant for UI elements
7101
- * Note: Temporary only - will be removed once the visual refresh is completed.
7243
+ * Returns the current breakpoint based on window width.
7244
+ * Typically only called by the top-level `EuiProvider` (to reduce the number
7245
+ * of window resize listeners on the page). Also conditionally called if a
7246
+ * nested `EuiThemeProvider` defines a `modify.breakpoint` override
7102
7247
  */
7103
- export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
7248
+ export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
7249
+ export {};
7104
7250
 
7105
7251
  }
7106
- declare module '@elastic/eui/src/services/theme' {
7107
- export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
7108
- export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
7109
- export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
7110
- export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
7111
- export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
7112
- export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
7113
- export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
7114
- export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
7115
- export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
7116
- export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
7117
- export * from '@elastic/eui/src/services/theme/theme_variant';
7252
+ declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
7253
+ /**
7254
+ * Hook util / syntactical sugar for useContext()
7255
+ *
7256
+ * This hook is in its own separate file to make mocking it
7257
+ * as a testenv easy for Jest unit tests
7258
+ */
7259
+ export const useCurrentEuiBreakpoint: () => string | undefined;
7118
7260
 
7119
7261
  }
7120
7262
  declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
@@ -9191,13 +9333,13 @@ declare module '@elastic/eui/src/components/form/checkbox/checkbox.styles' {
9191
9333
 
9192
9334
  }
9193
9335
  declare module '@elastic/eui/src/components/form/checkbox/checkbox' {
9194
- import { FunctionComponent, ChangeEventHandler, ReactNode, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
9336
+ import { FunctionComponent, ChangeEventHandler, ReactNode, InputHTMLAttributes, LabelHTMLAttributes, Ref } from 'react';
9195
9337
  import { CommonProps } from '@elastic/eui/src/components/common';
9196
9338
  export interface EuiCheckboxProps extends CommonProps, InputHTMLAttributes<HTMLInputElement> {
9197
9339
  id: string;
9198
9340
  checked?: boolean;
9199
9341
  onChange: ChangeEventHandler<HTMLInputElement>;
9200
- inputRef?: (element: HTMLInputElement) => void;
9342
+ inputRef?: Ref<HTMLInputElement> | ((element: HTMLInputElement) => void);
9201
9343
  label?: ReactNode;
9202
9344
  disabled?: boolean;
9203
9345
  indeterminate?: boolean;
@@ -12554,11 +12696,6 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
12554
12696
  declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
12555
12697
  export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
12556
12698
 
12557
- }
12558
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
12559
- import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
12560
- export const colorVis: _EuiThemeVisColors;
12561
-
12562
12699
  }
12563
12700
  declare module '@elastic/eui/src/themes/themes' {
12564
12701
  import { EuiThemeSystem } from '@elastic/eui/src/services';
@@ -12568,143 +12705,6 @@ declare module '@elastic/eui/src/themes/themes' {
12568
12705
  provider?: EuiThemeSystem;
12569
12706
  }
12570
12707
 
12571
- }
12572
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
12573
- /**
12574
- * These are not actually used, but we map them to ensure token parity.
12575
- * They are mapped to other vis colors
12576
- */
12577
- export const severityColors: {
12578
- unknown: string;
12579
- neutral: string;
12580
- success: string;
12581
- warning: string;
12582
- risk: string;
12583
- danger: string;
12584
- };
12585
-
12586
- }
12587
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
12588
- import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
12589
- export const brand_colors: _EuiThemeBrandColors;
12590
- export const brand_text_colors: _EuiThemeBrandTextColors;
12591
- export const shade_colors: _EuiThemeShadeColors;
12592
- export const special_colors: _EuiThemeSpecialColors;
12593
- export const text_colors: _EuiThemeTextColors;
12594
- export const background_colors: _EuiThemeBackgroundColors;
12595
- export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
12596
- export const border_colors: _EuiThemeBorderColors;
12597
- export const light_colors: _EuiThemeColorsMode;
12598
- export const dark_shades: _EuiThemeShadeColors;
12599
- export const dark_background_colors: _EuiThemeBackgroundColors;
12600
- export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
12601
- export const dark_border_colors: _EuiThemeBorderColors;
12602
- export const dark_colors_ams: _EuiThemeColorsMode;
12603
- export const colors: _EuiThemeColors;
12604
-
12605
- }
12606
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
12607
- import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
12608
- export const animation_speed: _EuiThemeAnimationSpeeds;
12609
- export const animation_ease: _EuiThemeAnimationEasings;
12610
- export const animation: _EuiThemeAnimation;
12611
-
12612
- }
12613
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
12614
- export { breakpoint } from '@elastic/eui-theme-common';
12615
-
12616
- }
12617
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
12618
- import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
12619
- export const base: _EuiThemeBase;
12620
- export const size: _EuiThemeSizes;
12621
-
12622
- }
12623
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
12624
- import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
12625
- export const border: _EuiThemeBorder;
12626
-
12627
- }
12628
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
12629
- import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
12630
- export const levels: _EuiThemeLevels;
12631
-
12632
- }
12633
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
12634
- import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
12635
- export const fontScale: _EuiThemeFontScales;
12636
- export const fontBase: _EuiThemeFontBase;
12637
- export const fontWeight: _EuiThemeFontWeights;
12638
- export const font: _EuiThemeFont;
12639
-
12640
- }
12641
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
12642
- import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
12643
- export const focus: _EuiThemeFocus;
12644
-
12645
- }
12646
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
12647
- import { _EuiThemeButton } from '@elastic/eui-theme-common';
12648
- export const buttons: _EuiThemeButton;
12649
-
12650
- }
12651
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
12652
- export const forms: {
12653
- maxWidth: string;
12654
- LIGHT: {
12655
- background: string;
12656
- backgroundDisabled: string;
12657
- backgroundReadOnly: any;
12658
- backgroundFocused: any;
12659
- backgroundAutofilled: string;
12660
- prependBackground: string;
12661
- border: string;
12662
- borderAutofilled: string;
12663
- controlBorder: string;
12664
- controlBorderSelected: string;
12665
- controlBorderDisabled: string;
12666
- controlBackgroundUnselected: any;
12667
- controlBackgroundDisabled: any;
12668
- colorHasPlaceholder: string;
12669
- colorDisabled: any;
12670
- iconDisabled: any;
12671
- };
12672
- DARK: {
12673
- background: string;
12674
- backgroundFocused: string;
12675
- backgroundAutofilled: string;
12676
- prependBackground: string;
12677
- border: string;
12678
- controlBorder: string;
12679
- controlBorderSelected: string;
12680
- controlBorderDisabled: string;
12681
- backgroundDisabled: string;
12682
- backgroundReadOnly: any;
12683
- borderAutofilled: string;
12684
- controlBackgroundUnselected: any;
12685
- controlBackgroundDisabled: any;
12686
- colorHasPlaceholder: string;
12687
- colorDisabled: any;
12688
- iconDisabled: any;
12689
- };
12690
- };
12691
-
12692
- }
12693
- declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
12694
- import { _EuiThemeComponents } from '@elastic/eui-theme-common';
12695
- export const components: _EuiThemeComponents;
12696
-
12697
- }
12698
- declare module '@elastic/eui/src/themes/amsterdam/theme' {
12699
- import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
12700
- export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
12701
- export const euiThemeAmsterdam: EuiThemeShape;
12702
- export const EuiThemeAmsterdam: {
12703
- model: EuiThemeShape;
12704
- root: EuiThemeShape;
12705
- key: string;
12706
- };
12707
-
12708
12708
  }
12709
12709
  declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
12710
12710
  export * from '@elastic/eui/src/global_styling/mixins/_shadow';
@@ -13865,6 +13865,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_
13865
13865
  autoFocus?: boolean;
13866
13866
  'aria-label'?: string;
13867
13867
  'aria-labelledby'?: string;
13868
+ 'aria-describedby'?: string;
13868
13869
  }
13869
13870
  interface EuiComboBoxInputState {
13870
13871
  inputWidth: number;
@@ -14639,7 +14640,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
14639
14640
  /**
14640
14641
  * Height types
14641
14642
  */
14642
- getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
14643
+ getHeightType: (option?: EuiDataGridRowHeightOption) => "default" | "auto" | "lineCount" | "numerical";
14643
14644
  /**
14644
14645
  * Line count utils
14645
14646
  */
@@ -15158,6 +15159,10 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
15158
15159
  * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowRowHeight = true` (which is the default).
15159
15160
  */
15160
15161
  rowHeightsOptions?: EuiDataGridRowHeightsOptions;
15162
+ /**
15163
+ * A callback for when the fullscreen state changes. Callback receives `isFullScreen: boolean`.
15164
+ */
15165
+ onFullScreenChange?: (isFullScreen: boolean) => void;
15161
15166
  };
15162
15167
  export type EuiDataGridProps = OneOf<CommonGridProps, 'aria-label' | 'aria-labelledby'>;
15163
15168
  export interface EuiDataGridRefProps {
@@ -17072,7 +17077,7 @@ declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selecto
17072
17077
  }
17073
17078
  declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selector' {
17074
17079
  import { ReactNode, KeyboardEventHandler } from 'react';
17075
- export const useDataGridFullScreenSelector: () => {
17080
+ export const useDataGridFullScreenSelector: (onFullScreenChange?: (isFullScreen: boolean) => void) => {
17076
17081
  isFullScreen: boolean;
17077
17082
  setIsFullScreen: (isFullScreen: boolean) => void;
17078
17083
  fullScreenSelector: ReactNode;
@@ -21828,7 +21833,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
21828
21833
  import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
21829
21834
  export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
21830
21835
  /**
21831
- * Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
21836
+ * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
21832
21837
  * Pass `null` to remove all theming including global reset
21833
21838
  */
21834
21839
  theme?: EuiThemeSystem | null;
@@ -23087,13 +23092,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
23087
23092
  slot?: string | undefined;
23088
23093
  style?: CSSProperties | undefined;
23089
23094
  title?: string | undefined;
23095
+ css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
23090
23096
  width: number;
23091
23097
  color?: string | undefined;
23092
23098
  content?: string | undefined;
23093
- hidden?: boolean | undefined;
23094
- css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
23095
23099
  translate?: "yes" | "no" | undefined;
23096
23100
  property?: string | undefined;
23101
+ hidden?: boolean | undefined;
23097
23102
  className?: string | undefined;
23098
23103
  defaultChecked?: boolean | undefined;
23099
23104
  defaultValue?: string | number | readonly string[] | undefined;