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