@elastic/eui 101.1.0-classic.0 → 101.2.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.
- package/es/components/badge/badge.styles.js +2 -2
- package/es/components/badge/color_utils.js +16 -6
- package/es/components/badge/notification_badge/badge_notification.styles.js +1 -1
- package/es/components/basic_table/basic_table.js +11 -0
- package/es/components/basic_table/in_memory_table.js +11 -0
- package/es/components/code/code.styles.js +4 -2
- package/es/components/code/code_syntax.styles.js +6 -3
- package/es/components/color_picker/color_picker_swatch.js +85 -3
- package/es/components/color_picker/color_picker_swatch.styles.js +11 -1
- package/es/components/header/header.styles.js +4 -1
- package/es/components/panel/panel.styles.js +1 -1
- package/es/components/provider/provider.js +2 -2
- package/es/components/table/table_header_cell.js +9 -0
- package/es/components/toast/toast.styles.js +3 -3
- package/es/components/tool_tip/icon_tip.js +9 -0
- package/es/components/tool_tip/tool_tip.js +18 -4
- package/es/components/tool_tip/tool_tip_anchor.js +1 -1
- package/es/global_styling/mixins/_button.js +3 -2
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/theme/context.js +2 -2
- package/eui.d.ts +366 -327
- package/lib/components/badge/badge.styles.js +2 -2
- package/lib/components/badge/color_utils.js +16 -6
- package/lib/components/badge/notification_badge/badge_notification.styles.js +1 -1
- package/lib/components/basic_table/basic_table.js +11 -0
- package/lib/components/basic_table/in_memory_table.js +11 -0
- package/lib/components/code/code.styles.js +3 -1
- package/lib/components/code/code_syntax.styles.js +6 -3
- package/lib/components/color_picker/color_picker_swatch.js +85 -3
- package/lib/components/color_picker/color_picker_swatch.styles.js +11 -3
- package/lib/components/header/header.styles.js +4 -1
- package/lib/components/panel/panel.styles.js +1 -1
- package/lib/components/provider/provider.js +2 -2
- package/lib/components/table/table_header_cell.js +9 -0
- package/lib/components/toast/toast.styles.js +3 -3
- package/lib/components/tool_tip/icon_tip.js +9 -0
- package/lib/components/tool_tip/tool_tip.js +18 -4
- package/lib/components/tool_tip/tool_tip_anchor.js +1 -1
- package/lib/global_styling/mixins/_button.js +3 -2
- package/lib/services/color/vis_color_store.js +2 -2
- package/lib/services/theme/context.js +2 -2
- package/optimize/es/components/badge/badge.styles.js +2 -2
- package/optimize/es/components/badge/color_utils.js +16 -6
- package/optimize/es/components/badge/notification_badge/badge_notification.styles.js +1 -1
- package/optimize/es/components/code/code.styles.js +4 -2
- package/optimize/es/components/code/code_syntax.styles.js +6 -3
- package/optimize/es/components/color_picker/color_picker_swatch.js +18 -2
- package/optimize/es/components/color_picker/color_picker_swatch.styles.js +11 -1
- package/optimize/es/components/header/header.styles.js +4 -1
- package/optimize/es/components/panel/panel.styles.js +1 -1
- package/optimize/es/components/provider/provider.js +2 -2
- package/optimize/es/components/toast/toast.styles.js +3 -3
- package/optimize/es/components/tool_tip/tool_tip.js +9 -4
- package/optimize/es/components/tool_tip/tool_tip_anchor.js +1 -1
- package/optimize/es/global_styling/mixins/_button.js +3 -2
- package/optimize/es/services/color/vis_color_store.js +1 -1
- package/optimize/es/services/theme/context.js +2 -2
- package/optimize/lib/components/badge/badge.styles.js +2 -2
- package/optimize/lib/components/badge/color_utils.js +16 -6
- package/optimize/lib/components/badge/notification_badge/badge_notification.styles.js +1 -1
- package/optimize/lib/components/code/code.styles.js +3 -1
- package/optimize/lib/components/code/code_syntax.styles.js +6 -3
- package/optimize/lib/components/color_picker/color_picker_swatch.js +18 -2
- package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +11 -3
- package/optimize/lib/components/header/header.styles.js +4 -1
- package/optimize/lib/components/panel/panel.styles.js +1 -1
- package/optimize/lib/components/provider/provider.js +2 -2
- package/optimize/lib/components/toast/toast.styles.js +3 -3
- package/optimize/lib/components/tool_tip/tool_tip.js +9 -4
- package/optimize/lib/components/tool_tip/tool_tip_anchor.js +1 -1
- package/optimize/lib/global_styling/mixins/_button.js +3 -2
- package/optimize/lib/services/color/vis_color_store.js +2 -2
- package/optimize/lib/services/theme/context.js +2 -2
- package/package.json +1 -1
- package/test-env/components/badge/badge.styles.js +2 -2
- package/test-env/components/badge/color_utils.js +16 -6
- package/test-env/components/badge/notification_badge/badge_notification.styles.js +1 -1
- package/test-env/components/basic_table/basic_table.js +11 -0
- package/test-env/components/basic_table/in_memory_table.js +11 -0
- package/test-env/components/code/code.styles.js +3 -1
- package/test-env/components/code/code_syntax.styles.js +6 -3
- package/test-env/components/color_picker/color_picker_swatch.js +85 -3
- package/test-env/components/color_picker/color_picker_swatch.styles.js +11 -3
- package/test-env/components/header/header.styles.js +4 -1
- package/test-env/components/panel/panel.styles.js +1 -1
- package/test-env/components/provider/provider.js +2 -2
- package/test-env/components/table/table_header_cell.js +9 -0
- package/test-env/components/toast/toast.styles.js +3 -3
- package/test-env/components/tool_tip/icon_tip.js +9 -0
- package/test-env/components/tool_tip/tool_tip.js +18 -4
- package/test-env/components/tool_tip/tool_tip_anchor.js +1 -1
- package/test-env/global_styling/mixins/_button.js +3 -2
- package/test-env/services/color/vis_color_store.js +2 -2
- package/test-env/services/theme/context.js +2 -2
package/eui.d.ts
CHANGED
|
@@ -167,13 +167,115 @@ 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
|
+
|
|
170
174
|
}
|
|
171
175
|
declare module '@elastic/eui/src/services/theme/utils' {
|
|
172
176
|
export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
|
|
173
177
|
|
|
174
178
|
}
|
|
175
|
-
declare module '@elastic/eui/src/services/theme/
|
|
176
|
-
|
|
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/lib/cjs/services/theme/types").EuiThemeShape>>;
|
|
193
|
+
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
194
|
+
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
195
|
+
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
196
|
+
export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
|
|
197
|
+
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
198
|
+
|
|
199
|
+
}
|
|
200
|
+
declare module '@elastic/eui/src/services/theme/warning' {
|
|
201
|
+
type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
202
|
+
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
203
|
+
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
204
|
+
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
205
|
+
export {};
|
|
206
|
+
|
|
207
|
+
}
|
|
208
|
+
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
209
|
+
import React from 'react';
|
|
210
|
+
import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
211
|
+
/**
|
|
212
|
+
* Hook for function components
|
|
213
|
+
*/
|
|
214
|
+
export interface UseEuiTheme<T extends {} = {}> {
|
|
215
|
+
euiTheme: EuiThemeComputed<T>;
|
|
216
|
+
colorMode: EuiThemeColorModeStandard;
|
|
217
|
+
highContrastMode: EuiThemeHighContrastMode;
|
|
218
|
+
modifications: EuiThemeModifications<T>;
|
|
219
|
+
}
|
|
220
|
+
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
221
|
+
/**
|
|
222
|
+
* HOC for class components
|
|
223
|
+
*/
|
|
224
|
+
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
225
|
+
theme: UseEuiTheme<P>;
|
|
226
|
+
}
|
|
227
|
+
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">>>;
|
|
228
|
+
/**
|
|
229
|
+
* Render prop alternative for complex class components
|
|
230
|
+
* Most useful for scenarios where a HOC may interfere with typing
|
|
231
|
+
*/
|
|
232
|
+
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
233
|
+
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
234
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
235
|
+
/**
|
|
236
|
+
* Minor syntactical sugar hook for theme CSS variables.
|
|
237
|
+
* Primarily meant for internal EUI usage.
|
|
238
|
+
*/
|
|
239
|
+
export const useEuiThemeCSSVariables: () => {
|
|
240
|
+
setGlobalCSSVariables: Function;
|
|
241
|
+
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
242
|
+
setNearestThemeCSSVariables: Function;
|
|
243
|
+
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
244
|
+
};
|
|
245
|
+
|
|
246
|
+
}
|
|
247
|
+
declare module '@elastic/eui/src/services/throttle' {
|
|
248
|
+
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
249
|
+
|
|
250
|
+
}
|
|
251
|
+
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
252
|
+
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
253
|
+
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
254
|
+
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
255
|
+
|
|
256
|
+
}
|
|
257
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
258
|
+
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
259
|
+
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
260
|
+
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
261
|
+
/**
|
|
262
|
+
* Returns the current breakpoint based on window width.
|
|
263
|
+
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
264
|
+
* of window resize listeners on the page). Also conditionally called if a
|
|
265
|
+
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
266
|
+
*/
|
|
267
|
+
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
268
|
+
export {};
|
|
269
|
+
|
|
270
|
+
}
|
|
271
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
272
|
+
/**
|
|
273
|
+
* Hook util / syntactical sugar for useContext()
|
|
274
|
+
*
|
|
275
|
+
* This hook is in its own separate file to make mocking it
|
|
276
|
+
* as a testenv easy for Jest unit tests
|
|
277
|
+
*/
|
|
278
|
+
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
177
279
|
|
|
178
280
|
}
|
|
179
281
|
declare module '@elastic/eui/src/services/emotion/clone_element' {
|
|
@@ -271,10 +373,6 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
|
|
|
271
373
|
*/
|
|
272
374
|
export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
|
|
273
375
|
|
|
274
|
-
}
|
|
275
|
-
declare module '@elastic/eui/src/services/throttle' {
|
|
276
|
-
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
277
|
-
|
|
278
376
|
}
|
|
279
377
|
declare module '@elastic/eui/src/services/hooks/useMouseMove' {
|
|
280
378
|
import { MouseEvent, TouchEvent } from 'react';
|
|
@@ -297,14 +395,6 @@ declare module '@elastic/eui/src/services/hooks' {
|
|
|
297
395
|
export * from '@elastic/eui/src/services/hooks/useMouseMove';
|
|
298
396
|
export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
|
|
299
397
|
|
|
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
|
-
|
|
308
398
|
}
|
|
309
399
|
declare module '@elastic/eui/src/services/theme/style_memoization' {
|
|
310
400
|
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
@@ -496,11 +586,6 @@ declare module '@elastic/eui/src/services/color/color_palette' {
|
|
|
496
586
|
*/
|
|
497
587
|
categorical?: boolean): string[];
|
|
498
588
|
|
|
499
|
-
}
|
|
500
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
501
|
-
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
502
|
-
export const colorVis: _EuiThemeVisColors;
|
|
503
|
-
|
|
504
589
|
}
|
|
505
590
|
declare module '@elastic/eui/src/services/color/vis_color_store' {
|
|
506
591
|
import { _EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
@@ -1021,7 +1106,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
|
|
|
1021
1106
|
*/
|
|
1022
1107
|
export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
|
|
1023
1108
|
export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
|
|
1024
|
-
export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "
|
|
1109
|
+
export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
|
|
1025
1110
|
|
|
1026
1111
|
}
|
|
1027
1112
|
declare module '@elastic/eui/src/global_styling/mixins/_states' {
|
|
@@ -1071,12 +1156,6 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
|
|
|
1071
1156
|
*/
|
|
1072
1157
|
export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
|
|
1073
1158
|
|
|
1074
|
-
}
|
|
1075
|
-
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
1076
|
-
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
1077
|
-
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1078
|
-
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1079
|
-
|
|
1080
1159
|
}
|
|
1081
1160
|
declare module '@elastic/eui/src/global_styling/variables/animations' {
|
|
1082
1161
|
export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
|
|
@@ -1468,6 +1547,9 @@ declare module '@elastic/eui/src/components/code/code_syntax.styles' {
|
|
|
1468
1547
|
backgroundColor: string;
|
|
1469
1548
|
color: string;
|
|
1470
1549
|
};
|
|
1550
|
+
/**
|
|
1551
|
+
* These variables are computationally expensive - do not call them outside `useEuiMemoizedStyles`
|
|
1552
|
+
*/
|
|
1471
1553
|
export const euiCodeSyntaxVariables: (euiThemeContext: UseEuiTheme) => {
|
|
1472
1554
|
backgroundColor: string;
|
|
1473
1555
|
color: string;
|
|
@@ -2858,7 +2940,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2858
2940
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
2859
2941
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
2860
2942
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
2861
|
-
export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "
|
|
2943
|
+
export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "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" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "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" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "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" | "userAvatar" | "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" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "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" | "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" | "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")[];
|
|
2862
2944
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
2863
2945
|
export type IconType = EuiIconType | string | ComponentType;
|
|
2864
2946
|
export type IconColor = string | NamedColor;
|
|
@@ -2901,7 +2983,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2901
2983
|
isLoading: boolean;
|
|
2902
2984
|
neededLoading: boolean;
|
|
2903
2985
|
}
|
|
2904
|
-
export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "
|
|
2986
|
+
export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "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" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "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" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "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" | "userAvatar" | "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" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "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" | "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" | "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;
|
|
2905
2987
|
export const appendIconComponentCache: (iconTypeToIconComponentMap: {
|
|
2906
2988
|
[iconType: string]: React.ComponentType<{}>;
|
|
2907
2989
|
}) => void;
|
|
@@ -3307,6 +3389,15 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
|
|
|
3307
3389
|
* When nesting an `EuiTooltip` in a scrollable container, `repositionOnScroll` should be `true`
|
|
3308
3390
|
*/
|
|
3309
3391
|
repositionOnScroll?: boolean;
|
|
3392
|
+
/**
|
|
3393
|
+
* Disables the tooltip content being read by screen readers when focusing the trigger element.
|
|
3394
|
+
* Do not use when the trigger `aria-label` and tooltip `content` can be rephrased to be standalone
|
|
3395
|
+
* information (action & additional information).
|
|
3396
|
+
* Enable this prop only when the trigger has a descriptive label that either duplicates or includes
|
|
3397
|
+
* the tooltip content and would result in repetitive output.
|
|
3398
|
+
* @default false
|
|
3399
|
+
*/
|
|
3400
|
+
disableScreenReaderOutput?: boolean;
|
|
3310
3401
|
/**
|
|
3311
3402
|
* If supplied, called when mouse movement causes the tool tip to be
|
|
3312
3403
|
* hidden.
|
|
@@ -4538,7 +4629,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
|
|
|
4538
4629
|
export const EuiFlexGroup: (<TComponent extends React.ElementType = "div", TComponentRef = React.ReactElement<any, TComponent>>(props: {
|
|
4539
4630
|
children?: React.ReactNode;
|
|
4540
4631
|
} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
|
|
4541
|
-
alignItems?: "center" | "
|
|
4632
|
+
alignItems?: "center" | "baseline" | "stretch" | "flexStart" | "flexEnd" | undefined;
|
|
4542
4633
|
/**
|
|
4543
4634
|
* Customize the component type that is rendered.
|
|
4544
4635
|
*
|
|
@@ -4553,7 +4644,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
|
|
|
4553
4644
|
*/
|
|
4554
4645
|
component?: TComponent | undefined;
|
|
4555
4646
|
direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
|
|
4556
|
-
gutterSize?: "s" | "
|
|
4647
|
+
gutterSize?: "s" | "xs" | "m" | "l" | "xl" | "none" | undefined;
|
|
4557
4648
|
justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
|
|
4558
4649
|
responsive?: boolean | undefined;
|
|
4559
4650
|
wrap?: boolean | undefined;
|
|
@@ -4688,7 +4779,7 @@ declare module '@elastic/eui/src/components/flex/flex_item' {
|
|
|
4688
4779
|
export const EuiFlexItem: (<TComponent extends React.ElementType, TComponentRef = React.ReactElement<any, TComponent>>(props: {
|
|
4689
4780
|
children?: React.ReactNode;
|
|
4690
4781
|
} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
|
|
4691
|
-
grow?: boolean | 0 |
|
|
4782
|
+
grow?: boolean | 0 | 2 | 1 | 3 | 8 | 6 | 4 | 5 | 7 | 9 | 10 | null | undefined;
|
|
4692
4783
|
/**
|
|
4693
4784
|
* Customize the component type that is rendered.
|
|
4694
4785
|
*
|
|
@@ -5664,7 +5755,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
|
|
|
5664
5755
|
import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
|
|
5665
5756
|
import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
5666
5757
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
5667
|
-
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "
|
|
5758
|
+
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
|
|
5668
5759
|
export type PanelPaddingSize = (typeof _SIZES)[number];
|
|
5669
5760
|
export const BORDER_RADII: readonly ["none", "m"];
|
|
5670
5761
|
export type PanelBorderRadius = (typeof BORDER_RADII)[number];
|
|
@@ -6769,98 +6860,6 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
|
|
|
6769
6860
|
import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
|
|
6770
6861
|
export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
|
|
6771
6862
|
|
|
6772
|
-
}
|
|
6773
|
-
declare module '@elastic/eui/src/services/color/contrast' {
|
|
6774
|
-
export const wcagContrastMin = 4.5;
|
|
6775
|
-
/**
|
|
6776
|
-
* Creates a new color that meets or exceeds WCAG level AA
|
|
6777
|
-
* @param foreground - Color to manipulate
|
|
6778
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6779
|
-
* *
|
|
6780
|
-
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
6781
|
-
*/
|
|
6782
|
-
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6783
|
-
[key: string]: any;
|
|
6784
|
-
colors: {
|
|
6785
|
-
body: string;
|
|
6786
|
-
};
|
|
6787
|
-
}) => string;
|
|
6788
|
-
/**
|
|
6789
|
-
* Creates a new color with increased contrast
|
|
6790
|
-
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
6791
|
-
* @param foreground - Color to manipulate
|
|
6792
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6793
|
-
* *
|
|
6794
|
-
* @param themeOrBackground - Color to use as the contrast basis
|
|
6795
|
-
*/
|
|
6796
|
-
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6797
|
-
[key: string]: any;
|
|
6798
|
-
colors: {
|
|
6799
|
-
body: string;
|
|
6800
|
-
};
|
|
6801
|
-
}) => string;
|
|
6802
|
-
|
|
6803
|
-
}
|
|
6804
|
-
declare module '@elastic/eui/src/services/color' {
|
|
6805
|
-
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6806
|
-
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6807
|
-
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6808
|
-
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6809
|
-
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6810
|
-
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6811
|
-
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6812
|
-
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6813
|
-
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6814
|
-
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6815
|
-
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6816
|
-
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6817
|
-
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';
|
|
6818
|
-
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6819
|
-
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6820
|
-
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6821
|
-
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6822
|
-
export * from '@elastic/eui/src/services/color/contrast';
|
|
6823
|
-
|
|
6824
|
-
}
|
|
6825
|
-
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6826
|
-
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6827
|
-
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6828
|
-
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6829
|
-
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6830
|
-
theme?: EuiThemeSystem<T>;
|
|
6831
|
-
colorMode?: EuiThemeColorMode;
|
|
6832
|
-
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6833
|
-
modify?: EuiThemeModifications<T>;
|
|
6834
|
-
children: any;
|
|
6835
|
-
/**
|
|
6836
|
-
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6837
|
-
* set the default text `color` that all nested children will inherit.
|
|
6838
|
-
*
|
|
6839
|
-
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6840
|
-
* This requires a **single** child component that the correct color class can be passed to.
|
|
6841
|
-
*
|
|
6842
|
-
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6843
|
-
* the default inherited text color will be set on the page `body`.
|
|
6844
|
-
*/
|
|
6845
|
-
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6846
|
-
cloneElement?: boolean;
|
|
6847
|
-
};
|
|
6848
|
-
}
|
|
6849
|
-
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
6850
|
-
|
|
6851
|
-
}
|
|
6852
|
-
declare module '@elastic/eui/src/services/theme' {
|
|
6853
|
-
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
6854
|
-
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
6855
|
-
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
|
|
6856
|
-
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
6857
|
-
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
6858
|
-
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
6859
|
-
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
6860
|
-
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6861
|
-
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6862
|
-
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
6863
|
-
|
|
6864
6863
|
}
|
|
6865
6864
|
declare module '@elastic/eui/src/services/color/manipulation' {
|
|
6866
6865
|
import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
|
|
@@ -6927,210 +6926,96 @@ declare module '@elastic/eui/src/services/color/manipulation' {
|
|
|
6927
6926
|
export const brighten: (color: string, amount: number) => string;
|
|
6928
6927
|
|
|
6929
6928
|
}
|
|
6930
|
-
declare module '@elastic/eui/src/
|
|
6931
|
-
|
|
6932
|
-
export const brand_colors: _EuiThemeBrandColors;
|
|
6933
|
-
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
6934
|
-
export const shade_colors: _EuiThemeShadeColors;
|
|
6935
|
-
export const special_colors: _EuiThemeSpecialColors;
|
|
6936
|
-
export const text_colors: _EuiThemeTextColors;
|
|
6937
|
-
export const background_colors: _EuiThemeBackgroundColors;
|
|
6938
|
-
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
6939
|
-
export const border_colors: _EuiThemeBorderColors;
|
|
6940
|
-
export const light_colors: _EuiThemeColorsMode;
|
|
6941
|
-
export const dark_shades: _EuiThemeShadeColors;
|
|
6942
|
-
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
6943
|
-
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
6944
|
-
export const dark_border_colors: _EuiThemeBorderColors;
|
|
6945
|
-
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
6946
|
-
export const colors: _EuiThemeColors;
|
|
6947
|
-
|
|
6948
|
-
}
|
|
6949
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
6950
|
-
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
6951
|
-
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
6952
|
-
export const animation_ease: _EuiThemeAnimationEasings;
|
|
6953
|
-
export const animation: _EuiThemeAnimation;
|
|
6954
|
-
|
|
6955
|
-
}
|
|
6956
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
6957
|
-
export { breakpoint } from '@elastic/eui-theme-common';
|
|
6958
|
-
|
|
6959
|
-
}
|
|
6960
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
6961
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
6962
|
-
export const base: _EuiThemeBase;
|
|
6963
|
-
export const size: _EuiThemeSizes;
|
|
6964
|
-
|
|
6965
|
-
}
|
|
6966
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
6967
|
-
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
6968
|
-
export const border: _EuiThemeBorder;
|
|
6969
|
-
|
|
6970
|
-
}
|
|
6971
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
6972
|
-
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
6973
|
-
export const levels: _EuiThemeLevels;
|
|
6974
|
-
|
|
6975
|
-
}
|
|
6976
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
6977
|
-
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
6978
|
-
export const fontScale: _EuiThemeFontScales;
|
|
6979
|
-
export const fontBase: _EuiThemeFontBase;
|
|
6980
|
-
export const fontWeight: _EuiThemeFontWeights;
|
|
6981
|
-
export const font: _EuiThemeFont;
|
|
6982
|
-
|
|
6983
|
-
}
|
|
6984
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
6985
|
-
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
6986
|
-
export const focus: _EuiThemeFocus;
|
|
6987
|
-
|
|
6988
|
-
}
|
|
6989
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
6990
|
-
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
6991
|
-
export const buttons: _EuiThemeButton;
|
|
6992
|
-
|
|
6993
|
-
}
|
|
6994
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
6995
|
-
export const forms: {
|
|
6996
|
-
maxWidth: string;
|
|
6997
|
-
LIGHT: {
|
|
6998
|
-
background: string;
|
|
6999
|
-
backgroundDisabled: string;
|
|
7000
|
-
backgroundReadOnly: any;
|
|
7001
|
-
backgroundFocused: any;
|
|
7002
|
-
backgroundAutofilled: string;
|
|
7003
|
-
prependBackground: string;
|
|
7004
|
-
border: string;
|
|
7005
|
-
borderAutofilled: string;
|
|
7006
|
-
controlBorder: string;
|
|
7007
|
-
controlBorderSelected: string;
|
|
7008
|
-
controlBorderDisabled: string;
|
|
7009
|
-
controlBackgroundUnselected: any;
|
|
7010
|
-
controlBackgroundDisabled: any;
|
|
7011
|
-
colorHasPlaceholder: string;
|
|
7012
|
-
colorDisabled: any;
|
|
7013
|
-
iconDisabled: any;
|
|
7014
|
-
};
|
|
7015
|
-
DARK: {
|
|
7016
|
-
background: string;
|
|
7017
|
-
backgroundFocused: string;
|
|
7018
|
-
backgroundAutofilled: string;
|
|
7019
|
-
prependBackground: string;
|
|
7020
|
-
border: string;
|
|
7021
|
-
controlBorder: string;
|
|
7022
|
-
controlBorderSelected: string;
|
|
7023
|
-
controlBorderDisabled: string;
|
|
7024
|
-
backgroundDisabled: string;
|
|
7025
|
-
backgroundReadOnly: any;
|
|
7026
|
-
borderAutofilled: string;
|
|
7027
|
-
controlBackgroundUnselected: any;
|
|
7028
|
-
controlBackgroundDisabled: any;
|
|
7029
|
-
colorHasPlaceholder: string;
|
|
7030
|
-
colorDisabled: any;
|
|
7031
|
-
iconDisabled: any;
|
|
7032
|
-
};
|
|
7033
|
-
};
|
|
7034
|
-
|
|
7035
|
-
}
|
|
7036
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
7037
|
-
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
7038
|
-
export const components: _EuiThemeComponents;
|
|
7039
|
-
|
|
7040
|
-
}
|
|
7041
|
-
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
7042
|
-
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
7043
|
-
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
7044
|
-
export const euiThemeAmsterdam: EuiThemeShape;
|
|
7045
|
-
export const EuiThemeAmsterdam: {
|
|
7046
|
-
model: EuiThemeShape;
|
|
7047
|
-
root: EuiThemeShape;
|
|
7048
|
-
key: string;
|
|
7049
|
-
};
|
|
7050
|
-
|
|
7051
|
-
}
|
|
7052
|
-
declare module '@elastic/eui/src/services/theme/context' {
|
|
7053
|
-
import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
|
|
7054
|
-
export const DEFAULTS: {
|
|
7055
|
-
system: {
|
|
7056
|
-
model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
7057
|
-
root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
7058
|
-
key: string;
|
|
7059
|
-
};
|
|
7060
|
-
modifications: {};
|
|
7061
|
-
colorMode: "LIGHT";
|
|
7062
|
-
highContrastMode: false;
|
|
7063
|
-
};
|
|
7064
|
-
export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
|
|
7065
|
-
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>>;
|
|
7066
|
-
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
7067
|
-
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
7068
|
-
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
7069
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
|
|
7070
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
7071
|
-
|
|
7072
|
-
}
|
|
7073
|
-
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
7074
|
-
import React from 'react';
|
|
7075
|
-
import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
7076
|
-
/**
|
|
7077
|
-
* Hook for function components
|
|
7078
|
-
*/
|
|
7079
|
-
export interface UseEuiTheme<T extends {} = {}> {
|
|
7080
|
-
euiTheme: EuiThemeComputed<T>;
|
|
7081
|
-
colorMode: EuiThemeColorModeStandard;
|
|
7082
|
-
highContrastMode: EuiThemeHighContrastMode;
|
|
7083
|
-
modifications: EuiThemeModifications<T>;
|
|
7084
|
-
}
|
|
7085
|
-
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
7086
|
-
/**
|
|
7087
|
-
* HOC for class components
|
|
7088
|
-
*/
|
|
7089
|
-
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
7090
|
-
theme: UseEuiTheme<P>;
|
|
7091
|
-
}
|
|
7092
|
-
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">>>;
|
|
6929
|
+
declare module '@elastic/eui/src/services/color/contrast' {
|
|
6930
|
+
export const wcagContrastMin = 4.5;
|
|
7093
6931
|
/**
|
|
7094
|
-
*
|
|
7095
|
-
*
|
|
6932
|
+
* Creates a new color that meets or exceeds WCAG level AA
|
|
6933
|
+
* @param foreground - Color to manipulate
|
|
6934
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6935
|
+
* *
|
|
6936
|
+
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
7096
6937
|
*/
|
|
7097
|
-
export const
|
|
7098
|
-
|
|
7099
|
-
|
|
6938
|
+
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6939
|
+
[key: string]: any;
|
|
6940
|
+
colors: {
|
|
6941
|
+
body: string;
|
|
6942
|
+
};
|
|
6943
|
+
}) => string;
|
|
7100
6944
|
/**
|
|
7101
|
-
*
|
|
7102
|
-
*
|
|
6945
|
+
* Creates a new color with increased contrast
|
|
6946
|
+
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
6947
|
+
* @param foreground - Color to manipulate
|
|
6948
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6949
|
+
* *
|
|
6950
|
+
* @param themeOrBackground - Color to use as the contrast basis
|
|
7103
6951
|
*/
|
|
7104
|
-
export const
|
|
7105
|
-
|
|
7106
|
-
|
|
7107
|
-
|
|
7108
|
-
|
|
7109
|
-
};
|
|
6952
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6953
|
+
[key: string]: any;
|
|
6954
|
+
colors: {
|
|
6955
|
+
body: string;
|
|
6956
|
+
};
|
|
6957
|
+
}) => string;
|
|
7110
6958
|
|
|
7111
6959
|
}
|
|
7112
|
-
declare module '@elastic/eui/src/services/
|
|
7113
|
-
|
|
7114
|
-
|
|
7115
|
-
export
|
|
7116
|
-
|
|
7117
|
-
|
|
7118
|
-
|
|
7119
|
-
|
|
7120
|
-
|
|
7121
|
-
|
|
7122
|
-
export
|
|
7123
|
-
export {};
|
|
6960
|
+
declare module '@elastic/eui/src/services/color' {
|
|
6961
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6962
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6963
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6964
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6965
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6966
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6967
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6968
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6969
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6970
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6971
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6972
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6973
|
+
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';
|
|
6974
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6975
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6976
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6977
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6978
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
7124
6979
|
|
|
7125
6980
|
}
|
|
7126
|
-
declare module '@elastic/eui/src/services/
|
|
7127
|
-
|
|
7128
|
-
|
|
7129
|
-
|
|
7130
|
-
|
|
7131
|
-
|
|
7132
|
-
|
|
7133
|
-
|
|
6981
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6982
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6983
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6984
|
+
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6985
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6986
|
+
theme?: EuiThemeSystem<T>;
|
|
6987
|
+
colorMode?: EuiThemeColorMode;
|
|
6988
|
+
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6989
|
+
modify?: EuiThemeModifications<T>;
|
|
6990
|
+
children: any;
|
|
6991
|
+
/**
|
|
6992
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6993
|
+
* set the default text `color` that all nested children will inherit.
|
|
6994
|
+
*
|
|
6995
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6996
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
6997
|
+
*
|
|
6998
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6999
|
+
* the default inherited text color will be set on the page `body`.
|
|
7000
|
+
*/
|
|
7001
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
7002
|
+
cloneElement?: boolean;
|
|
7003
|
+
};
|
|
7004
|
+
}
|
|
7005
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
7006
|
+
|
|
7007
|
+
}
|
|
7008
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
7009
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
7010
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
7011
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
|
|
7012
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
7013
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
7014
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
7015
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
7016
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
7017
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
7018
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
7134
7019
|
|
|
7135
7020
|
}
|
|
7136
7021
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -8130,15 +8015,18 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
|
|
|
8130
8015
|
backgroundColor: string;
|
|
8131
8016
|
};
|
|
8132
8017
|
disabled: {
|
|
8018
|
+
borderColor: string;
|
|
8133
8019
|
border: string;
|
|
8134
8020
|
color: string;
|
|
8135
8021
|
backgroundColor: string;
|
|
8136
8022
|
} | {
|
|
8023
|
+
borderColor: string;
|
|
8137
8024
|
border?: undefined;
|
|
8138
8025
|
color: string;
|
|
8139
8026
|
backgroundColor: string;
|
|
8140
8027
|
};
|
|
8141
8028
|
default: {
|
|
8029
|
+
borderColor: string;
|
|
8142
8030
|
backgroundColor: string;
|
|
8143
8031
|
color: string;
|
|
8144
8032
|
};
|
|
@@ -8148,10 +8036,12 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
|
|
|
8148
8036
|
color: string;
|
|
8149
8037
|
};
|
|
8150
8038
|
subdued: {
|
|
8039
|
+
borderColor: string;
|
|
8151
8040
|
backgroundColor: string;
|
|
8152
8041
|
color: string;
|
|
8153
8042
|
};
|
|
8154
8043
|
accentText: {
|
|
8044
|
+
borderColor: string;
|
|
8155
8045
|
backgroundColor: string;
|
|
8156
8046
|
color: string;
|
|
8157
8047
|
};
|
|
@@ -12506,6 +12396,11 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
12506
12396
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
12507
12397
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
12508
12398
|
|
|
12399
|
+
}
|
|
12400
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
12401
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12402
|
+
export const colorVis: _EuiThemeVisColors;
|
|
12403
|
+
|
|
12509
12404
|
}
|
|
12510
12405
|
declare module '@elastic/eui/src/themes/themes' {
|
|
12511
12406
|
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
@@ -12515,6 +12410,128 @@ declare module '@elastic/eui/src/themes/themes' {
|
|
|
12515
12410
|
provider?: EuiThemeSystem;
|
|
12516
12411
|
}
|
|
12517
12412
|
|
|
12413
|
+
}
|
|
12414
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
12415
|
+
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
12416
|
+
export const brand_colors: _EuiThemeBrandColors;
|
|
12417
|
+
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
12418
|
+
export const shade_colors: _EuiThemeShadeColors;
|
|
12419
|
+
export const special_colors: _EuiThemeSpecialColors;
|
|
12420
|
+
export const text_colors: _EuiThemeTextColors;
|
|
12421
|
+
export const background_colors: _EuiThemeBackgroundColors;
|
|
12422
|
+
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12423
|
+
export const border_colors: _EuiThemeBorderColors;
|
|
12424
|
+
export const light_colors: _EuiThemeColorsMode;
|
|
12425
|
+
export const dark_shades: _EuiThemeShadeColors;
|
|
12426
|
+
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
12427
|
+
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12428
|
+
export const dark_border_colors: _EuiThemeBorderColors;
|
|
12429
|
+
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
12430
|
+
export const colors: _EuiThemeColors;
|
|
12431
|
+
|
|
12432
|
+
}
|
|
12433
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
12434
|
+
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
12435
|
+
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
12436
|
+
export const animation_ease: _EuiThemeAnimationEasings;
|
|
12437
|
+
export const animation: _EuiThemeAnimation;
|
|
12438
|
+
|
|
12439
|
+
}
|
|
12440
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
12441
|
+
export { breakpoint } from '@elastic/eui-theme-common';
|
|
12442
|
+
|
|
12443
|
+
}
|
|
12444
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
12445
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
12446
|
+
export const base: _EuiThemeBase;
|
|
12447
|
+
export const size: _EuiThemeSizes;
|
|
12448
|
+
|
|
12449
|
+
}
|
|
12450
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
12451
|
+
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
12452
|
+
export const border: _EuiThemeBorder;
|
|
12453
|
+
|
|
12454
|
+
}
|
|
12455
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
12456
|
+
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
12457
|
+
export const levels: _EuiThemeLevels;
|
|
12458
|
+
|
|
12459
|
+
}
|
|
12460
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
12461
|
+
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
12462
|
+
export const fontScale: _EuiThemeFontScales;
|
|
12463
|
+
export const fontBase: _EuiThemeFontBase;
|
|
12464
|
+
export const fontWeight: _EuiThemeFontWeights;
|
|
12465
|
+
export const font: _EuiThemeFont;
|
|
12466
|
+
|
|
12467
|
+
}
|
|
12468
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
12469
|
+
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
12470
|
+
export const focus: _EuiThemeFocus;
|
|
12471
|
+
|
|
12472
|
+
}
|
|
12473
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
12474
|
+
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
12475
|
+
export const buttons: _EuiThemeButton;
|
|
12476
|
+
|
|
12477
|
+
}
|
|
12478
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
12479
|
+
export const forms: {
|
|
12480
|
+
maxWidth: string;
|
|
12481
|
+
LIGHT: {
|
|
12482
|
+
background: string;
|
|
12483
|
+
backgroundDisabled: string;
|
|
12484
|
+
backgroundReadOnly: any;
|
|
12485
|
+
backgroundFocused: any;
|
|
12486
|
+
backgroundAutofilled: string;
|
|
12487
|
+
prependBackground: string;
|
|
12488
|
+
border: string;
|
|
12489
|
+
borderAutofilled: string;
|
|
12490
|
+
controlBorder: string;
|
|
12491
|
+
controlBorderSelected: string;
|
|
12492
|
+
controlBorderDisabled: string;
|
|
12493
|
+
controlBackgroundUnselected: any;
|
|
12494
|
+
controlBackgroundDisabled: any;
|
|
12495
|
+
colorHasPlaceholder: string;
|
|
12496
|
+
colorDisabled: any;
|
|
12497
|
+
iconDisabled: any;
|
|
12498
|
+
};
|
|
12499
|
+
DARK: {
|
|
12500
|
+
background: string;
|
|
12501
|
+
backgroundFocused: string;
|
|
12502
|
+
backgroundAutofilled: string;
|
|
12503
|
+
prependBackground: string;
|
|
12504
|
+
border: string;
|
|
12505
|
+
controlBorder: string;
|
|
12506
|
+
controlBorderSelected: string;
|
|
12507
|
+
controlBorderDisabled: string;
|
|
12508
|
+
backgroundDisabled: string;
|
|
12509
|
+
backgroundReadOnly: any;
|
|
12510
|
+
borderAutofilled: string;
|
|
12511
|
+
controlBackgroundUnselected: any;
|
|
12512
|
+
controlBackgroundDisabled: any;
|
|
12513
|
+
colorHasPlaceholder: string;
|
|
12514
|
+
colorDisabled: any;
|
|
12515
|
+
iconDisabled: any;
|
|
12516
|
+
};
|
|
12517
|
+
};
|
|
12518
|
+
|
|
12519
|
+
}
|
|
12520
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
12521
|
+
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
12522
|
+
export const components: _EuiThemeComponents;
|
|
12523
|
+
|
|
12524
|
+
}
|
|
12525
|
+
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
12526
|
+
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
12527
|
+
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
12528
|
+
export const euiThemeAmsterdam: EuiThemeShape;
|
|
12529
|
+
export const EuiThemeAmsterdam: {
|
|
12530
|
+
model: EuiThemeShape;
|
|
12531
|
+
root: EuiThemeShape;
|
|
12532
|
+
key: string;
|
|
12533
|
+
};
|
|
12534
|
+
|
|
12518
12535
|
}
|
|
12519
12536
|
declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
|
|
12520
12537
|
export * from '@elastic/eui/src/global_styling/mixins/_shadow';
|
|
@@ -13271,17 +13288,39 @@ declare module '@elastic/eui/src/components/color_picker/color_picker_swatch.sty
|
|
|
13271
13288
|
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
13272
13289
|
export const euiColorPickerSwatchStyles: (euiThemeContext: UseEuiTheme) => {
|
|
13273
13290
|
euiColorPickerSwatch: import("@emotion/react").SerializedStyles;
|
|
13291
|
+
tooltip: import("@emotion/react").SerializedStyles;
|
|
13274
13292
|
};
|
|
13275
13293
|
|
|
13276
13294
|
}
|
|
13277
13295
|
declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
|
|
13278
13296
|
import React, { ButtonHTMLAttributes } from 'react';
|
|
13279
13297
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
13298
|
+
import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
|
|
13280
13299
|
export type EuiColorPickerSwatchProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & {
|
|
13281
13300
|
color?: string;
|
|
13301
|
+
/**
|
|
13302
|
+
* renders a tooltip with the color value to provide a visual text alternative
|
|
13303
|
+
* @default true
|
|
13304
|
+
*/
|
|
13305
|
+
showToolTip?: boolean;
|
|
13306
|
+
/** Additional props for the EuiToolip when `showToolTip={true}` */
|
|
13307
|
+
toolTipProps?: Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
|
|
13308
|
+
delay?: EuiToolTipProps['delay'];
|
|
13309
|
+
position?: EuiToolTipProps['position'];
|
|
13310
|
+
};
|
|
13282
13311
|
};
|
|
13283
13312
|
export const EuiColorPickerSwatch: React.ForwardRefExoticComponent<CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
|
|
13284
13313
|
color?: string | undefined;
|
|
13314
|
+
/**
|
|
13315
|
+
* renders a tooltip with the color value to provide a visual text alternative
|
|
13316
|
+
* @default true
|
|
13317
|
+
*/
|
|
13318
|
+
showToolTip?: boolean | undefined;
|
|
13319
|
+
/** Additional props for the EuiToolip when `showToolTip={true}` */
|
|
13320
|
+
toolTipProps?: (Omit<EuiToolTipProps, "children" | "position" | "delay"> & {
|
|
13321
|
+
delay?: import ("@elastic/eui/src/components/tool_tip/tool_tip").ToolTipDelay | undefined;
|
|
13322
|
+
position?: import ("@elastic/eui/src/components/tool_tip").ToolTipPositions | undefined;
|
|
13323
|
+
}) | undefined;
|
|
13285
13324
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
13286
13325
|
|
|
13287
13326
|
}
|
|
@@ -14399,7 +14438,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
14399
14438
|
/**
|
|
14400
14439
|
* Height types
|
|
14401
14440
|
*/
|
|
14402
|
-
getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "
|
|
14441
|
+
getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "auto" | "default" | "lineCount" | "numerical";
|
|
14403
14442
|
/**
|
|
14404
14443
|
* Line count utils
|
|
14405
14444
|
*/
|
|
@@ -18198,7 +18237,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
|
|
|
18198
18237
|
declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_interval' {
|
|
18199
18238
|
export const usePrettyInterval: (isPaused: boolean, intervalInMs: number, options?: {
|
|
18200
18239
|
shortHand?: boolean | undefined;
|
|
18201
|
-
unit?: "s" | "
|
|
18240
|
+
unit?: "s" | "m" | "h" | "d" | undefined;
|
|
18202
18241
|
} | undefined) => string;
|
|
18203
18242
|
|
|
18204
18243
|
}
|
|
@@ -21490,7 +21529,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
21490
21529
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
21491
21530
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
21492
21531
|
/**
|
|
21493
|
-
* Provide a specific EuiTheme; Defaults to
|
|
21532
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
|
|
21494
21533
|
* Pass `null` to remove all theming including global reset
|
|
21495
21534
|
*/
|
|
21496
21535
|
theme?: EuiThemeSystem | null;
|
|
@@ -22750,13 +22789,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22750
22789
|
slot?: string | undefined;
|
|
22751
22790
|
style?: React.CSSProperties | undefined;
|
|
22752
22791
|
title?: string | undefined;
|
|
22753
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
22754
22792
|
width: number | undefined;
|
|
22755
22793
|
color?: string | undefined;
|
|
22756
22794
|
content?: string | undefined;
|
|
22795
|
+
hidden?: boolean | undefined;
|
|
22796
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
22757
22797
|
translate?: "yes" | "no" | undefined;
|
|
22758
22798
|
property?: string | undefined;
|
|
22759
|
-
hidden?: boolean | undefined;
|
|
22760
22799
|
className?: string | undefined;
|
|
22761
22800
|
defaultChecked?: boolean | undefined;
|
|
22762
22801
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -22798,7 +22837,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22798
22837
|
is?: string | undefined;
|
|
22799
22838
|
"aria-activedescendant"?: string | undefined;
|
|
22800
22839
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
22801
|
-
"aria-autocomplete"?: "
|
|
22840
|
+
"aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
|
|
22802
22841
|
"aria-braillelabel"?: string | undefined;
|
|
22803
22842
|
"aria-brailleroledescription"?: string | undefined;
|
|
22804
22843
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -22813,7 +22852,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22813
22852
|
"aria-description"?: string | undefined;
|
|
22814
22853
|
"aria-details"?: string | undefined;
|
|
22815
22854
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
22816
|
-
"aria-dropeffect"?: "link" | "
|
|
22855
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
22817
22856
|
"aria-errormessage"?: string | undefined;
|
|
22818
22857
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
22819
22858
|
"aria-flowto"?: string | undefined;
|