@elastic/eui 104.0.0-amsterdam.0 → 104.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_theme_borealis_dark.json.d.ts +1 -1
- package/dist/eui_theme_borealis_light.json.d.ts +1 -1
- package/es/components/provider/provider.js +2 -2
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/theme/context.js +2 -2
- package/eui.d.ts +355 -355
- 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';
|
|
@@ -2927,7 +3014,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2927
3014
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
2928
3015
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
2929
3016
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
2930
|
-
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "
|
|
3017
|
+
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")[];
|
|
2931
3018
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
2932
3019
|
export type IconType = EuiIconType | string | ComponentType;
|
|
2933
3020
|
export type IconColor = string | NamedColor;
|
|
@@ -5755,7 +5842,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
|
|
|
5755
5842
|
import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
|
|
5756
5843
|
import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
5757
5844
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
5758
|
-
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "
|
|
5845
|
+
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
|
|
5759
5846
|
export type PanelPaddingSize = (typeof _SIZES)[number];
|
|
5760
5847
|
export const BORDER_RADII: readonly ["none", "m"];
|
|
5761
5848
|
export type PanelBorderRadius = (typeof BORDER_RADII)[number];
|
|
@@ -6865,109 +6952,6 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
|
|
|
6865
6952
|
import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
|
|
6866
6953
|
export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
|
|
6867
6954
|
|
|
6868
|
-
}
|
|
6869
|
-
declare module '@elastic/eui/src/services/color/contrast' {
|
|
6870
|
-
export const wcagContrastMin = 4.5;
|
|
6871
|
-
/**
|
|
6872
|
-
* Creates a new color that meets or exceeds WCAG level AA
|
|
6873
|
-
* @param foreground - Color to manipulate
|
|
6874
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6875
|
-
* *
|
|
6876
|
-
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
6877
|
-
*/
|
|
6878
|
-
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6879
|
-
colors: {
|
|
6880
|
-
body: string;
|
|
6881
|
-
};
|
|
6882
|
-
[key: string]: any;
|
|
6883
|
-
}) => string;
|
|
6884
|
-
/**
|
|
6885
|
-
* Creates a new color with increased contrast
|
|
6886
|
-
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
6887
|
-
* @param foreground - Color to manipulate
|
|
6888
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6889
|
-
* *
|
|
6890
|
-
* @param themeOrBackground - Color to use as the contrast basis
|
|
6891
|
-
*/
|
|
6892
|
-
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6893
|
-
colors: {
|
|
6894
|
-
body: string;
|
|
6895
|
-
};
|
|
6896
|
-
[key: string]: any;
|
|
6897
|
-
}) => string;
|
|
6898
|
-
|
|
6899
|
-
}
|
|
6900
|
-
declare module '@elastic/eui/src/services/color' {
|
|
6901
|
-
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6902
|
-
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6903
|
-
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6904
|
-
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6905
|
-
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6906
|
-
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6907
|
-
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6908
|
-
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6909
|
-
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6910
|
-
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6911
|
-
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6912
|
-
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6913
|
-
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';
|
|
6914
|
-
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6915
|
-
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6916
|
-
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6917
|
-
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6918
|
-
export * from '@elastic/eui/src/services/color/contrast';
|
|
6919
|
-
|
|
6920
|
-
}
|
|
6921
|
-
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6922
|
-
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6923
|
-
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6924
|
-
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6925
|
-
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6926
|
-
theme?: EuiThemeSystem<T>;
|
|
6927
|
-
colorMode?: EuiThemeColorMode;
|
|
6928
|
-
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6929
|
-
modify?: EuiThemeModifications<T>;
|
|
6930
|
-
children: any;
|
|
6931
|
-
/**
|
|
6932
|
-
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6933
|
-
* set the default text `color` that all nested children will inherit.
|
|
6934
|
-
*
|
|
6935
|
-
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6936
|
-
* This requires a **single** child component that the correct color class can be passed to.
|
|
6937
|
-
*
|
|
6938
|
-
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6939
|
-
* the default inherited text color will be set on the page `body`.
|
|
6940
|
-
*/
|
|
6941
|
-
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6942
|
-
cloneElement?: boolean;
|
|
6943
|
-
};
|
|
6944
|
-
}
|
|
6945
|
-
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
6946
|
-
|
|
6947
|
-
}
|
|
6948
|
-
declare module '@elastic/eui/src/services/theme/theme_variant' {
|
|
6949
|
-
import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
|
|
6950
|
-
export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
|
|
6951
|
-
/**
|
|
6952
|
-
* Util to retrieve visual variant for UI elements
|
|
6953
|
-
* Note: Temporary only - will be removed once the visual refresh is completed.
|
|
6954
|
-
*/
|
|
6955
|
-
export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
|
|
6956
|
-
|
|
6957
|
-
}
|
|
6958
|
-
declare module '@elastic/eui/src/services/theme' {
|
|
6959
|
-
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
6960
|
-
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
6961
|
-
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
|
|
6962
|
-
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
6963
|
-
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
6964
|
-
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
6965
|
-
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
6966
|
-
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6967
|
-
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6968
|
-
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
6969
|
-
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
6970
|
-
|
|
6971
6955
|
}
|
|
6972
6956
|
declare module '@elastic/eui/src/services/color/manipulation' {
|
|
6973
6957
|
import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
|
|
@@ -7034,238 +7018,107 @@ declare module '@elastic/eui/src/services/color/manipulation' {
|
|
|
7034
7018
|
export const brighten: (color: string, amount: number) => string;
|
|
7035
7019
|
|
|
7036
7020
|
}
|
|
7037
|
-
declare module '@elastic/eui/src/
|
|
7038
|
-
|
|
7039
|
-
export const colorVisDark: _EuiThemeVisColors;
|
|
7040
|
-
|
|
7041
|
-
}
|
|
7042
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
|
|
7021
|
+
declare module '@elastic/eui/src/services/color/contrast' {
|
|
7022
|
+
export const wcagContrastMin = 4.5;
|
|
7043
7023
|
/**
|
|
7044
|
-
*
|
|
7045
|
-
*
|
|
7024
|
+
* Creates a new color that meets or exceeds WCAG level AA
|
|
7025
|
+
* @param foreground - Color to manipulate
|
|
7026
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7027
|
+
* *
|
|
7028
|
+
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
7046
7029
|
*/
|
|
7047
|
-
export const
|
|
7048
|
-
|
|
7049
|
-
|
|
7050
|
-
success: string;
|
|
7051
|
-
warning: string;
|
|
7052
|
-
risk: string;
|
|
7053
|
-
danger: string;
|
|
7054
|
-
};
|
|
7055
|
-
|
|
7056
|
-
}
|
|
7057
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
7058
|
-
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
7059
|
-
export const brand_colors: _EuiThemeBrandColors;
|
|
7060
|
-
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
7061
|
-
export const shade_colors: _EuiThemeShadeColors;
|
|
7062
|
-
export const special_colors: _EuiThemeSpecialColors;
|
|
7063
|
-
export const text_colors: _EuiThemeTextColors;
|
|
7064
|
-
export const background_colors: _EuiThemeBackgroundColors;
|
|
7065
|
-
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
7066
|
-
export const border_colors: _EuiThemeBorderColors;
|
|
7067
|
-
export const light_colors: _EuiThemeColorsMode;
|
|
7068
|
-
export const dark_shades: _EuiThemeShadeColors;
|
|
7069
|
-
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
7070
|
-
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
7071
|
-
export const dark_border_colors: _EuiThemeBorderColors;
|
|
7072
|
-
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
7073
|
-
export const colors: _EuiThemeColors;
|
|
7074
|
-
|
|
7075
|
-
}
|
|
7076
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
7077
|
-
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
7078
|
-
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
7079
|
-
export const animation_ease: _EuiThemeAnimationEasings;
|
|
7080
|
-
export const animation: _EuiThemeAnimation;
|
|
7081
|
-
|
|
7082
|
-
}
|
|
7083
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
7084
|
-
export { breakpoint } from '@elastic/eui-theme-common';
|
|
7085
|
-
|
|
7086
|
-
}
|
|
7087
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
7088
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
7089
|
-
export const base: _EuiThemeBase;
|
|
7090
|
-
export const size: _EuiThemeSizes;
|
|
7091
|
-
|
|
7092
|
-
}
|
|
7093
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
7094
|
-
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
7095
|
-
export const border: _EuiThemeBorder;
|
|
7096
|
-
|
|
7097
|
-
}
|
|
7098
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
7099
|
-
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
7100
|
-
export const levels: _EuiThemeLevels;
|
|
7101
|
-
|
|
7102
|
-
}
|
|
7103
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
7104
|
-
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
7105
|
-
export const fontScale: _EuiThemeFontScales;
|
|
7106
|
-
export const fontBase: _EuiThemeFontBase;
|
|
7107
|
-
export const fontWeight: _EuiThemeFontWeights;
|
|
7108
|
-
export const font: _EuiThemeFont;
|
|
7109
|
-
|
|
7110
|
-
}
|
|
7111
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
7112
|
-
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
7113
|
-
export const focus: _EuiThemeFocus;
|
|
7114
|
-
|
|
7115
|
-
}
|
|
7116
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
7117
|
-
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
7118
|
-
export const buttons: _EuiThemeButton;
|
|
7119
|
-
|
|
7120
|
-
}
|
|
7121
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
7122
|
-
export const forms: {
|
|
7123
|
-
maxWidth: string;
|
|
7124
|
-
LIGHT: {
|
|
7125
|
-
background: string;
|
|
7126
|
-
backgroundDisabled: string;
|
|
7127
|
-
backgroundReadOnly: any;
|
|
7128
|
-
backgroundFocused: any;
|
|
7129
|
-
backgroundAutofilled: string;
|
|
7130
|
-
prependBackground: string;
|
|
7131
|
-
border: string;
|
|
7132
|
-
borderAutofilled: string;
|
|
7133
|
-
controlBorder: string;
|
|
7134
|
-
controlBorderSelected: string;
|
|
7135
|
-
controlBorderDisabled: string;
|
|
7136
|
-
controlBackgroundUnselected: any;
|
|
7137
|
-
controlBackgroundDisabled: any;
|
|
7138
|
-
colorHasPlaceholder: string;
|
|
7139
|
-
colorDisabled: any;
|
|
7140
|
-
iconDisabled: any;
|
|
7030
|
+
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
7031
|
+
colors: {
|
|
7032
|
+
body: string;
|
|
7141
7033
|
};
|
|
7142
|
-
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
|
|
7146
|
-
|
|
7147
|
-
|
|
7148
|
-
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
|
|
7154
|
-
|
|
7155
|
-
controlBackgroundDisabled: any;
|
|
7156
|
-
colorHasPlaceholder: string;
|
|
7157
|
-
colorDisabled: any;
|
|
7158
|
-
iconDisabled: any;
|
|
7034
|
+
[key: string]: any;
|
|
7035
|
+
}) => string;
|
|
7036
|
+
/**
|
|
7037
|
+
* Creates a new color with increased contrast
|
|
7038
|
+
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
7039
|
+
* @param foreground - Color to manipulate
|
|
7040
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
7041
|
+
* *
|
|
7042
|
+
* @param themeOrBackground - Color to use as the contrast basis
|
|
7043
|
+
*/
|
|
7044
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
7045
|
+
colors: {
|
|
7046
|
+
body: string;
|
|
7159
7047
|
};
|
|
7160
|
-
|
|
7161
|
-
|
|
7162
|
-
}
|
|
7163
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
7164
|
-
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
7165
|
-
export const components: _EuiThemeComponents;
|
|
7166
|
-
|
|
7167
|
-
}
|
|
7168
|
-
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
7169
|
-
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
7170
|
-
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
7171
|
-
export const euiThemeAmsterdam: EuiThemeShape;
|
|
7172
|
-
export const EuiThemeAmsterdam: {
|
|
7173
|
-
model: EuiThemeShape;
|
|
7174
|
-
root: EuiThemeShape;
|
|
7175
|
-
key: string;
|
|
7176
|
-
};
|
|
7048
|
+
[key: string]: any;
|
|
7049
|
+
}) => string;
|
|
7177
7050
|
|
|
7178
7051
|
}
|
|
7179
|
-
declare module '@elastic/eui/src/services/
|
|
7180
|
-
|
|
7181
|
-
export
|
|
7182
|
-
|
|
7183
|
-
|
|
7184
|
-
|
|
7185
|
-
|
|
7186
|
-
|
|
7187
|
-
|
|
7188
|
-
|
|
7189
|
-
|
|
7190
|
-
};
|
|
7191
|
-
export
|
|
7192
|
-
export
|
|
7193
|
-
|
|
7194
|
-
}
|
|
7195
|
-
export
|
|
7196
|
-
export
|
|
7197
|
-
export
|
|
7198
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
|
|
7199
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
7052
|
+
declare module '@elastic/eui/src/services/color' {
|
|
7053
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
7054
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
7055
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
7056
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
7057
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
7058
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
7059
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
7060
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
7061
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
7062
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
7063
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
7064
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
7065
|
+
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';
|
|
7066
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
7067
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
7068
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
7069
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
7070
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
7200
7071
|
|
|
7201
7072
|
}
|
|
7202
|
-
declare module '@elastic/eui/src/services/theme/
|
|
7203
|
-
import React from 'react';
|
|
7204
|
-
import
|
|
7205
|
-
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
|
|
7213
|
-
|
|
7214
|
-
|
|
7215
|
-
|
|
7216
|
-
|
|
7217
|
-
|
|
7218
|
-
|
|
7219
|
-
|
|
7073
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
7074
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
7075
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
7076
|
+
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
7077
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
7078
|
+
theme?: EuiThemeSystem<T>;
|
|
7079
|
+
colorMode?: EuiThemeColorMode;
|
|
7080
|
+
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
7081
|
+
modify?: EuiThemeModifications<T>;
|
|
7082
|
+
children: any;
|
|
7083
|
+
/**
|
|
7084
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
7085
|
+
* set the default text `color` that all nested children will inherit.
|
|
7086
|
+
*
|
|
7087
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
7088
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
7089
|
+
*
|
|
7090
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
7091
|
+
* the default inherited text color will be set on the page `body`.
|
|
7092
|
+
*/
|
|
7093
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
7094
|
+
cloneElement?: boolean;
|
|
7095
|
+
};
|
|
7220
7096
|
}
|
|
7221
|
-
export const
|
|
7222
|
-
/**
|
|
7223
|
-
* Render prop alternative for complex class components
|
|
7224
|
-
* Most useful for scenarios where a HOC may interfere with typing
|
|
7225
|
-
*/
|
|
7226
|
-
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
7227
|
-
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
7228
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
7229
|
-
/**
|
|
7230
|
-
* Minor syntactical sugar hook for theme CSS variables.
|
|
7231
|
-
* Primarily meant for internal EUI usage.
|
|
7232
|
-
*/
|
|
7233
|
-
export const useEuiThemeCSSVariables: () => {
|
|
7234
|
-
setGlobalCSSVariables: Function;
|
|
7235
|
-
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7236
|
-
setNearestThemeCSSVariables: Function;
|
|
7237
|
-
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7238
|
-
};
|
|
7239
|
-
/**
|
|
7240
|
-
* Checks whether the current active `colorMode` is set to `DARK`;
|
|
7241
|
-
* In case of nested providers this returns the value of the nearest provider context.
|
|
7242
|
-
*/
|
|
7243
|
-
export const useIsDarkMode: () => boolean;
|
|
7097
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
7244
7098
|
|
|
7245
7099
|
}
|
|
7246
|
-
declare module '@elastic/eui/src/services/
|
|
7247
|
-
import
|
|
7248
|
-
|
|
7249
|
-
type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
7250
|
-
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
7100
|
+
declare module '@elastic/eui/src/services/theme/theme_variant' {
|
|
7101
|
+
import { EuiThemeVariantFlags, UseEuiTheme } from '@elastic/eui-theme-common';
|
|
7102
|
+
export const isEuiThemeRefreshVariant: ({ euiTheme }: UseEuiTheme, flag: keyof EuiThemeVariantFlags) => boolean;
|
|
7251
7103
|
/**
|
|
7252
|
-
*
|
|
7253
|
-
*
|
|
7254
|
-
* of window resize listeners on the page). Also conditionally called if a
|
|
7255
|
-
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
7104
|
+
* Util to retrieve visual variant for UI elements
|
|
7105
|
+
* Note: Temporary only - will be removed once the visual refresh is completed.
|
|
7256
7106
|
*/
|
|
7257
|
-
export const
|
|
7258
|
-
export {};
|
|
7107
|
+
export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
|
|
7259
7108
|
|
|
7260
7109
|
}
|
|
7261
|
-
declare module '@elastic/eui/src/services/
|
|
7262
|
-
|
|
7263
|
-
|
|
7264
|
-
|
|
7265
|
-
|
|
7266
|
-
|
|
7267
|
-
|
|
7268
|
-
export
|
|
7110
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
7111
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
7112
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
7113
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, useIsDarkMode, } from '@elastic/eui/src/services/theme/hooks';
|
|
7114
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
7115
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
7116
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
7117
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
7118
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
7119
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
7120
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
7121
|
+
export * from '@elastic/eui/src/services/theme/theme_variant';
|
|
7269
7122
|
|
|
7270
7123
|
}
|
|
7271
7124
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -12709,6 +12562,16 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
12709
12562
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
12710
12563
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
12711
12564
|
|
|
12565
|
+
}
|
|
12566
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_light' {
|
|
12567
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12568
|
+
export const colorVisLight: _EuiThemeVisColors;
|
|
12569
|
+
|
|
12570
|
+
}
|
|
12571
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_dark' {
|
|
12572
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12573
|
+
export const colorVisDark: _EuiThemeVisColors;
|
|
12574
|
+
|
|
12712
12575
|
}
|
|
12713
12576
|
declare module '@elastic/eui/src/themes/themes' {
|
|
12714
12577
|
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
@@ -12718,6 +12581,143 @@ declare module '@elastic/eui/src/themes/themes' {
|
|
|
12718
12581
|
provider?: EuiThemeSystem;
|
|
12719
12582
|
}
|
|
12720
12583
|
|
|
12584
|
+
}
|
|
12585
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
|
|
12586
|
+
/**
|
|
12587
|
+
* These are not actually used, but we map them to ensure token parity.
|
|
12588
|
+
* They are mapped to other vis colors
|
|
12589
|
+
*/
|
|
12590
|
+
export const severityColors: {
|
|
12591
|
+
unknown: string;
|
|
12592
|
+
neutral: string;
|
|
12593
|
+
success: string;
|
|
12594
|
+
warning: string;
|
|
12595
|
+
risk: string;
|
|
12596
|
+
danger: string;
|
|
12597
|
+
};
|
|
12598
|
+
|
|
12599
|
+
}
|
|
12600
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
12601
|
+
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
12602
|
+
export const brand_colors: _EuiThemeBrandColors;
|
|
12603
|
+
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
12604
|
+
export const shade_colors: _EuiThemeShadeColors;
|
|
12605
|
+
export const special_colors: _EuiThemeSpecialColors;
|
|
12606
|
+
export const text_colors: _EuiThemeTextColors;
|
|
12607
|
+
export const background_colors: _EuiThemeBackgroundColors;
|
|
12608
|
+
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12609
|
+
export const border_colors: _EuiThemeBorderColors;
|
|
12610
|
+
export const light_colors: _EuiThemeColorsMode;
|
|
12611
|
+
export const dark_shades: _EuiThemeShadeColors;
|
|
12612
|
+
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
12613
|
+
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12614
|
+
export const dark_border_colors: _EuiThemeBorderColors;
|
|
12615
|
+
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
12616
|
+
export const colors: _EuiThemeColors;
|
|
12617
|
+
|
|
12618
|
+
}
|
|
12619
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
12620
|
+
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
12621
|
+
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
12622
|
+
export const animation_ease: _EuiThemeAnimationEasings;
|
|
12623
|
+
export const animation: _EuiThemeAnimation;
|
|
12624
|
+
|
|
12625
|
+
}
|
|
12626
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
12627
|
+
export { breakpoint } from '@elastic/eui-theme-common';
|
|
12628
|
+
|
|
12629
|
+
}
|
|
12630
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
12631
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
12632
|
+
export const base: _EuiThemeBase;
|
|
12633
|
+
export const size: _EuiThemeSizes;
|
|
12634
|
+
|
|
12635
|
+
}
|
|
12636
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
12637
|
+
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
12638
|
+
export const border: _EuiThemeBorder;
|
|
12639
|
+
|
|
12640
|
+
}
|
|
12641
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
12642
|
+
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
12643
|
+
export const levels: _EuiThemeLevels;
|
|
12644
|
+
|
|
12645
|
+
}
|
|
12646
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
12647
|
+
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
12648
|
+
export const fontScale: _EuiThemeFontScales;
|
|
12649
|
+
export const fontBase: _EuiThemeFontBase;
|
|
12650
|
+
export const fontWeight: _EuiThemeFontWeights;
|
|
12651
|
+
export const font: _EuiThemeFont;
|
|
12652
|
+
|
|
12653
|
+
}
|
|
12654
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
12655
|
+
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
12656
|
+
export const focus: _EuiThemeFocus;
|
|
12657
|
+
|
|
12658
|
+
}
|
|
12659
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
12660
|
+
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
12661
|
+
export const buttons: _EuiThemeButton;
|
|
12662
|
+
|
|
12663
|
+
}
|
|
12664
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
12665
|
+
export const forms: {
|
|
12666
|
+
maxWidth: string;
|
|
12667
|
+
LIGHT: {
|
|
12668
|
+
background: string;
|
|
12669
|
+
backgroundDisabled: string;
|
|
12670
|
+
backgroundReadOnly: any;
|
|
12671
|
+
backgroundFocused: any;
|
|
12672
|
+
backgroundAutofilled: string;
|
|
12673
|
+
prependBackground: string;
|
|
12674
|
+
border: string;
|
|
12675
|
+
borderAutofilled: string;
|
|
12676
|
+
controlBorder: string;
|
|
12677
|
+
controlBorderSelected: string;
|
|
12678
|
+
controlBorderDisabled: string;
|
|
12679
|
+
controlBackgroundUnselected: any;
|
|
12680
|
+
controlBackgroundDisabled: any;
|
|
12681
|
+
colorHasPlaceholder: string;
|
|
12682
|
+
colorDisabled: any;
|
|
12683
|
+
iconDisabled: any;
|
|
12684
|
+
};
|
|
12685
|
+
DARK: {
|
|
12686
|
+
background: string;
|
|
12687
|
+
backgroundFocused: string;
|
|
12688
|
+
backgroundAutofilled: string;
|
|
12689
|
+
prependBackground: string;
|
|
12690
|
+
border: string;
|
|
12691
|
+
controlBorder: string;
|
|
12692
|
+
controlBorderSelected: string;
|
|
12693
|
+
controlBorderDisabled: string;
|
|
12694
|
+
backgroundDisabled: string;
|
|
12695
|
+
backgroundReadOnly: any;
|
|
12696
|
+
borderAutofilled: string;
|
|
12697
|
+
controlBackgroundUnselected: any;
|
|
12698
|
+
controlBackgroundDisabled: any;
|
|
12699
|
+
colorHasPlaceholder: string;
|
|
12700
|
+
colorDisabled: any;
|
|
12701
|
+
iconDisabled: any;
|
|
12702
|
+
};
|
|
12703
|
+
};
|
|
12704
|
+
|
|
12705
|
+
}
|
|
12706
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
12707
|
+
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
12708
|
+
export const components: _EuiThemeComponents;
|
|
12709
|
+
|
|
12710
|
+
}
|
|
12711
|
+
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
12712
|
+
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
12713
|
+
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
12714
|
+
export const euiThemeAmsterdam: EuiThemeShape;
|
|
12715
|
+
export const EuiThemeAmsterdam: {
|
|
12716
|
+
model: EuiThemeShape;
|
|
12717
|
+
root: EuiThemeShape;
|
|
12718
|
+
key: string;
|
|
12719
|
+
};
|
|
12720
|
+
|
|
12721
12721
|
}
|
|
12722
12722
|
declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
|
|
12723
12723
|
export * from '@elastic/eui/src/global_styling/mixins/_shadow';
|
|
@@ -14655,7 +14655,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
14655
14655
|
/**
|
|
14656
14656
|
* Height types
|
|
14657
14657
|
*/
|
|
14658
|
-
getHeightType: (option?: EuiDataGridRowHeightOption) => "
|
|
14658
|
+
getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
|
|
14659
14659
|
/**
|
|
14660
14660
|
* Line count utils
|
|
14661
14661
|
*/
|
|
@@ -21844,7 +21844,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
21844
21844
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
21845
21845
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
21846
21846
|
/**
|
|
21847
|
-
* Provide a specific EuiTheme; Defaults to
|
|
21847
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
|
|
21848
21848
|
* Pass `null` to remove all theming including global reset
|
|
21849
21849
|
*/
|
|
21850
21850
|
theme?: EuiThemeSystem | null;
|
|
@@ -23103,13 +23103,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
23103
23103
|
slot?: string | undefined;
|
|
23104
23104
|
style?: CSSProperties | undefined;
|
|
23105
23105
|
title?: string | undefined;
|
|
23106
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23107
23106
|
width: number;
|
|
23108
23107
|
color?: string | undefined;
|
|
23109
23108
|
content?: string | undefined;
|
|
23109
|
+
hidden?: boolean | undefined;
|
|
23110
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
23110
23111
|
translate?: "yes" | "no" | undefined;
|
|
23111
23112
|
property?: string | undefined;
|
|
23112
|
-
hidden?: boolean | undefined;
|
|
23113
23113
|
className?: string | undefined;
|
|
23114
23114
|
defaultChecked?: boolean | undefined;
|
|
23115
23115
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -32363,7 +32363,7 @@ declare module '@elastic/eui/dist/eui_theme_amsterdam_light.json' {
|
|
|
32363
32363
|
};
|
|
32364
32364
|
export default sassVariables;
|
|
32365
32365
|
}
|
|
32366
|
-
declare module '@elastic/eui
|
|
32366
|
+
declare module '@elastic/eui/dist/eui_theme_borealis_dark.json' {
|
|
32367
32367
|
const sassVariables: {
|
|
32368
32368
|
euiZDataGrid: number;
|
|
32369
32369
|
euiZHeaderBelowDataGrid: number;
|
|
@@ -32789,7 +32789,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
32789
32789
|
};
|
|
32790
32790
|
export default sassVariables;
|
|
32791
32791
|
}
|
|
32792
|
-
declare module '@elastic/eui
|
|
32792
|
+
declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
|
|
32793
32793
|
const sassVariables: {
|
|
32794
32794
|
euiZDataGrid: number;
|
|
32795
32795
|
euiZHeaderBelowDataGrid: number;
|
|
@@ -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
|