@elastic/eui 103.1.0-amsterdam.0 → 103.1.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 +348 -348
- 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 { colorVis } from '
|
|
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' {
|
|
512
|
-
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
513
|
-
export const colorVis: _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';
|
|
@@ -1146,7 +1239,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
|
|
|
1146
1239
|
*/
|
|
1147
1240
|
export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
|
|
1148
1241
|
export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
|
|
1149
|
-
export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "
|
|
1242
|
+
export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
|
|
1150
1243
|
|
|
1151
1244
|
}
|
|
1152
1245
|
declare module '@elastic/eui/src/global_styling/mixins/_states' {
|
|
@@ -1196,12 +1289,6 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
|
|
|
1196
1289
|
*/
|
|
1197
1290
|
export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
|
|
1198
1291
|
|
|
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
|
-
|
|
1205
1292
|
}
|
|
1206
1293
|
declare module '@elastic/eui/src/global_styling/variables/animations' {
|
|
1207
1294
|
export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
|
|
@@ -2923,7 +3010,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2923
3010
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
2924
3011
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
2925
3012
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
2926
|
-
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "
|
|
3013
|
+
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "info" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "question" | "quote" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "iInCircle" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
|
|
2927
3014
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
2928
3015
|
export type IconType = EuiIconType | string | ComponentType;
|
|
2929
3016
|
export type IconColor = string | NamedColor;
|
|
@@ -5751,7 +5838,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
|
|
|
5751
5838
|
import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
|
|
5752
5839
|
import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
5753
5840
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
5754
|
-
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "
|
|
5841
|
+
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
|
|
5755
5842
|
export type PanelPaddingSize = (typeof _SIZES)[number];
|
|
5756
5843
|
export const BORDER_RADII: readonly ["none", "m"];
|
|
5757
5844
|
export type PanelBorderRadius = (typeof BORDER_RADII)[number];
|
|
@@ -6861,109 +6948,6 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
|
|
|
6861
6948
|
import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
|
|
6862
6949
|
export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
|
|
6863
6950
|
|
|
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
|
-
|
|
6967
6951
|
}
|
|
6968
6952
|
declare module '@elastic/eui/src/services/color/manipulation' {
|
|
6969
6953
|
import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
|
|
@@ -7030,233 +7014,107 @@ declare module '@elastic/eui/src/services/color/manipulation' {
|
|
|
7030
7014
|
export const brighten: (color: string, amount: number) => string;
|
|
7031
7015
|
|
|
7032
7016
|
}
|
|
7033
|
-
declare module '@elastic/eui/src/
|
|
7017
|
+
declare module '@elastic/eui/src/services/color/contrast' {
|
|
7018
|
+
export const wcagContrastMin = 4.5;
|
|
7034
7019
|
/**
|
|
7035
|
-
*
|
|
7036
|
-
*
|
|
7020
|
+
* Creates a new color that meets or exceeds WCAG level AA
|
|
7021
|
+
* @param foreground - Color to manipulate
|
|
7022
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7023
|
+
* *
|
|
7024
|
+
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
7037
7025
|
*/
|
|
7038
|
-
export const
|
|
7039
|
-
|
|
7040
|
-
|
|
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;
|
|
7026
|
+
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
7027
|
+
colors: {
|
|
7028
|
+
body: string;
|
|
7132
7029
|
};
|
|
7133
|
-
|
|
7134
|
-
|
|
7135
|
-
|
|
7136
|
-
|
|
7137
|
-
|
|
7138
|
-
|
|
7139
|
-
|
|
7140
|
-
|
|
7141
|
-
|
|
7142
|
-
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
|
|
7146
|
-
controlBackgroundDisabled: any;
|
|
7147
|
-
colorHasPlaceholder: string;
|
|
7148
|
-
colorDisabled: any;
|
|
7149
|
-
iconDisabled: any;
|
|
7030
|
+
[key: string]: any;
|
|
7031
|
+
}) => string;
|
|
7032
|
+
/**
|
|
7033
|
+
* Creates a new color with increased contrast
|
|
7034
|
+
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
7035
|
+
* @param foreground - Color to manipulate
|
|
7036
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7037
|
+
* *
|
|
7038
|
+
* @param themeOrBackground - Color to use as the contrast basis
|
|
7039
|
+
*/
|
|
7040
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
7041
|
+
colors: {
|
|
7042
|
+
body: string;
|
|
7150
7043
|
};
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
}
|
|
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
|
-
};
|
|
7044
|
+
[key: string]: any;
|
|
7045
|
+
}) => string;
|
|
7168
7046
|
|
|
7169
7047
|
}
|
|
7170
|
-
declare module '@elastic/eui/src/services/
|
|
7171
|
-
|
|
7172
|
-
export
|
|
7173
|
-
|
|
7174
|
-
|
|
7175
|
-
|
|
7176
|
-
|
|
7177
|
-
|
|
7178
|
-
|
|
7179
|
-
|
|
7180
|
-
|
|
7181
|
-
};
|
|
7182
|
-
export
|
|
7183
|
-
export
|
|
7184
|
-
|
|
7185
|
-
}
|
|
7186
|
-
export
|
|
7187
|
-
export
|
|
7188
|
-
export
|
|
7189
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
|
|
7190
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
7048
|
+
declare module '@elastic/eui/src/services/color' {
|
|
7049
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
7050
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
7051
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
7052
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
7053
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
7054
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
7055
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
7056
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
7057
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
7058
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
7059
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
7060
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
7061
|
+
export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteSkyBlue, euiPaletteYellow, euiPaletteOrange, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
|
|
7062
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
7063
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
7064
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
7065
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
7066
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
7191
7067
|
|
|
7192
7068
|
}
|
|
7193
|
-
declare module '@elastic/eui/src/services/theme/
|
|
7194
|
-
import React from 'react';
|
|
7195
|
-
import
|
|
7196
|
-
|
|
7197
|
-
|
|
7198
|
-
|
|
7199
|
-
|
|
7200
|
-
|
|
7201
|
-
|
|
7202
|
-
|
|
7203
|
-
|
|
7204
|
-
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7069
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
7070
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
7071
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
7072
|
+
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
7073
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
7074
|
+
theme?: EuiThemeSystem<T>;
|
|
7075
|
+
colorMode?: EuiThemeColorMode;
|
|
7076
|
+
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
7077
|
+
modify?: EuiThemeModifications<T>;
|
|
7078
|
+
children: any;
|
|
7079
|
+
/**
|
|
7080
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
7081
|
+
* set the default text `color` that all nested children will inherit.
|
|
7082
|
+
*
|
|
7083
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
7084
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
7085
|
+
*
|
|
7086
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
7087
|
+
* the default inherited text color will be set on the page `body`.
|
|
7088
|
+
*/
|
|
7089
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
7090
|
+
cloneElement?: boolean;
|
|
7091
|
+
};
|
|
7211
7092
|
}
|
|
7212
|
-
export const
|
|
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;
|
|
7093
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
7235
7094
|
|
|
7236
7095
|
}
|
|
7237
|
-
declare module '@elastic/eui/src/services/
|
|
7238
|
-
import
|
|
7239
|
-
|
|
7240
|
-
type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
7241
|
-
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
7096
|
+
declare module '@elastic/eui/src/services/theme/theme_variant' {
|
|
7097
|
+
import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
|
|
7098
|
+
export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
|
|
7242
7099
|
/**
|
|
7243
|
-
*
|
|
7244
|
-
*
|
|
7245
|
-
* of window resize listeners on the page). Also conditionally called if a
|
|
7246
|
-
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
7100
|
+
* Util to retrieve visual variant for UI elements
|
|
7101
|
+
* Note: Temporary only - will be removed once the visual refresh is completed.
|
|
7247
7102
|
*/
|
|
7248
|
-
export const
|
|
7249
|
-
export {};
|
|
7103
|
+
export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
|
|
7250
7104
|
|
|
7251
7105
|
}
|
|
7252
|
-
declare module '@elastic/eui/src/services/
|
|
7253
|
-
|
|
7254
|
-
|
|
7255
|
-
|
|
7256
|
-
|
|
7257
|
-
|
|
7258
|
-
|
|
7259
|
-
export
|
|
7106
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
7107
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
7108
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
7109
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
|
|
7110
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
7111
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
7112
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
7113
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
7114
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
7115
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
7116
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
7117
|
+
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
7260
7118
|
|
|
7261
7119
|
}
|
|
7262
7120
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -12696,6 +12554,11 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
12696
12554
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
12697
12555
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
12698
12556
|
|
|
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
|
+
|
|
12699
12562
|
}
|
|
12700
12563
|
declare module '@elastic/eui/src/themes/themes' {
|
|
12701
12564
|
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
@@ -12705,6 +12568,143 @@ declare module '@elastic/eui/src/themes/themes' {
|
|
|
12705
12568
|
provider?: EuiThemeSystem;
|
|
12706
12569
|
}
|
|
12707
12570
|
|
|
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';
|
|
@@ -14640,7 +14640,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
14640
14640
|
/**
|
|
14641
14641
|
* Height types
|
|
14642
14642
|
*/
|
|
14643
|
-
getHeightType: (option?: EuiDataGridRowHeightOption) => "
|
|
14643
|
+
getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
|
|
14644
14644
|
/**
|
|
14645
14645
|
* Line count utils
|
|
14646
14646
|
*/
|
|
@@ -21833,7 +21833,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
21833
21833
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
21834
21834
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
21835
21835
|
/**
|
|
21836
|
-
* Provide a specific EuiTheme; Defaults to
|
|
21836
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
|
|
21837
21837
|
* Pass `null` to remove all theming including global reset
|
|
21838
21838
|
*/
|
|
21839
21839
|
theme?: EuiThemeSystem | null;
|
|
@@ -23092,13 +23092,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
23092
23092
|
slot?: string | undefined;
|
|
23093
23093
|
style?: CSSProperties | undefined;
|
|
23094
23094
|
title?: string | undefined;
|
|
23095
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23096
23095
|
width: number;
|
|
23097
23096
|
color?: string | undefined;
|
|
23098
23097
|
content?: string | undefined;
|
|
23098
|
+
hidden?: boolean | undefined;
|
|
23099
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23099
23100
|
translate?: "yes" | "no" | undefined;
|
|
23100
23101
|
property?: string | undefined;
|
|
23101
|
-
hidden?: boolean | undefined;
|
|
23102
23102
|
className?: string | undefined;
|
|
23103
23103
|
defaultChecked?: boolean | undefined;
|
|
23104
23104
|
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 = require("../../themes/amsterdam/global_styling/variables/_colo
|
|
|
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 { colorVis } from '
|
|
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 = require("../../themes/amsterdam/global_styling/variables/_colo
|
|
|
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 = require("../../themes/amsterdam/global_styling/variables/_colo
|
|
|
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
|