@elastic/eui 105.0.0-amsterdam.0 → 105.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/provider/provider.js +2 -2
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/theme/context.js +2 -2
- package/eui.d.ts +353 -353
- 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/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/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/package.json +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
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import React from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
|
|
11
11
|
import { EuiThemeProvider } from '../../services';
|
|
12
12
|
import { emitEuiProviderWarning } from '../../services/theme/warning';
|
|
13
13
|
import { cache as fallbackCache } from '../../services/emotion/css';
|
|
@@ -26,7 +26,7 @@ export var EuiProvider = function EuiProvider(_ref) {
|
|
|
26
26
|
var _ref$cache = _ref.cache,
|
|
27
27
|
cache = _ref$cache === void 0 ? fallbackCache : _ref$cache,
|
|
28
28
|
_ref$theme = _ref.theme,
|
|
29
|
-
theme = _ref$theme === void 0 ?
|
|
29
|
+
theme = _ref$theme === void 0 ? EuiThemeBorealis : _ref$theme,
|
|
30
30
|
_ref$globalStyles = _ref.globalStyles,
|
|
31
31
|
Globals = _ref$globalStyles === void 0 ? EuiGlobalStyles : _ref$globalStyles,
|
|
32
32
|
_ref$utilityClasses = _ref.utilityClasses,
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
10
|
-
import {
|
|
10
|
+
import { colorVis } from '@elastic/eui-theme-borealis';
|
|
11
11
|
|
|
12
12
|
// initialsetup of Vis color storage with default colors
|
|
13
13
|
export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, true);
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { createContext } from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
|
|
11
11
|
import { DEFAULT_COLOR_MODE, getComputed } from './utils';
|
|
12
12
|
export var DEFAULTS = {
|
|
13
|
-
system:
|
|
13
|
+
system: EuiThemeBorealis,
|
|
14
14
|
modifications: {},
|
|
15
15
|
colorMode: DEFAULT_COLOR_MODE,
|
|
16
16
|
highContrastMode: false
|
package/eui.d.ts
CHANGED
|
@@ -171,13 +171,124 @@ 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
|
+
|
|
174
178
|
}
|
|
175
179
|
declare module '@elastic/eui/src/services/theme/utils' {
|
|
176
180
|
export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
|
|
177
181
|
|
|
178
182
|
}
|
|
179
|
-
declare module '@elastic/eui/src/services/theme/
|
|
180
|
-
|
|
183
|
+
declare module '@elastic/eui/src/services/theme/context' {
|
|
184
|
+
import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
|
|
185
|
+
export const DEFAULTS: {
|
|
186
|
+
system: {
|
|
187
|
+
model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
188
|
+
root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
189
|
+
key: string;
|
|
190
|
+
};
|
|
191
|
+
modifications: {};
|
|
192
|
+
colorMode: "LIGHT";
|
|
193
|
+
highContrastMode: false;
|
|
194
|
+
};
|
|
195
|
+
export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
|
|
196
|
+
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
|
|
197
|
+
overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
|
|
198
|
+
}>>;
|
|
199
|
+
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
200
|
+
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
201
|
+
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
202
|
+
export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
|
|
203
|
+
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
204
|
+
|
|
205
|
+
}
|
|
206
|
+
declare module '@elastic/eui/src/services/theme/warning' {
|
|
207
|
+
type LEVELS = 'log' | 'warn' | 'error';
|
|
208
|
+
type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
209
|
+
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
210
|
+
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
211
|
+
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
212
|
+
export {};
|
|
213
|
+
|
|
214
|
+
}
|
|
215
|
+
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
216
|
+
import React from 'react';
|
|
217
|
+
import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
218
|
+
/**
|
|
219
|
+
* Hook for function components
|
|
220
|
+
*/
|
|
221
|
+
export interface UseEuiTheme<T extends {} = {}> {
|
|
222
|
+
euiTheme: EuiThemeComputed<T>;
|
|
223
|
+
colorMode: EuiThemeColorModeStandard;
|
|
224
|
+
highContrastMode: EuiThemeHighContrastMode;
|
|
225
|
+
modifications: EuiThemeModifications<T>;
|
|
226
|
+
}
|
|
227
|
+
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
228
|
+
/**
|
|
229
|
+
* HOC for class components
|
|
230
|
+
*/
|
|
231
|
+
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
232
|
+
theme: UseEuiTheme<P>;
|
|
233
|
+
}
|
|
234
|
+
export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
|
|
235
|
+
/**
|
|
236
|
+
* Render prop alternative for complex class components
|
|
237
|
+
* Most useful for scenarios where a HOC may interfere with typing
|
|
238
|
+
*/
|
|
239
|
+
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
240
|
+
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
241
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
242
|
+
/**
|
|
243
|
+
* Minor syntactical sugar hook for theme CSS variables.
|
|
244
|
+
* Primarily meant for internal EUI usage.
|
|
245
|
+
*/
|
|
246
|
+
export const useEuiThemeCSSVariables: () => {
|
|
247
|
+
setGlobalCSSVariables: Function;
|
|
248
|
+
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
249
|
+
setNearestThemeCSSVariables: Function;
|
|
250
|
+
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
251
|
+
};
|
|
252
|
+
/**
|
|
253
|
+
* Checks whether the current active `colorMode` is set to `DARK`;
|
|
254
|
+
* In case of nested providers this returns the value of the nearest provider context.
|
|
255
|
+
*/
|
|
256
|
+
export const useIsDarkMode: () => boolean;
|
|
257
|
+
|
|
258
|
+
}
|
|
259
|
+
declare module '@elastic/eui/src/services/throttle' {
|
|
260
|
+
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
261
|
+
|
|
262
|
+
}
|
|
263
|
+
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
264
|
+
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
265
|
+
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
266
|
+
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
267
|
+
|
|
268
|
+
}
|
|
269
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
270
|
+
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
271
|
+
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
272
|
+
type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
273
|
+
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
274
|
+
/**
|
|
275
|
+
* Returns the current breakpoint based on window width.
|
|
276
|
+
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
277
|
+
* of window resize listeners on the page). Also conditionally called if a
|
|
278
|
+
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
279
|
+
*/
|
|
280
|
+
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
281
|
+
export {};
|
|
282
|
+
|
|
283
|
+
}
|
|
284
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
285
|
+
/**
|
|
286
|
+
* Hook util / syntactical sugar for useContext()
|
|
287
|
+
*
|
|
288
|
+
* This hook is in its own separate file to make mocking it
|
|
289
|
+
* as a testenv easy for Jest unit tests
|
|
290
|
+
*/
|
|
291
|
+
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
181
292
|
|
|
182
293
|
}
|
|
183
294
|
declare module '@elastic/eui/src/services/emotion/clone_element' {
|
|
@@ -276,10 +387,6 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
|
|
|
276
387
|
*/
|
|
277
388
|
export const useDeepEqual: <T = Record<string, any> | any[] | undefined>(object: T) => T;
|
|
278
389
|
|
|
279
|
-
}
|
|
280
|
-
declare module '@elastic/eui/src/services/throttle' {
|
|
281
|
-
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
282
|
-
|
|
283
390
|
}
|
|
284
391
|
declare module '@elastic/eui/src/services/hooks/useMouseMove' {
|
|
285
392
|
import { MouseEvent, TouchEvent } from 'react';
|
|
@@ -302,15 +409,6 @@ declare module '@elastic/eui/src/services/hooks' {
|
|
|
302
409
|
export * from '@elastic/eui/src/services/hooks/useMouseMove';
|
|
303
410
|
export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
|
|
304
411
|
|
|
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
|
-
|
|
314
412
|
}
|
|
315
413
|
declare module '@elastic/eui/src/services/theme/style_memoization' {
|
|
316
414
|
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
@@ -507,11 +605,6 @@ declare module '@elastic/eui/src/services/color/color_palette' {
|
|
|
507
605
|
*/
|
|
508
606
|
categorical?: boolean): string[];
|
|
509
607
|
|
|
510
|
-
}
|
|
511
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_light' {
|
|
512
|
-
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
513
|
-
export const colorVisLight: _EuiThemeVisColors;
|
|
514
|
-
|
|
515
608
|
}
|
|
516
609
|
declare module '@elastic/eui/src/services/color/vis_color_store' {
|
|
517
610
|
import { _EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
@@ -1150,7 +1243,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
|
|
|
1150
1243
|
*/
|
|
1151
1244
|
export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
|
|
1152
1245
|
export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
|
|
1153
|
-
export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "
|
|
1246
|
+
export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
|
|
1154
1247
|
|
|
1155
1248
|
}
|
|
1156
1249
|
declare module '@elastic/eui/src/global_styling/mixins/_states' {
|
|
@@ -1200,12 +1293,6 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
|
|
|
1200
1293
|
*/
|
|
1201
1294
|
export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
|
|
1202
1295
|
|
|
1203
|
-
}
|
|
1204
|
-
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
1205
|
-
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
1206
|
-
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1207
|
-
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1208
|
-
|
|
1209
1296
|
}
|
|
1210
1297
|
declare module '@elastic/eui/src/global_styling/variables/animations' {
|
|
1211
1298
|
export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
|
|
@@ -2926,7 +3013,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2926
3013
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
2927
3014
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
2928
3015
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
2929
|
-
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "
|
|
3016
|
+
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "info" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "question" | "quote" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "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" | "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")[];
|
|
2930
3017
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
2931
3018
|
export type IconType = EuiIconType | string | ComponentType;
|
|
2932
3019
|
export type IconColor = string | NamedColor;
|
|
@@ -5754,7 +5841,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
|
|
|
5754
5841
|
import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
|
|
5755
5842
|
import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
5756
5843
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
5757
|
-
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "
|
|
5844
|
+
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
|
|
5758
5845
|
export type PanelPaddingSize = (typeof _SIZES)[number];
|
|
5759
5846
|
export const BORDER_RADII: readonly ["none", "m"];
|
|
5760
5847
|
export type PanelBorderRadius = (typeof BORDER_RADII)[number];
|
|
@@ -6864,109 +6951,6 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
|
|
|
6864
6951
|
import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
|
|
6865
6952
|
export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
|
|
6866
6953
|
|
|
6867
|
-
}
|
|
6868
|
-
declare module '@elastic/eui/src/services/color/contrast' {
|
|
6869
|
-
export const wcagContrastMin = 4.5;
|
|
6870
|
-
/**
|
|
6871
|
-
* Creates a new color that meets or exceeds WCAG level AA
|
|
6872
|
-
* @param foreground - Color to manipulate
|
|
6873
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6874
|
-
* *
|
|
6875
|
-
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
6876
|
-
*/
|
|
6877
|
-
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6878
|
-
colors: {
|
|
6879
|
-
body: string;
|
|
6880
|
-
};
|
|
6881
|
-
[key: string]: any;
|
|
6882
|
-
}) => string;
|
|
6883
|
-
/**
|
|
6884
|
-
* Creates a new color with increased contrast
|
|
6885
|
-
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
6886
|
-
* @param foreground - Color to manipulate
|
|
6887
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6888
|
-
* *
|
|
6889
|
-
* @param themeOrBackground - Color to use as the contrast basis
|
|
6890
|
-
*/
|
|
6891
|
-
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6892
|
-
colors: {
|
|
6893
|
-
body: string;
|
|
6894
|
-
};
|
|
6895
|
-
[key: string]: any;
|
|
6896
|
-
}) => string;
|
|
6897
|
-
|
|
6898
|
-
}
|
|
6899
|
-
declare module '@elastic/eui/src/services/color' {
|
|
6900
|
-
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6901
|
-
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6902
|
-
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6903
|
-
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6904
|
-
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6905
|
-
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6906
|
-
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6907
|
-
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6908
|
-
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6909
|
-
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6910
|
-
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6911
|
-
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6912
|
-
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';
|
|
6913
|
-
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6914
|
-
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6915
|
-
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6916
|
-
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6917
|
-
export * from '@elastic/eui/src/services/color/contrast';
|
|
6918
|
-
|
|
6919
|
-
}
|
|
6920
|
-
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6921
|
-
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6922
|
-
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6923
|
-
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6924
|
-
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6925
|
-
theme?: EuiThemeSystem<T>;
|
|
6926
|
-
colorMode?: EuiThemeColorMode;
|
|
6927
|
-
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6928
|
-
modify?: EuiThemeModifications<T>;
|
|
6929
|
-
children: any;
|
|
6930
|
-
/**
|
|
6931
|
-
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6932
|
-
* set the default text `color` that all nested children will inherit.
|
|
6933
|
-
*
|
|
6934
|
-
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6935
|
-
* This requires a **single** child component that the correct color class can be passed to.
|
|
6936
|
-
*
|
|
6937
|
-
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6938
|
-
* the default inherited text color will be set on the page `body`.
|
|
6939
|
-
*/
|
|
6940
|
-
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6941
|
-
cloneElement?: boolean;
|
|
6942
|
-
};
|
|
6943
|
-
}
|
|
6944
|
-
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
6945
|
-
|
|
6946
|
-
}
|
|
6947
|
-
declare module '@elastic/eui/src/services/theme/theme_variant' {
|
|
6948
|
-
import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
|
|
6949
|
-
export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
|
|
6950
|
-
/**
|
|
6951
|
-
* Util to retrieve visual variant for UI elements
|
|
6952
|
-
* Note: Temporary only - will be removed once the visual refresh is completed.
|
|
6953
|
-
*/
|
|
6954
|
-
export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
|
|
6955
|
-
|
|
6956
|
-
}
|
|
6957
|
-
declare module '@elastic/eui/src/services/theme' {
|
|
6958
|
-
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
6959
|
-
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
6960
|
-
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
|
|
6961
|
-
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
6962
|
-
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
6963
|
-
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
6964
|
-
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
6965
|
-
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6966
|
-
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6967
|
-
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
6968
|
-
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
6969
|
-
|
|
6970
6954
|
}
|
|
6971
6955
|
declare module '@elastic/eui/src/services/color/manipulation' {
|
|
6972
6956
|
import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
|
|
@@ -7033,238 +7017,107 @@ declare module '@elastic/eui/src/services/color/manipulation' {
|
|
|
7033
7017
|
export const brighten: (color: string, amount: number) => string;
|
|
7034
7018
|
|
|
7035
7019
|
}
|
|
7036
|
-
declare module '@elastic/eui/src/
|
|
7037
|
-
|
|
7038
|
-
export const colorVisDark: _EuiThemeVisColors;
|
|
7039
|
-
|
|
7040
|
-
}
|
|
7041
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
|
|
7020
|
+
declare module '@elastic/eui/src/services/color/contrast' {
|
|
7021
|
+
export const wcagContrastMin = 4.5;
|
|
7042
7022
|
/**
|
|
7043
|
-
*
|
|
7044
|
-
*
|
|
7023
|
+
* Creates a new color that meets or exceeds WCAG level AA
|
|
7024
|
+
* @param foreground - Color to manipulate
|
|
7025
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7026
|
+
* *
|
|
7027
|
+
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
7045
7028
|
*/
|
|
7046
|
-
export const
|
|
7047
|
-
|
|
7048
|
-
|
|
7049
|
-
success: string;
|
|
7050
|
-
warning: string;
|
|
7051
|
-
risk: string;
|
|
7052
|
-
danger: string;
|
|
7053
|
-
};
|
|
7054
|
-
|
|
7055
|
-
}
|
|
7056
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
7057
|
-
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
7058
|
-
export const brand_colors: _EuiThemeBrandColors;
|
|
7059
|
-
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
7060
|
-
export const shade_colors: _EuiThemeShadeColors;
|
|
7061
|
-
export const special_colors: _EuiThemeSpecialColors;
|
|
7062
|
-
export const text_colors: _EuiThemeTextColors;
|
|
7063
|
-
export const background_colors: _EuiThemeBackgroundColors;
|
|
7064
|
-
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
7065
|
-
export const border_colors: _EuiThemeBorderColors;
|
|
7066
|
-
export const light_colors: _EuiThemeColorsMode;
|
|
7067
|
-
export const dark_shades: _EuiThemeShadeColors;
|
|
7068
|
-
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
7069
|
-
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
7070
|
-
export const dark_border_colors: _EuiThemeBorderColors;
|
|
7071
|
-
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
7072
|
-
export const colors: _EuiThemeColors;
|
|
7073
|
-
|
|
7074
|
-
}
|
|
7075
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
7076
|
-
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
7077
|
-
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
7078
|
-
export const animation_ease: _EuiThemeAnimationEasings;
|
|
7079
|
-
export const animation: _EuiThemeAnimation;
|
|
7080
|
-
|
|
7081
|
-
}
|
|
7082
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
7083
|
-
export { breakpoint } from '@elastic/eui-theme-common';
|
|
7084
|
-
|
|
7085
|
-
}
|
|
7086
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
7087
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
7088
|
-
export const base: _EuiThemeBase;
|
|
7089
|
-
export const size: _EuiThemeSizes;
|
|
7090
|
-
|
|
7091
|
-
}
|
|
7092
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
7093
|
-
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
7094
|
-
export const border: _EuiThemeBorder;
|
|
7095
|
-
|
|
7096
|
-
}
|
|
7097
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
7098
|
-
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
7099
|
-
export const levels: _EuiThemeLevels;
|
|
7100
|
-
|
|
7101
|
-
}
|
|
7102
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
7103
|
-
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
7104
|
-
export const fontScale: _EuiThemeFontScales;
|
|
7105
|
-
export const fontBase: _EuiThemeFontBase;
|
|
7106
|
-
export const fontWeight: _EuiThemeFontWeights;
|
|
7107
|
-
export const font: _EuiThemeFont;
|
|
7108
|
-
|
|
7109
|
-
}
|
|
7110
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
7111
|
-
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
7112
|
-
export const focus: _EuiThemeFocus;
|
|
7113
|
-
|
|
7114
|
-
}
|
|
7115
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
7116
|
-
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
7117
|
-
export const buttons: _EuiThemeButton;
|
|
7118
|
-
|
|
7119
|
-
}
|
|
7120
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
7121
|
-
export const forms: {
|
|
7122
|
-
maxWidth: string;
|
|
7123
|
-
LIGHT: {
|
|
7124
|
-
background: string;
|
|
7125
|
-
backgroundDisabled: string;
|
|
7126
|
-
backgroundReadOnly: any;
|
|
7127
|
-
backgroundFocused: any;
|
|
7128
|
-
backgroundAutofilled: string;
|
|
7129
|
-
prependBackground: string;
|
|
7130
|
-
border: string;
|
|
7131
|
-
borderAutofilled: string;
|
|
7132
|
-
controlBorder: string;
|
|
7133
|
-
controlBorderSelected: string;
|
|
7134
|
-
controlBorderDisabled: string;
|
|
7135
|
-
controlBackgroundUnselected: any;
|
|
7136
|
-
controlBackgroundDisabled: any;
|
|
7137
|
-
colorHasPlaceholder: string;
|
|
7138
|
-
colorDisabled: any;
|
|
7139
|
-
iconDisabled: any;
|
|
7029
|
+
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
7030
|
+
colors: {
|
|
7031
|
+
body: string;
|
|
7140
7032
|
};
|
|
7141
|
-
|
|
7142
|
-
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
|
|
7146
|
-
|
|
7147
|
-
|
|
7148
|
-
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
|
|
7154
|
-
controlBackgroundDisabled: any;
|
|
7155
|
-
colorHasPlaceholder: string;
|
|
7156
|
-
colorDisabled: any;
|
|
7157
|
-
iconDisabled: any;
|
|
7033
|
+
[key: string]: any;
|
|
7034
|
+
}) => string;
|
|
7035
|
+
/**
|
|
7036
|
+
* Creates a new color with increased contrast
|
|
7037
|
+
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
7038
|
+
* @param foreground - Color to manipulate
|
|
7039
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7040
|
+
* *
|
|
7041
|
+
* @param themeOrBackground - Color to use as the contrast basis
|
|
7042
|
+
*/
|
|
7043
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
7044
|
+
colors: {
|
|
7045
|
+
body: string;
|
|
7158
7046
|
};
|
|
7159
|
-
|
|
7160
|
-
|
|
7161
|
-
}
|
|
7162
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
7163
|
-
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
7164
|
-
export const components: _EuiThemeComponents;
|
|
7165
|
-
|
|
7166
|
-
}
|
|
7167
|
-
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
7168
|
-
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
7169
|
-
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
7170
|
-
export const euiThemeAmsterdam: EuiThemeShape;
|
|
7171
|
-
export const EuiThemeAmsterdam: {
|
|
7172
|
-
model: EuiThemeShape;
|
|
7173
|
-
root: EuiThemeShape;
|
|
7174
|
-
key: string;
|
|
7175
|
-
};
|
|
7047
|
+
[key: string]: any;
|
|
7048
|
+
}) => string;
|
|
7176
7049
|
|
|
7177
7050
|
}
|
|
7178
|
-
declare module '@elastic/eui/src/services/
|
|
7179
|
-
|
|
7180
|
-
export
|
|
7181
|
-
|
|
7182
|
-
|
|
7183
|
-
|
|
7184
|
-
|
|
7185
|
-
|
|
7186
|
-
|
|
7187
|
-
|
|
7188
|
-
|
|
7189
|
-
};
|
|
7190
|
-
export
|
|
7191
|
-
export
|
|
7192
|
-
|
|
7193
|
-
}
|
|
7194
|
-
export
|
|
7195
|
-
export
|
|
7196
|
-
export
|
|
7197
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
|
|
7198
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
7051
|
+
declare module '@elastic/eui/src/services/color' {
|
|
7052
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
7053
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
7054
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
7055
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
7056
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
7057
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
7058
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
7059
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
7060
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
7061
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
7062
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
7063
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
7064
|
+
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';
|
|
7065
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
7066
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
7067
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
7068
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
7069
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
7199
7070
|
|
|
7200
7071
|
}
|
|
7201
|
-
declare module '@elastic/eui/src/services/theme/
|
|
7202
|
-
import React from 'react';
|
|
7203
|
-
import
|
|
7204
|
-
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7072
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
7073
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
7074
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
7075
|
+
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
7076
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
7077
|
+
theme?: EuiThemeSystem<T>;
|
|
7078
|
+
colorMode?: EuiThemeColorMode;
|
|
7079
|
+
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
7080
|
+
modify?: EuiThemeModifications<T>;
|
|
7081
|
+
children: any;
|
|
7082
|
+
/**
|
|
7083
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
7084
|
+
* set the default text `color` that all nested children will inherit.
|
|
7085
|
+
*
|
|
7086
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
7087
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
7088
|
+
*
|
|
7089
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
7090
|
+
* the default inherited text color will be set on the page `body`.
|
|
7091
|
+
*/
|
|
7092
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
7093
|
+
cloneElement?: boolean;
|
|
7094
|
+
};
|
|
7219
7095
|
}
|
|
7220
|
-
export const
|
|
7221
|
-
/**
|
|
7222
|
-
* Render prop alternative for complex class components
|
|
7223
|
-
* Most useful for scenarios where a HOC may interfere with typing
|
|
7224
|
-
*/
|
|
7225
|
-
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
7226
|
-
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
7227
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
7228
|
-
/**
|
|
7229
|
-
* Minor syntactical sugar hook for theme CSS variables.
|
|
7230
|
-
* Primarily meant for internal EUI usage.
|
|
7231
|
-
*/
|
|
7232
|
-
export const useEuiThemeCSSVariables: () => {
|
|
7233
|
-
setGlobalCSSVariables: Function;
|
|
7234
|
-
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7235
|
-
setNearestThemeCSSVariables: Function;
|
|
7236
|
-
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7237
|
-
};
|
|
7238
|
-
/**
|
|
7239
|
-
* Checks whether the current active `colorMode` is set to `DARK`;
|
|
7240
|
-
* In case of nested providers this returns the value of the nearest provider context.
|
|
7241
|
-
*/
|
|
7242
|
-
export const useIsDarkMode: () => boolean;
|
|
7096
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
7243
7097
|
|
|
7244
7098
|
}
|
|
7245
|
-
declare module '@elastic/eui/src/services/
|
|
7246
|
-
import
|
|
7247
|
-
|
|
7248
|
-
type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
7249
|
-
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
7099
|
+
declare module '@elastic/eui/src/services/theme/theme_variant' {
|
|
7100
|
+
import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
|
|
7101
|
+
export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
|
|
7250
7102
|
/**
|
|
7251
|
-
*
|
|
7252
|
-
*
|
|
7253
|
-
* of window resize listeners on the page). Also conditionally called if a
|
|
7254
|
-
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
7103
|
+
* Util to retrieve visual variant for UI elements
|
|
7104
|
+
* Note: Temporary only - will be removed once the visual refresh is completed.
|
|
7255
7105
|
*/
|
|
7256
|
-
export const
|
|
7257
|
-
export {};
|
|
7106
|
+
export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
|
|
7258
7107
|
|
|
7259
7108
|
}
|
|
7260
|
-
declare module '@elastic/eui/src/services/
|
|
7261
|
-
|
|
7262
|
-
|
|
7263
|
-
|
|
7264
|
-
|
|
7265
|
-
|
|
7266
|
-
|
|
7267
|
-
export
|
|
7109
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
7110
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
7111
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
7112
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
|
|
7113
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
7114
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
7115
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
7116
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
7117
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
7118
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
7119
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
7120
|
+
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
7268
7121
|
|
|
7269
7122
|
}
|
|
7270
7123
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -13025,6 +12878,16 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
13025
12878
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
13026
12879
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
13027
12880
|
|
|
12881
|
+
}
|
|
12882
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_light' {
|
|
12883
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12884
|
+
export const colorVisLight: _EuiThemeVisColors;
|
|
12885
|
+
|
|
12886
|
+
}
|
|
12887
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_dark' {
|
|
12888
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12889
|
+
export const colorVisDark: _EuiThemeVisColors;
|
|
12890
|
+
|
|
13028
12891
|
}
|
|
13029
12892
|
declare module '@elastic/eui/src/themes/themes' {
|
|
13030
12893
|
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
@@ -13034,6 +12897,143 @@ declare module '@elastic/eui/src/themes/themes' {
|
|
|
13034
12897
|
provider?: EuiThemeSystem;
|
|
13035
12898
|
}
|
|
13036
12899
|
|
|
12900
|
+
}
|
|
12901
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
|
|
12902
|
+
/**
|
|
12903
|
+
* These are not actually used, but we map them to ensure token parity.
|
|
12904
|
+
* They are mapped to other vis colors
|
|
12905
|
+
*/
|
|
12906
|
+
export const severityColors: {
|
|
12907
|
+
unknown: string;
|
|
12908
|
+
neutral: string;
|
|
12909
|
+
success: string;
|
|
12910
|
+
warning: string;
|
|
12911
|
+
risk: string;
|
|
12912
|
+
danger: string;
|
|
12913
|
+
};
|
|
12914
|
+
|
|
12915
|
+
}
|
|
12916
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
12917
|
+
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
12918
|
+
export const brand_colors: _EuiThemeBrandColors;
|
|
12919
|
+
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
12920
|
+
export const shade_colors: _EuiThemeShadeColors;
|
|
12921
|
+
export const special_colors: _EuiThemeSpecialColors;
|
|
12922
|
+
export const text_colors: _EuiThemeTextColors;
|
|
12923
|
+
export const background_colors: _EuiThemeBackgroundColors;
|
|
12924
|
+
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12925
|
+
export const border_colors: _EuiThemeBorderColors;
|
|
12926
|
+
export const light_colors: _EuiThemeColorsMode;
|
|
12927
|
+
export const dark_shades: _EuiThemeShadeColors;
|
|
12928
|
+
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
12929
|
+
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12930
|
+
export const dark_border_colors: _EuiThemeBorderColors;
|
|
12931
|
+
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
12932
|
+
export const colors: _EuiThemeColors;
|
|
12933
|
+
|
|
12934
|
+
}
|
|
12935
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
12936
|
+
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
12937
|
+
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
12938
|
+
export const animation_ease: _EuiThemeAnimationEasings;
|
|
12939
|
+
export const animation: _EuiThemeAnimation;
|
|
12940
|
+
|
|
12941
|
+
}
|
|
12942
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
12943
|
+
export { breakpoint } from '@elastic/eui-theme-common';
|
|
12944
|
+
|
|
12945
|
+
}
|
|
12946
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
12947
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
12948
|
+
export const base: _EuiThemeBase;
|
|
12949
|
+
export const size: _EuiThemeSizes;
|
|
12950
|
+
|
|
12951
|
+
}
|
|
12952
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
12953
|
+
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
12954
|
+
export const border: _EuiThemeBorder;
|
|
12955
|
+
|
|
12956
|
+
}
|
|
12957
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
12958
|
+
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
12959
|
+
export const levels: _EuiThemeLevels;
|
|
12960
|
+
|
|
12961
|
+
}
|
|
12962
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
12963
|
+
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
12964
|
+
export const fontScale: _EuiThemeFontScales;
|
|
12965
|
+
export const fontBase: _EuiThemeFontBase;
|
|
12966
|
+
export const fontWeight: _EuiThemeFontWeights;
|
|
12967
|
+
export const font: _EuiThemeFont;
|
|
12968
|
+
|
|
12969
|
+
}
|
|
12970
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
12971
|
+
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
12972
|
+
export const focus: _EuiThemeFocus;
|
|
12973
|
+
|
|
12974
|
+
}
|
|
12975
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
12976
|
+
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
12977
|
+
export const buttons: _EuiThemeButton;
|
|
12978
|
+
|
|
12979
|
+
}
|
|
12980
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
12981
|
+
export const forms: {
|
|
12982
|
+
maxWidth: string;
|
|
12983
|
+
LIGHT: {
|
|
12984
|
+
background: string;
|
|
12985
|
+
backgroundDisabled: string;
|
|
12986
|
+
backgroundReadOnly: any;
|
|
12987
|
+
backgroundFocused: any;
|
|
12988
|
+
backgroundAutofilled: string;
|
|
12989
|
+
prependBackground: string;
|
|
12990
|
+
border: string;
|
|
12991
|
+
borderAutofilled: string;
|
|
12992
|
+
controlBorder: string;
|
|
12993
|
+
controlBorderSelected: string;
|
|
12994
|
+
controlBorderDisabled: string;
|
|
12995
|
+
controlBackgroundUnselected: any;
|
|
12996
|
+
controlBackgroundDisabled: any;
|
|
12997
|
+
colorHasPlaceholder: string;
|
|
12998
|
+
colorDisabled: any;
|
|
12999
|
+
iconDisabled: any;
|
|
13000
|
+
};
|
|
13001
|
+
DARK: {
|
|
13002
|
+
background: string;
|
|
13003
|
+
backgroundFocused: string;
|
|
13004
|
+
backgroundAutofilled: string;
|
|
13005
|
+
prependBackground: string;
|
|
13006
|
+
border: string;
|
|
13007
|
+
controlBorder: string;
|
|
13008
|
+
controlBorderSelected: string;
|
|
13009
|
+
controlBorderDisabled: string;
|
|
13010
|
+
backgroundDisabled: string;
|
|
13011
|
+
backgroundReadOnly: any;
|
|
13012
|
+
borderAutofilled: string;
|
|
13013
|
+
controlBackgroundUnselected: any;
|
|
13014
|
+
controlBackgroundDisabled: any;
|
|
13015
|
+
colorHasPlaceholder: string;
|
|
13016
|
+
colorDisabled: any;
|
|
13017
|
+
iconDisabled: any;
|
|
13018
|
+
};
|
|
13019
|
+
};
|
|
13020
|
+
|
|
13021
|
+
}
|
|
13022
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
13023
|
+
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
13024
|
+
export const components: _EuiThemeComponents;
|
|
13025
|
+
|
|
13026
|
+
}
|
|
13027
|
+
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
13028
|
+
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
13029
|
+
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
13030
|
+
export const euiThemeAmsterdam: EuiThemeShape;
|
|
13031
|
+
export const EuiThemeAmsterdam: {
|
|
13032
|
+
model: EuiThemeShape;
|
|
13033
|
+
root: EuiThemeShape;
|
|
13034
|
+
key: string;
|
|
13035
|
+
};
|
|
13036
|
+
|
|
13037
13037
|
}
|
|
13038
13038
|
declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
|
|
13039
13039
|
export * from '@elastic/eui/src/global_styling/mixins/_shadow';
|
|
@@ -14976,7 +14976,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
14976
14976
|
/**
|
|
14977
14977
|
* Height types
|
|
14978
14978
|
*/
|
|
14979
|
-
getHeightType: (option?: EuiDataGridRowHeightOption) => "
|
|
14979
|
+
getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
|
|
14980
14980
|
/**
|
|
14981
14981
|
* Line count utils
|
|
14982
14982
|
*/
|
|
@@ -22168,7 +22168,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
22168
22168
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
22169
22169
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
22170
22170
|
/**
|
|
22171
|
-
* Provide a specific EuiTheme; Defaults to
|
|
22171
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
|
|
22172
22172
|
* Pass `null` to remove all theming including global reset
|
|
22173
22173
|
*/
|
|
22174
22174
|
theme?: EuiThemeSystem | null;
|
|
@@ -23427,13 +23427,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
23427
23427
|
slot?: string | undefined;
|
|
23428
23428
|
style?: CSSProperties | undefined;
|
|
23429
23429
|
title?: string | undefined;
|
|
23430
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23431
23430
|
width: number;
|
|
23432
23431
|
color?: string | undefined;
|
|
23433
23432
|
content?: string | undefined;
|
|
23433
|
+
hidden?: boolean | undefined;
|
|
23434
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23434
23435
|
translate?: "yes" | "no" | undefined;
|
|
23435
23436
|
property?: string | undefined;
|
|
23436
|
-
hidden?: boolean | undefined;
|
|
23437
23437
|
className?: string | undefined;
|
|
23438
23438
|
defaultChecked?: boolean | undefined;
|
|
23439
23439
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.EuiProvider = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
var _services = require("../../services");
|
|
10
10
|
var _warning = require("../../services/theme/warning");
|
|
11
11
|
var _css = require("../../services/emotion/css");
|
|
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
|
|
|
33
33
|
var _ref$cache = _ref.cache,
|
|
34
34
|
cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
|
|
35
35
|
_ref$theme = _ref.theme,
|
|
36
|
-
theme = _ref$theme === void 0 ?
|
|
36
|
+
theme = _ref$theme === void 0 ? _euiThemeBorealis.EuiThemeBorealis : _ref$theme,
|
|
37
37
|
_ref$globalStyles = _ref.globalStyles,
|
|
38
38
|
Globals = _ref$globalStyles === void 0 ? _global_styles.EuiGlobalStyles : _ref$globalStyles,
|
|
39
39
|
_ref$utilityClasses = _ref.utilityClasses,
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.EUI_VIS_COLOR_STORE = void 0;
|
|
7
7
|
var _euiThemeCommon = require("@elastic/eui-theme-common");
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
/*
|
|
10
10
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
11
11
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
@@ -15,4 +15,4 @@ var _colors_vis_light = require("../../themes/amsterdam/global_styling/variables
|
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
// initialsetup of Vis color storage with default colors
|
|
18
|
-
var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(
|
|
18
|
+
var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, true);
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
var _utils = require("./utils");
|
|
10
10
|
/*
|
|
11
11
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
@@ -16,7 +16,7 @@ var _utils = require("./utils");
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
var DEFAULTS = exports.DEFAULTS = {
|
|
19
|
-
system:
|
|
19
|
+
system: _euiThemeBorealis.EuiThemeBorealis,
|
|
20
20
|
modifications: {},
|
|
21
21
|
colorMode: _utils.DEFAULT_COLOR_MODE,
|
|
22
22
|
highContrastMode: false
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import React from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
|
|
11
11
|
import { EuiThemeProvider } from '../../services';
|
|
12
12
|
import { emitEuiProviderWarning } from '../../services/theme/warning';
|
|
13
13
|
import { cache as fallbackCache } from '../../services/emotion/css';
|
|
@@ -26,7 +26,7 @@ export var EuiProvider = function EuiProvider(_ref) {
|
|
|
26
26
|
var _ref$cache = _ref.cache,
|
|
27
27
|
cache = _ref$cache === void 0 ? fallbackCache : _ref$cache,
|
|
28
28
|
_ref$theme = _ref.theme,
|
|
29
|
-
theme = _ref$theme === void 0 ?
|
|
29
|
+
theme = _ref$theme === void 0 ? EuiThemeBorealis : _ref$theme,
|
|
30
30
|
_ref$globalStyles = _ref.globalStyles,
|
|
31
31
|
Globals = _ref$globalStyles === void 0 ? EuiGlobalStyles : _ref$globalStyles,
|
|
32
32
|
_ref$utilityClasses = _ref.utilityClasses,
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
10
|
-
import {
|
|
10
|
+
import { colorVis } from '@elastic/eui-theme-borealis';
|
|
11
11
|
|
|
12
12
|
// initialsetup of Vis color storage with default colors
|
|
13
13
|
export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, true);
|
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { createContext } from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
|
|
11
11
|
import { DEFAULT_COLOR_MODE, getComputed } from './utils';
|
|
12
12
|
export var DEFAULTS = {
|
|
13
|
-
system:
|
|
13
|
+
system: EuiThemeBorealis,
|
|
14
14
|
modifications: {},
|
|
15
15
|
colorMode: DEFAULT_COLOR_MODE,
|
|
16
16
|
highContrastMode: false
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.EuiProvider = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
10
10
|
var _services = require("../../services");
|
|
11
11
|
var _warning = require("../../services/theme/warning");
|
|
12
12
|
var _css = require("../../services/emotion/css");
|
|
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
|
|
|
33
33
|
var _ref$cache = _ref.cache,
|
|
34
34
|
cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
|
|
35
35
|
_ref$theme = _ref.theme,
|
|
36
|
-
theme = _ref$theme === void 0 ?
|
|
36
|
+
theme = _ref$theme === void 0 ? _euiThemeBorealis.EuiThemeBorealis : _ref$theme,
|
|
37
37
|
_ref$globalStyles = _ref.globalStyles,
|
|
38
38
|
Globals = _ref$globalStyles === void 0 ? _global_styles.EuiGlobalStyles : _ref$globalStyles,
|
|
39
39
|
_ref$utilityClasses = _ref.utilityClasses,
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.EUI_VIS_COLOR_STORE = void 0;
|
|
7
7
|
var _euiThemeCommon = require("@elastic/eui-theme-common");
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
/*
|
|
10
10
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
11
11
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
@@ -15,4 +15,4 @@ var _colors_vis_light = require("../../themes/amsterdam/global_styling/variables
|
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
// initialsetup of Vis color storage with default colors
|
|
18
|
-
var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(
|
|
18
|
+
var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, true);
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
var _utils = require("./utils");
|
|
10
10
|
/*
|
|
11
11
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
@@ -16,7 +16,7 @@ var _utils = require("./utils");
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
var DEFAULTS = exports.DEFAULTS = {
|
|
19
|
-
system:
|
|
19
|
+
system: _euiThemeBorealis.EuiThemeBorealis,
|
|
20
20
|
modifications: {},
|
|
21
21
|
colorMode: _utils.DEFAULT_COLOR_MODE,
|
|
22
22
|
highContrastMode: false
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.EuiProvider = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
10
10
|
var _services = require("../../services");
|
|
11
11
|
var _warning = require("../../services/theme/warning");
|
|
12
12
|
var _css = require("../../services/emotion/css");
|
|
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
|
|
|
33
33
|
var _ref$cache = _ref.cache,
|
|
34
34
|
cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
|
|
35
35
|
_ref$theme = _ref.theme,
|
|
36
|
-
theme = _ref$theme === void 0 ?
|
|
36
|
+
theme = _ref$theme === void 0 ? _euiThemeBorealis.EuiThemeBorealis : _ref$theme,
|
|
37
37
|
_ref$globalStyles = _ref.globalStyles,
|
|
38
38
|
Globals = _ref$globalStyles === void 0 ? _global_styles.EuiGlobalStyles : _ref$globalStyles,
|
|
39
39
|
_ref$utilityClasses = _ref.utilityClasses,
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.EUI_VIS_COLOR_STORE = void 0;
|
|
7
7
|
var _euiThemeCommon = require("@elastic/eui-theme-common");
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
/*
|
|
10
10
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
11
11
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
@@ -15,4 +15,4 @@ var _colors_vis_light = require("../../themes/amsterdam/global_styling/variables
|
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
// initialsetup of Vis color storage with default colors
|
|
18
|
-
var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(
|
|
18
|
+
var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, true);
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
|
|
9
9
|
var _utils = require("./utils");
|
|
10
10
|
/*
|
|
11
11
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
@@ -16,7 +16,7 @@ var _utils = require("./utils");
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
var DEFAULTS = exports.DEFAULTS = {
|
|
19
|
-
system:
|
|
19
|
+
system: _euiThemeBorealis.EuiThemeBorealis,
|
|
20
20
|
modifications: {},
|
|
21
21
|
colorMode: _utils.DEFAULT_COLOR_MODE,
|
|
22
22
|
highContrastMode: false
|