@elastic/eui 103.0.0 → 103.1.0-amsterdam.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_theme_amsterdam_dark.json +8 -8
- package/dist/eui_theme_amsterdam_light.json +8 -8
- package/es/components/card/checkable_card/checkable_card.js +4 -2
- package/es/components/combo_box/combo_box.js +4 -2
- package/es/components/combo_box/combo_box_input/combo_box_input.js +4 -1
- package/es/components/datagrid/controls/fullscreen_selector.js +11 -6
- package/es/components/datagrid/data_grid.js +3 -2
- package/es/components/form/checkbox/checkbox.js +1 -1
- package/es/components/provider/provider.js +2 -2
- 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/_colors.js +200 -216
- package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +1 -1
- package/es/themes/json/eui_theme_amsterdam_dark.json +8 -8
- package/es/themes/json/eui_theme_amsterdam_light.json +8 -8
- package/eui.d.ts +356 -351
- package/lib/components/card/checkable_card/checkable_card.js +4 -2
- package/lib/components/combo_box/combo_box.js +4 -2
- package/lib/components/combo_box/combo_box_input/combo_box_input.js +4 -1
- package/lib/components/datagrid/controls/fullscreen_selector.js +11 -6
- package/lib/components/datagrid/data_grid.js +3 -2
- package/lib/components/form/checkbox/checkbox.js +1 -1
- package/lib/components/provider/provider.js +2 -2
- 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/_colors.js +200 -216
- package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
- package/lib/themes/json/eui_theme_amsterdam_dark.json +8 -8
- package/lib/themes/json/eui_theme_amsterdam_light.json +8 -8
- package/optimize/es/components/card/checkable_card/checkable_card.js +4 -2
- package/optimize/es/components/combo_box/combo_box.js +4 -2
- package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +3 -1
- package/optimize/es/components/datagrid/controls/fullscreen_selector.js +11 -6
- package/optimize/es/components/datagrid/data_grid.js +3 -2
- package/optimize/es/components/provider/provider.js +2 -2
- 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/_colors.js +200 -216
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +1 -1
- package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +8 -8
- package/optimize/es/themes/json/eui_theme_amsterdam_light.json +8 -8
- package/optimize/lib/components/card/checkable_card/checkable_card.js +4 -2
- package/optimize/lib/components/combo_box/combo_box.js +4 -2
- package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +3 -1
- package/optimize/lib/components/datagrid/controls/fullscreen_selector.js +11 -6
- package/optimize/lib/components/datagrid/data_grid.js +3 -2
- package/optimize/lib/components/provider/provider.js +2 -2
- 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/_colors.js +200 -216
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
- package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +8 -8
- package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +8 -8
- package/package.json +2 -2
- package/src/themes/amsterdam/_colors_dark.scss +8 -8
- package/src/themes/amsterdam/_colors_light.scss +8 -8
- package/test-env/components/card/checkable_card/checkable_card.js +4 -2
- package/test-env/components/combo_box/combo_box.js +4 -2
- package/test-env/components/combo_box/combo_box_input/combo_box_input.js +4 -1
- package/test-env/components/datagrid/controls/fullscreen_selector.js +11 -6
- package/test-env/components/datagrid/data_grid.js +3 -2
- package/test-env/components/form/checkbox/checkbox.js +1 -1
- package/test-env/components/provider/provider.js +2 -2
- 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/_colors.js +200 -216
- package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
- package/test-env/themes/json/eui_theme_amsterdam_dark.json +8 -8
- package/test-env/themes/json/eui_theme_amsterdam_light.json +8 -8
- package/package/eui.d.ts +0 -29802
- package/temp/package/eui.d.ts +0 -29802
package/eui.d.ts
CHANGED
|
@@ -171,124 +171,13 @@ declare module '@elastic/eui/src/components/common' {
|
|
|
171
171
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
172
172
|
} & ButtonHTMLAttributes<HTMLButtonElement> & P;
|
|
173
173
|
|
|
174
|
-
}
|
|
175
|
-
declare module '@elastic/eui/src/services/theme/types' {
|
|
176
|
-
export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
|
|
177
|
-
|
|
178
174
|
}
|
|
179
175
|
declare module '@elastic/eui/src/services/theme/utils' {
|
|
180
176
|
export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
|
|
181
177
|
|
|
182
178
|
}
|
|
183
|
-
declare module '@elastic/eui/src/services/theme/
|
|
184
|
-
|
|
185
|
-
export const DEFAULTS: {
|
|
186
|
-
system: {
|
|
187
|
-
model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
188
|
-
root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
189
|
-
key: string;
|
|
190
|
-
};
|
|
191
|
-
modifications: {};
|
|
192
|
-
colorMode: "LIGHT";
|
|
193
|
-
highContrastMode: false;
|
|
194
|
-
};
|
|
195
|
-
export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
|
|
196
|
-
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
|
|
197
|
-
overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
|
|
198
|
-
}>>;
|
|
199
|
-
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
200
|
-
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
201
|
-
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
202
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
|
|
203
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
204
|
-
|
|
205
|
-
}
|
|
206
|
-
declare module '@elastic/eui/src/services/theme/warning' {
|
|
207
|
-
type LEVELS = 'log' | 'warn' | 'error';
|
|
208
|
-
type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
209
|
-
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
210
|
-
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
211
|
-
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
212
|
-
export {};
|
|
213
|
-
|
|
214
|
-
}
|
|
215
|
-
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
216
|
-
import React from 'react';
|
|
217
|
-
import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
218
|
-
/**
|
|
219
|
-
* Hook for function components
|
|
220
|
-
*/
|
|
221
|
-
export interface UseEuiTheme<T extends {} = {}> {
|
|
222
|
-
euiTheme: EuiThemeComputed<T>;
|
|
223
|
-
colorMode: EuiThemeColorModeStandard;
|
|
224
|
-
highContrastMode: EuiThemeHighContrastMode;
|
|
225
|
-
modifications: EuiThemeModifications<T>;
|
|
226
|
-
}
|
|
227
|
-
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
228
|
-
/**
|
|
229
|
-
* HOC for class components
|
|
230
|
-
*/
|
|
231
|
-
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
232
|
-
theme: UseEuiTheme<P>;
|
|
233
|
-
}
|
|
234
|
-
export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
|
|
235
|
-
/**
|
|
236
|
-
* Render prop alternative for complex class components
|
|
237
|
-
* Most useful for scenarios where a HOC may interfere with typing
|
|
238
|
-
*/
|
|
239
|
-
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
240
|
-
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
241
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
242
|
-
/**
|
|
243
|
-
* Minor syntactical sugar hook for theme CSS variables.
|
|
244
|
-
* Primarily meant for internal EUI usage.
|
|
245
|
-
*/
|
|
246
|
-
export const useEuiThemeCSSVariables: () => {
|
|
247
|
-
setGlobalCSSVariables: Function;
|
|
248
|
-
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
249
|
-
setNearestThemeCSSVariables: Function;
|
|
250
|
-
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
251
|
-
};
|
|
252
|
-
/**
|
|
253
|
-
* Checks whether the current active `colorMode` is set to `DARK`;
|
|
254
|
-
* In case of nested providers this returns the value of the nearest provider context.
|
|
255
|
-
*/
|
|
256
|
-
export const useIsDarkMode: () => boolean;
|
|
257
|
-
|
|
258
|
-
}
|
|
259
|
-
declare module '@elastic/eui/src/services/throttle' {
|
|
260
|
-
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
261
|
-
|
|
262
|
-
}
|
|
263
|
-
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
264
|
-
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
265
|
-
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
266
|
-
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
267
|
-
|
|
268
|
-
}
|
|
269
|
-
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
270
|
-
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
271
|
-
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
272
|
-
type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
273
|
-
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
274
|
-
/**
|
|
275
|
-
* Returns the current breakpoint based on window width.
|
|
276
|
-
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
277
|
-
* of window resize listeners on the page). Also conditionally called if a
|
|
278
|
-
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
279
|
-
*/
|
|
280
|
-
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
281
|
-
export {};
|
|
282
|
-
|
|
283
|
-
}
|
|
284
|
-
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
285
|
-
/**
|
|
286
|
-
* Hook util / syntactical sugar for useContext()
|
|
287
|
-
*
|
|
288
|
-
* This hook is in its own separate file to make mocking it
|
|
289
|
-
* as a testenv easy for Jest unit tests
|
|
290
|
-
*/
|
|
291
|
-
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
179
|
+
declare module '@elastic/eui/src/services/theme/types' {
|
|
180
|
+
export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
|
|
292
181
|
|
|
293
182
|
}
|
|
294
183
|
declare module '@elastic/eui/src/services/emotion/clone_element' {
|
|
@@ -387,6 +276,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
|
|
|
387
276
|
*/
|
|
388
277
|
export const useDeepEqual: <T = Record<string, any> | any[] | undefined>(object: T) => T;
|
|
389
278
|
|
|
279
|
+
}
|
|
280
|
+
declare module '@elastic/eui/src/services/throttle' {
|
|
281
|
+
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
282
|
+
|
|
390
283
|
}
|
|
391
284
|
declare module '@elastic/eui/src/services/hooks/useMouseMove' {
|
|
392
285
|
import { MouseEvent, TouchEvent } from 'react';
|
|
@@ -409,6 +302,15 @@ declare module '@elastic/eui/src/services/hooks' {
|
|
|
409
302
|
export * from '@elastic/eui/src/services/hooks/useMouseMove';
|
|
410
303
|
export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
|
|
411
304
|
|
|
305
|
+
}
|
|
306
|
+
declare module '@elastic/eui/src/services/theme/warning' {
|
|
307
|
+
type LEVELS = 'log' | 'warn' | 'error';
|
|
308
|
+
type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
309
|
+
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
310
|
+
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
311
|
+
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
312
|
+
export {};
|
|
313
|
+
|
|
412
314
|
}
|
|
413
315
|
declare module '@elastic/eui/src/services/theme/style_memoization' {
|
|
414
316
|
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
@@ -605,6 +507,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
|
|
|
605
507
|
*/
|
|
606
508
|
categorical?: boolean): string[];
|
|
607
509
|
|
|
510
|
+
}
|
|
511
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
512
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
513
|
+
export const colorVis: _EuiThemeVisColors;
|
|
514
|
+
|
|
608
515
|
}
|
|
609
516
|
declare module '@elastic/eui/src/services/color/vis_color_store' {
|
|
610
517
|
import { _EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
@@ -1239,7 +1146,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
|
|
|
1239
1146
|
*/
|
|
1240
1147
|
export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
|
|
1241
1148
|
export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
|
|
1242
|
-
export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "
|
|
1149
|
+
export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
|
|
1243
1150
|
|
|
1244
1151
|
}
|
|
1245
1152
|
declare module '@elastic/eui/src/global_styling/mixins/_states' {
|
|
@@ -1289,6 +1196,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
|
|
|
1289
1196
|
*/
|
|
1290
1197
|
export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
|
|
1291
1198
|
|
|
1199
|
+
}
|
|
1200
|
+
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
1201
|
+
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
1202
|
+
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1203
|
+
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1204
|
+
|
|
1292
1205
|
}
|
|
1293
1206
|
declare module '@elastic/eui/src/global_styling/variables/animations' {
|
|
1294
1207
|
export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
|
|
@@ -3010,7 +2923,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
3010
2923
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
3011
2924
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
3012
2925
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
3013
|
-
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "
|
|
2926
|
+
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "push" | "temperature" | "refresh" | "scale" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "info" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "question" | "quote" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "iInCircle" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
|
|
3014
2927
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
3015
2928
|
export type IconType = EuiIconType | string | ComponentType;
|
|
3016
2929
|
export type IconColor = string | NamedColor;
|
|
@@ -5838,7 +5751,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
|
|
|
5838
5751
|
import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
|
|
5839
5752
|
import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
5840
5753
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
5841
|
-
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "
|
|
5754
|
+
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
|
|
5842
5755
|
export type PanelPaddingSize = (typeof _SIZES)[number];
|
|
5843
5756
|
export const BORDER_RADII: readonly ["none", "m"];
|
|
5844
5757
|
export type PanelBorderRadius = (typeof BORDER_RADII)[number];
|
|
@@ -6948,6 +6861,109 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
|
|
|
6948
6861
|
import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
|
|
6949
6862
|
export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
|
|
6950
6863
|
|
|
6864
|
+
}
|
|
6865
|
+
declare module '@elastic/eui/src/services/color/contrast' {
|
|
6866
|
+
export const wcagContrastMin = 4.5;
|
|
6867
|
+
/**
|
|
6868
|
+
* Creates a new color that meets or exceeds WCAG level AA
|
|
6869
|
+
* @param foreground - Color to manipulate
|
|
6870
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6871
|
+
* *
|
|
6872
|
+
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
6873
|
+
*/
|
|
6874
|
+
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6875
|
+
colors: {
|
|
6876
|
+
body: string;
|
|
6877
|
+
};
|
|
6878
|
+
[key: string]: any;
|
|
6879
|
+
}) => string;
|
|
6880
|
+
/**
|
|
6881
|
+
* Creates a new color with increased contrast
|
|
6882
|
+
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
6883
|
+
* @param foreground - Color to manipulate
|
|
6884
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6885
|
+
* *
|
|
6886
|
+
* @param themeOrBackground - Color to use as the contrast basis
|
|
6887
|
+
*/
|
|
6888
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6889
|
+
colors: {
|
|
6890
|
+
body: string;
|
|
6891
|
+
};
|
|
6892
|
+
[key: string]: any;
|
|
6893
|
+
}) => string;
|
|
6894
|
+
|
|
6895
|
+
}
|
|
6896
|
+
declare module '@elastic/eui/src/services/color' {
|
|
6897
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6898
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6899
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6900
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6901
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6902
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6903
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6904
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6905
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6906
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6907
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6908
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6909
|
+
export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteSkyBlue, euiPaletteYellow, euiPaletteOrange, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
|
|
6910
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6911
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6912
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6913
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6914
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
6915
|
+
|
|
6916
|
+
}
|
|
6917
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6918
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6919
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6920
|
+
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6921
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6922
|
+
theme?: EuiThemeSystem<T>;
|
|
6923
|
+
colorMode?: EuiThemeColorMode;
|
|
6924
|
+
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6925
|
+
modify?: EuiThemeModifications<T>;
|
|
6926
|
+
children: any;
|
|
6927
|
+
/**
|
|
6928
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6929
|
+
* set the default text `color` that all nested children will inherit.
|
|
6930
|
+
*
|
|
6931
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6932
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
6933
|
+
*
|
|
6934
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6935
|
+
* the default inherited text color will be set on the page `body`.
|
|
6936
|
+
*/
|
|
6937
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6938
|
+
cloneElement?: boolean;
|
|
6939
|
+
};
|
|
6940
|
+
}
|
|
6941
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
6942
|
+
|
|
6943
|
+
}
|
|
6944
|
+
declare module '@elastic/eui/src/services/theme/theme_variant' {
|
|
6945
|
+
import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
|
|
6946
|
+
export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
|
|
6947
|
+
/**
|
|
6948
|
+
* Util to retrieve visual variant for UI elements
|
|
6949
|
+
* Note: Temporary only - will be removed once the visual refresh is completed.
|
|
6950
|
+
*/
|
|
6951
|
+
export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
|
|
6952
|
+
|
|
6953
|
+
}
|
|
6954
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
6955
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
6956
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
6957
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
|
|
6958
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
6959
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
6960
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
6961
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
6962
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6963
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6964
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
6965
|
+
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
6966
|
+
|
|
6951
6967
|
}
|
|
6952
6968
|
declare module '@elastic/eui/src/services/color/manipulation' {
|
|
6953
6969
|
import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
|
|
@@ -7014,107 +7030,233 @@ declare module '@elastic/eui/src/services/color/manipulation' {
|
|
|
7014
7030
|
export const brighten: (color: string, amount: number) => string;
|
|
7015
7031
|
|
|
7016
7032
|
}
|
|
7017
|
-
declare module '@elastic/eui/src/
|
|
7018
|
-
export const wcagContrastMin = 4.5;
|
|
7033
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
|
|
7019
7034
|
/**
|
|
7020
|
-
*
|
|
7021
|
-
*
|
|
7022
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7023
|
-
* *
|
|
7024
|
-
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
7035
|
+
* These are not actually used, but we map them to ensure token parity.
|
|
7036
|
+
* They are mapped to other vis colors
|
|
7025
7037
|
*/
|
|
7026
|
-
export const
|
|
7027
|
-
|
|
7028
|
-
|
|
7038
|
+
export const severityColors: {
|
|
7039
|
+
unknown: string;
|
|
7040
|
+
neutral: string;
|
|
7041
|
+
success: string;
|
|
7042
|
+
warning: string;
|
|
7043
|
+
risk: string;
|
|
7044
|
+
danger: string;
|
|
7045
|
+
};
|
|
7046
|
+
|
|
7047
|
+
}
|
|
7048
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
7049
|
+
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
7050
|
+
export const brand_colors: _EuiThemeBrandColors;
|
|
7051
|
+
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
7052
|
+
export const shade_colors: _EuiThemeShadeColors;
|
|
7053
|
+
export const special_colors: _EuiThemeSpecialColors;
|
|
7054
|
+
export const text_colors: _EuiThemeTextColors;
|
|
7055
|
+
export const background_colors: _EuiThemeBackgroundColors;
|
|
7056
|
+
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
7057
|
+
export const border_colors: _EuiThemeBorderColors;
|
|
7058
|
+
export const light_colors: _EuiThemeColorsMode;
|
|
7059
|
+
export const dark_shades: _EuiThemeShadeColors;
|
|
7060
|
+
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
7061
|
+
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
7062
|
+
export const dark_border_colors: _EuiThemeBorderColors;
|
|
7063
|
+
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
7064
|
+
export const colors: _EuiThemeColors;
|
|
7065
|
+
|
|
7066
|
+
}
|
|
7067
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
7068
|
+
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
7069
|
+
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
7070
|
+
export const animation_ease: _EuiThemeAnimationEasings;
|
|
7071
|
+
export const animation: _EuiThemeAnimation;
|
|
7072
|
+
|
|
7073
|
+
}
|
|
7074
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
7075
|
+
export { breakpoint } from '@elastic/eui-theme-common';
|
|
7076
|
+
|
|
7077
|
+
}
|
|
7078
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
7079
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
7080
|
+
export const base: _EuiThemeBase;
|
|
7081
|
+
export const size: _EuiThemeSizes;
|
|
7082
|
+
|
|
7083
|
+
}
|
|
7084
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
7085
|
+
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
7086
|
+
export const border: _EuiThemeBorder;
|
|
7087
|
+
|
|
7088
|
+
}
|
|
7089
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
7090
|
+
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
7091
|
+
export const levels: _EuiThemeLevels;
|
|
7092
|
+
|
|
7093
|
+
}
|
|
7094
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
7095
|
+
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
7096
|
+
export const fontScale: _EuiThemeFontScales;
|
|
7097
|
+
export const fontBase: _EuiThemeFontBase;
|
|
7098
|
+
export const fontWeight: _EuiThemeFontWeights;
|
|
7099
|
+
export const font: _EuiThemeFont;
|
|
7100
|
+
|
|
7101
|
+
}
|
|
7102
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
7103
|
+
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
7104
|
+
export const focus: _EuiThemeFocus;
|
|
7105
|
+
|
|
7106
|
+
}
|
|
7107
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
7108
|
+
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
7109
|
+
export const buttons: _EuiThemeButton;
|
|
7110
|
+
|
|
7111
|
+
}
|
|
7112
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
7113
|
+
export const forms: {
|
|
7114
|
+
maxWidth: string;
|
|
7115
|
+
LIGHT: {
|
|
7116
|
+
background: string;
|
|
7117
|
+
backgroundDisabled: string;
|
|
7118
|
+
backgroundReadOnly: any;
|
|
7119
|
+
backgroundFocused: any;
|
|
7120
|
+
backgroundAutofilled: string;
|
|
7121
|
+
prependBackground: string;
|
|
7122
|
+
border: string;
|
|
7123
|
+
borderAutofilled: string;
|
|
7124
|
+
controlBorder: string;
|
|
7125
|
+
controlBorderSelected: string;
|
|
7126
|
+
controlBorderDisabled: string;
|
|
7127
|
+
controlBackgroundUnselected: any;
|
|
7128
|
+
controlBackgroundDisabled: any;
|
|
7129
|
+
colorHasPlaceholder: string;
|
|
7130
|
+
colorDisabled: any;
|
|
7131
|
+
iconDisabled: any;
|
|
7029
7132
|
};
|
|
7030
|
-
|
|
7031
|
-
|
|
7032
|
-
|
|
7033
|
-
|
|
7034
|
-
|
|
7035
|
-
|
|
7036
|
-
|
|
7037
|
-
|
|
7038
|
-
|
|
7039
|
-
|
|
7040
|
-
|
|
7041
|
-
|
|
7042
|
-
|
|
7133
|
+
DARK: {
|
|
7134
|
+
background: string;
|
|
7135
|
+
backgroundFocused: string;
|
|
7136
|
+
backgroundAutofilled: string;
|
|
7137
|
+
prependBackground: string;
|
|
7138
|
+
border: string;
|
|
7139
|
+
controlBorder: string;
|
|
7140
|
+
controlBorderSelected: string;
|
|
7141
|
+
controlBorderDisabled: string;
|
|
7142
|
+
backgroundDisabled: string;
|
|
7143
|
+
backgroundReadOnly: any;
|
|
7144
|
+
borderAutofilled: string;
|
|
7145
|
+
controlBackgroundUnselected: any;
|
|
7146
|
+
controlBackgroundDisabled: any;
|
|
7147
|
+
colorHasPlaceholder: string;
|
|
7148
|
+
colorDisabled: any;
|
|
7149
|
+
iconDisabled: any;
|
|
7043
7150
|
};
|
|
7044
|
-
|
|
7045
|
-
}) => string;
|
|
7151
|
+
};
|
|
7046
7152
|
|
|
7047
7153
|
}
|
|
7048
|
-
declare module '@elastic/eui/src/
|
|
7049
|
-
|
|
7050
|
-
export
|
|
7051
|
-
|
|
7052
|
-
|
|
7053
|
-
|
|
7054
|
-
|
|
7055
|
-
export
|
|
7056
|
-
export
|
|
7057
|
-
export
|
|
7058
|
-
|
|
7059
|
-
|
|
7060
|
-
|
|
7061
|
-
|
|
7062
|
-
|
|
7063
|
-
|
|
7064
|
-
|
|
7065
|
-
|
|
7066
|
-
export
|
|
7154
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
7155
|
+
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
7156
|
+
export const components: _EuiThemeComponents;
|
|
7157
|
+
|
|
7158
|
+
}
|
|
7159
|
+
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
7160
|
+
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
7161
|
+
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
7162
|
+
export const euiThemeAmsterdam: EuiThemeShape;
|
|
7163
|
+
export const EuiThemeAmsterdam: {
|
|
7164
|
+
model: EuiThemeShape;
|
|
7165
|
+
root: EuiThemeShape;
|
|
7166
|
+
key: string;
|
|
7167
|
+
};
|
|
7168
|
+
|
|
7169
|
+
}
|
|
7170
|
+
declare module '@elastic/eui/src/services/theme/context' {
|
|
7171
|
+
import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
|
|
7172
|
+
export const DEFAULTS: {
|
|
7173
|
+
system: {
|
|
7174
|
+
model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
7175
|
+
root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
7176
|
+
key: string;
|
|
7177
|
+
};
|
|
7178
|
+
modifications: {};
|
|
7179
|
+
colorMode: "LIGHT";
|
|
7180
|
+
highContrastMode: false;
|
|
7181
|
+
};
|
|
7182
|
+
export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
|
|
7183
|
+
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
|
|
7184
|
+
overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
|
|
7185
|
+
}>>;
|
|
7186
|
+
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
7187
|
+
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
7188
|
+
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
7189
|
+
export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
|
|
7190
|
+
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
7067
7191
|
|
|
7068
7192
|
}
|
|
7069
|
-
declare module '@elastic/eui/src/services/theme/
|
|
7070
|
-
import React
|
|
7071
|
-
import type
|
|
7072
|
-
|
|
7073
|
-
|
|
7074
|
-
|
|
7075
|
-
|
|
7076
|
-
|
|
7077
|
-
|
|
7078
|
-
|
|
7079
|
-
|
|
7080
|
-
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
7081
|
-
* set the default text `color` that all nested children will inherit.
|
|
7082
|
-
*
|
|
7083
|
-
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
7084
|
-
* This requires a **single** child component that the correct color class can be passed to.
|
|
7085
|
-
*
|
|
7086
|
-
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
7087
|
-
* the default inherited text color will be set on the page `body`.
|
|
7088
|
-
*/
|
|
7089
|
-
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
7090
|
-
cloneElement?: boolean;
|
|
7091
|
-
};
|
|
7193
|
+
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
7194
|
+
import React from 'react';
|
|
7195
|
+
import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
7196
|
+
/**
|
|
7197
|
+
* Hook for function components
|
|
7198
|
+
*/
|
|
7199
|
+
export interface UseEuiTheme<T extends {} = {}> {
|
|
7200
|
+
euiTheme: EuiThemeComputed<T>;
|
|
7201
|
+
colorMode: EuiThemeColorModeStandard;
|
|
7202
|
+
highContrastMode: EuiThemeHighContrastMode;
|
|
7203
|
+
modifications: EuiThemeModifications<T>;
|
|
7092
7204
|
}
|
|
7093
|
-
export const
|
|
7205
|
+
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
7206
|
+
/**
|
|
7207
|
+
* HOC for class components
|
|
7208
|
+
*/
|
|
7209
|
+
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
7210
|
+
theme: UseEuiTheme<P>;
|
|
7211
|
+
}
|
|
7212
|
+
export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
|
|
7213
|
+
/**
|
|
7214
|
+
* Render prop alternative for complex class components
|
|
7215
|
+
* Most useful for scenarios where a HOC may interfere with typing
|
|
7216
|
+
*/
|
|
7217
|
+
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
7218
|
+
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
7219
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
7220
|
+
/**
|
|
7221
|
+
* Minor syntactical sugar hook for theme CSS variables.
|
|
7222
|
+
* Primarily meant for internal EUI usage.
|
|
7223
|
+
*/
|
|
7224
|
+
export const useEuiThemeCSSVariables: () => {
|
|
7225
|
+
setGlobalCSSVariables: Function;
|
|
7226
|
+
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7227
|
+
setNearestThemeCSSVariables: Function;
|
|
7228
|
+
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7229
|
+
};
|
|
7230
|
+
/**
|
|
7231
|
+
* Checks whether the current active `colorMode` is set to `DARK`;
|
|
7232
|
+
* In case of nested providers this returns the value of the nearest provider context.
|
|
7233
|
+
*/
|
|
7234
|
+
export const useIsDarkMode: () => boolean;
|
|
7094
7235
|
|
|
7095
7236
|
}
|
|
7096
|
-
declare module '@elastic/eui/src/services/
|
|
7097
|
-
import {
|
|
7098
|
-
|
|
7237
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
7238
|
+
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
7239
|
+
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
7240
|
+
type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
7241
|
+
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
7099
7242
|
/**
|
|
7100
|
-
*
|
|
7101
|
-
*
|
|
7243
|
+
* Returns the current breakpoint based on window width.
|
|
7244
|
+
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
7245
|
+
* of window resize listeners on the page). Also conditionally called if a
|
|
7246
|
+
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
7102
7247
|
*/
|
|
7103
|
-
export const
|
|
7248
|
+
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
7249
|
+
export {};
|
|
7104
7250
|
|
|
7105
7251
|
}
|
|
7106
|
-
declare module '@elastic/eui/src/services/
|
|
7107
|
-
|
|
7108
|
-
|
|
7109
|
-
|
|
7110
|
-
|
|
7111
|
-
|
|
7112
|
-
|
|
7113
|
-
export
|
|
7114
|
-
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
7115
|
-
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
7116
|
-
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
7117
|
-
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
7252
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
7253
|
+
/**
|
|
7254
|
+
* Hook util / syntactical sugar for useContext()
|
|
7255
|
+
*
|
|
7256
|
+
* This hook is in its own separate file to make mocking it
|
|
7257
|
+
* as a testenv easy for Jest unit tests
|
|
7258
|
+
*/
|
|
7259
|
+
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
7118
7260
|
|
|
7119
7261
|
}
|
|
7120
7262
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -9191,13 +9333,13 @@ declare module '@elastic/eui/src/components/form/checkbox/checkbox.styles' {
|
|
|
9191
9333
|
|
|
9192
9334
|
}
|
|
9193
9335
|
declare module '@elastic/eui/src/components/form/checkbox/checkbox' {
|
|
9194
|
-
import { FunctionComponent, ChangeEventHandler, ReactNode, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
|
|
9336
|
+
import { FunctionComponent, ChangeEventHandler, ReactNode, InputHTMLAttributes, LabelHTMLAttributes, Ref } from 'react';
|
|
9195
9337
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
9196
9338
|
export interface EuiCheckboxProps extends CommonProps, InputHTMLAttributes<HTMLInputElement> {
|
|
9197
9339
|
id: string;
|
|
9198
9340
|
checked?: boolean;
|
|
9199
9341
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
9200
|
-
inputRef?: (element: HTMLInputElement) => void;
|
|
9342
|
+
inputRef?: Ref<HTMLInputElement> | ((element: HTMLInputElement) => void);
|
|
9201
9343
|
label?: ReactNode;
|
|
9202
9344
|
disabled?: boolean;
|
|
9203
9345
|
indeterminate?: boolean;
|
|
@@ -12554,11 +12696,6 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
12554
12696
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
12555
12697
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
12556
12698
|
|
|
12557
|
-
}
|
|
12558
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
12559
|
-
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12560
|
-
export const colorVis: _EuiThemeVisColors;
|
|
12561
|
-
|
|
12562
12699
|
}
|
|
12563
12700
|
declare module '@elastic/eui/src/themes/themes' {
|
|
12564
12701
|
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
@@ -12568,143 +12705,6 @@ declare module '@elastic/eui/src/themes/themes' {
|
|
|
12568
12705
|
provider?: EuiThemeSystem;
|
|
12569
12706
|
}
|
|
12570
12707
|
|
|
12571
|
-
}
|
|
12572
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
|
|
12573
|
-
/**
|
|
12574
|
-
* These are not actually used, but we map them to ensure token parity.
|
|
12575
|
-
* They are mapped to other vis colors
|
|
12576
|
-
*/
|
|
12577
|
-
export const severityColors: {
|
|
12578
|
-
unknown: string;
|
|
12579
|
-
neutral: string;
|
|
12580
|
-
success: string;
|
|
12581
|
-
warning: string;
|
|
12582
|
-
risk: string;
|
|
12583
|
-
danger: string;
|
|
12584
|
-
};
|
|
12585
|
-
|
|
12586
|
-
}
|
|
12587
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
12588
|
-
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
12589
|
-
export const brand_colors: _EuiThemeBrandColors;
|
|
12590
|
-
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
12591
|
-
export const shade_colors: _EuiThemeShadeColors;
|
|
12592
|
-
export const special_colors: _EuiThemeSpecialColors;
|
|
12593
|
-
export const text_colors: _EuiThemeTextColors;
|
|
12594
|
-
export const background_colors: _EuiThemeBackgroundColors;
|
|
12595
|
-
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12596
|
-
export const border_colors: _EuiThemeBorderColors;
|
|
12597
|
-
export const light_colors: _EuiThemeColorsMode;
|
|
12598
|
-
export const dark_shades: _EuiThemeShadeColors;
|
|
12599
|
-
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
12600
|
-
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12601
|
-
export const dark_border_colors: _EuiThemeBorderColors;
|
|
12602
|
-
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
12603
|
-
export const colors: _EuiThemeColors;
|
|
12604
|
-
|
|
12605
|
-
}
|
|
12606
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
12607
|
-
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
12608
|
-
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
12609
|
-
export const animation_ease: _EuiThemeAnimationEasings;
|
|
12610
|
-
export const animation: _EuiThemeAnimation;
|
|
12611
|
-
|
|
12612
|
-
}
|
|
12613
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
12614
|
-
export { breakpoint } from '@elastic/eui-theme-common';
|
|
12615
|
-
|
|
12616
|
-
}
|
|
12617
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
12618
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
12619
|
-
export const base: _EuiThemeBase;
|
|
12620
|
-
export const size: _EuiThemeSizes;
|
|
12621
|
-
|
|
12622
|
-
}
|
|
12623
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
12624
|
-
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
12625
|
-
export const border: _EuiThemeBorder;
|
|
12626
|
-
|
|
12627
|
-
}
|
|
12628
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
12629
|
-
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
12630
|
-
export const levels: _EuiThemeLevels;
|
|
12631
|
-
|
|
12632
|
-
}
|
|
12633
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
12634
|
-
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
12635
|
-
export const fontScale: _EuiThemeFontScales;
|
|
12636
|
-
export const fontBase: _EuiThemeFontBase;
|
|
12637
|
-
export const fontWeight: _EuiThemeFontWeights;
|
|
12638
|
-
export const font: _EuiThemeFont;
|
|
12639
|
-
|
|
12640
|
-
}
|
|
12641
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
12642
|
-
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
12643
|
-
export const focus: _EuiThemeFocus;
|
|
12644
|
-
|
|
12645
|
-
}
|
|
12646
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
12647
|
-
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
12648
|
-
export const buttons: _EuiThemeButton;
|
|
12649
|
-
|
|
12650
|
-
}
|
|
12651
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
12652
|
-
export const forms: {
|
|
12653
|
-
maxWidth: string;
|
|
12654
|
-
LIGHT: {
|
|
12655
|
-
background: string;
|
|
12656
|
-
backgroundDisabled: string;
|
|
12657
|
-
backgroundReadOnly: any;
|
|
12658
|
-
backgroundFocused: any;
|
|
12659
|
-
backgroundAutofilled: string;
|
|
12660
|
-
prependBackground: string;
|
|
12661
|
-
border: string;
|
|
12662
|
-
borderAutofilled: string;
|
|
12663
|
-
controlBorder: string;
|
|
12664
|
-
controlBorderSelected: string;
|
|
12665
|
-
controlBorderDisabled: string;
|
|
12666
|
-
controlBackgroundUnselected: any;
|
|
12667
|
-
controlBackgroundDisabled: any;
|
|
12668
|
-
colorHasPlaceholder: string;
|
|
12669
|
-
colorDisabled: any;
|
|
12670
|
-
iconDisabled: any;
|
|
12671
|
-
};
|
|
12672
|
-
DARK: {
|
|
12673
|
-
background: string;
|
|
12674
|
-
backgroundFocused: string;
|
|
12675
|
-
backgroundAutofilled: string;
|
|
12676
|
-
prependBackground: string;
|
|
12677
|
-
border: string;
|
|
12678
|
-
controlBorder: string;
|
|
12679
|
-
controlBorderSelected: string;
|
|
12680
|
-
controlBorderDisabled: string;
|
|
12681
|
-
backgroundDisabled: string;
|
|
12682
|
-
backgroundReadOnly: any;
|
|
12683
|
-
borderAutofilled: string;
|
|
12684
|
-
controlBackgroundUnselected: any;
|
|
12685
|
-
controlBackgroundDisabled: any;
|
|
12686
|
-
colorHasPlaceholder: string;
|
|
12687
|
-
colorDisabled: any;
|
|
12688
|
-
iconDisabled: any;
|
|
12689
|
-
};
|
|
12690
|
-
};
|
|
12691
|
-
|
|
12692
|
-
}
|
|
12693
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
12694
|
-
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
12695
|
-
export const components: _EuiThemeComponents;
|
|
12696
|
-
|
|
12697
|
-
}
|
|
12698
|
-
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
12699
|
-
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
12700
|
-
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
12701
|
-
export const euiThemeAmsterdam: EuiThemeShape;
|
|
12702
|
-
export const EuiThemeAmsterdam: {
|
|
12703
|
-
model: EuiThemeShape;
|
|
12704
|
-
root: EuiThemeShape;
|
|
12705
|
-
key: string;
|
|
12706
|
-
};
|
|
12707
|
-
|
|
12708
12708
|
}
|
|
12709
12709
|
declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
|
|
12710
12710
|
export * from '@elastic/eui/src/global_styling/mixins/_shadow';
|
|
@@ -13865,6 +13865,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_
|
|
|
13865
13865
|
autoFocus?: boolean;
|
|
13866
13866
|
'aria-label'?: string;
|
|
13867
13867
|
'aria-labelledby'?: string;
|
|
13868
|
+
'aria-describedby'?: string;
|
|
13868
13869
|
}
|
|
13869
13870
|
interface EuiComboBoxInputState {
|
|
13870
13871
|
inputWidth: number;
|
|
@@ -14639,7 +14640,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
14639
14640
|
/**
|
|
14640
14641
|
* Height types
|
|
14641
14642
|
*/
|
|
14642
|
-
getHeightType: (option?: EuiDataGridRowHeightOption) => "
|
|
14643
|
+
getHeightType: (option?: EuiDataGridRowHeightOption) => "default" | "auto" | "lineCount" | "numerical";
|
|
14643
14644
|
/**
|
|
14644
14645
|
* Line count utils
|
|
14645
14646
|
*/
|
|
@@ -15158,6 +15159,10 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
|
|
|
15158
15159
|
* Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowRowHeight = true` (which is the default).
|
|
15159
15160
|
*/
|
|
15160
15161
|
rowHeightsOptions?: EuiDataGridRowHeightsOptions;
|
|
15162
|
+
/**
|
|
15163
|
+
* A callback for when the fullscreen state changes. Callback receives `isFullScreen: boolean`.
|
|
15164
|
+
*/
|
|
15165
|
+
onFullScreenChange?: (isFullScreen: boolean) => void;
|
|
15161
15166
|
};
|
|
15162
15167
|
export type EuiDataGridProps = OneOf<CommonGridProps, 'aria-label' | 'aria-labelledby'>;
|
|
15163
15168
|
export interface EuiDataGridRefProps {
|
|
@@ -17072,7 +17077,7 @@ declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selecto
|
|
|
17072
17077
|
}
|
|
17073
17078
|
declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selector' {
|
|
17074
17079
|
import { ReactNode, KeyboardEventHandler } from 'react';
|
|
17075
|
-
export const useDataGridFullScreenSelector: () => {
|
|
17080
|
+
export const useDataGridFullScreenSelector: (onFullScreenChange?: (isFullScreen: boolean) => void) => {
|
|
17076
17081
|
isFullScreen: boolean;
|
|
17077
17082
|
setIsFullScreen: (isFullScreen: boolean) => void;
|
|
17078
17083
|
fullScreenSelector: ReactNode;
|
|
@@ -21828,7 +21833,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
21828
21833
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
21829
21834
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
21830
21835
|
/**
|
|
21831
|
-
* Provide a specific EuiTheme; Defaults to
|
|
21836
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
|
|
21832
21837
|
* Pass `null` to remove all theming including global reset
|
|
21833
21838
|
*/
|
|
21834
21839
|
theme?: EuiThemeSystem | null;
|
|
@@ -23087,13 +23092,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
23087
23092
|
slot?: string | undefined;
|
|
23088
23093
|
style?: CSSProperties | undefined;
|
|
23089
23094
|
title?: string | undefined;
|
|
23095
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23090
23096
|
width: number;
|
|
23091
23097
|
color?: string | undefined;
|
|
23092
23098
|
content?: string | undefined;
|
|
23093
|
-
hidden?: boolean | undefined;
|
|
23094
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23095
23099
|
translate?: "yes" | "no" | undefined;
|
|
23096
23100
|
property?: string | undefined;
|
|
23101
|
+
hidden?: boolean | undefined;
|
|
23097
23102
|
className?: string | undefined;
|
|
23098
23103
|
defaultChecked?: boolean | undefined;
|
|
23099
23104
|
defaultValue?: string | number | readonly string[] | undefined;
|