@elastic/eui 101.0.1 → 101.1.0-classic.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/components/table/table_row.styles.js +2 -1
- package/es/global_styling/functions/supports.js +18 -0
- package/es/services/color/vis_color_store.js +1 -1
- package/es/services/theme/context.js +2 -2
- package/eui.d.ts +347 -339
- package/lib/components/provider/provider.js +2 -2
- package/lib/components/table/table_row.styles.js +2 -1
- package/lib/global_styling/functions/supports.js +24 -0
- 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/components/table/table_row.styles.js +2 -1
- package/optimize/es/global_styling/functions/supports.js +18 -0
- 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/components/table/table_row.styles.js +2 -1
- package/optimize/lib/global_styling/functions/supports.js +24 -0
- 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/components/table/table_row.styles.js +2 -1
- package/test-env/global_styling/functions/supports.js +24 -0
- package/test-env/services/color/vis_color_store.js +2 -2
- package/test-env/services/theme/context.js +2 -2
package/eui.d.ts
CHANGED
|
@@ -167,115 +167,13 @@ declare module '@elastic/eui/src/components/common' {
|
|
|
167
167
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
168
168
|
} & ButtonHTMLAttributes<HTMLButtonElement> & P;
|
|
169
169
|
|
|
170
|
-
}
|
|
171
|
-
declare module '@elastic/eui/src/services/theme/types' {
|
|
172
|
-
export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
|
|
173
|
-
|
|
174
170
|
}
|
|
175
171
|
declare module '@elastic/eui/src/services/theme/utils' {
|
|
176
172
|
export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
|
|
177
173
|
|
|
178
174
|
}
|
|
179
|
-
declare module '@elastic/eui/src/services/theme/
|
|
180
|
-
|
|
181
|
-
export const DEFAULTS: {
|
|
182
|
-
system: {
|
|
183
|
-
model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
184
|
-
root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
185
|
-
key: string;
|
|
186
|
-
};
|
|
187
|
-
modifications: {};
|
|
188
|
-
colorMode: "LIGHT";
|
|
189
|
-
highContrastMode: false;
|
|
190
|
-
};
|
|
191
|
-
export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
|
|
192
|
-
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>>;
|
|
193
|
-
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
194
|
-
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
195
|
-
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
196
|
-
export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
|
|
197
|
-
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
198
|
-
|
|
199
|
-
}
|
|
200
|
-
declare module '@elastic/eui/src/services/theme/warning' {
|
|
201
|
-
type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
202
|
-
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
203
|
-
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
204
|
-
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
205
|
-
export {};
|
|
206
|
-
|
|
207
|
-
}
|
|
208
|
-
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
209
|
-
import React from 'react';
|
|
210
|
-
import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
211
|
-
/**
|
|
212
|
-
* Hook for function components
|
|
213
|
-
*/
|
|
214
|
-
export interface UseEuiTheme<T extends {} = {}> {
|
|
215
|
-
euiTheme: EuiThemeComputed<T>;
|
|
216
|
-
colorMode: EuiThemeColorModeStandard;
|
|
217
|
-
highContrastMode: EuiThemeHighContrastMode;
|
|
218
|
-
modifications: EuiThemeModifications<T>;
|
|
219
|
-
}
|
|
220
|
-
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
221
|
-
/**
|
|
222
|
-
* HOC for class components
|
|
223
|
-
*/
|
|
224
|
-
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
225
|
-
theme: UseEuiTheme<P>;
|
|
226
|
-
}
|
|
227
|
-
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">>>;
|
|
228
|
-
/**
|
|
229
|
-
* Render prop alternative for complex class components
|
|
230
|
-
* Most useful for scenarios where a HOC may interfere with typing
|
|
231
|
-
*/
|
|
232
|
-
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
233
|
-
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
234
|
-
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
235
|
-
/**
|
|
236
|
-
* Minor syntactical sugar hook for theme CSS variables.
|
|
237
|
-
* Primarily meant for internal EUI usage.
|
|
238
|
-
*/
|
|
239
|
-
export const useEuiThemeCSSVariables: () => {
|
|
240
|
-
setGlobalCSSVariables: Function;
|
|
241
|
-
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
242
|
-
setNearestThemeCSSVariables: Function;
|
|
243
|
-
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
244
|
-
};
|
|
245
|
-
|
|
246
|
-
}
|
|
247
|
-
declare module '@elastic/eui/src/services/throttle' {
|
|
248
|
-
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
249
|
-
|
|
250
|
-
}
|
|
251
|
-
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
252
|
-
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
253
|
-
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
254
|
-
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
255
|
-
|
|
256
|
-
}
|
|
257
|
-
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
258
|
-
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
259
|
-
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
260
|
-
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
261
|
-
/**
|
|
262
|
-
* Returns the current breakpoint based on window width.
|
|
263
|
-
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
264
|
-
* of window resize listeners on the page). Also conditionally called if a
|
|
265
|
-
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
266
|
-
*/
|
|
267
|
-
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
268
|
-
export {};
|
|
269
|
-
|
|
270
|
-
}
|
|
271
|
-
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
272
|
-
/**
|
|
273
|
-
* Hook util / syntactical sugar for useContext()
|
|
274
|
-
*
|
|
275
|
-
* This hook is in its own separate file to make mocking it
|
|
276
|
-
* as a testenv easy for Jest unit tests
|
|
277
|
-
*/
|
|
278
|
-
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
175
|
+
declare module '@elastic/eui/src/services/theme/types' {
|
|
176
|
+
export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
|
|
279
177
|
|
|
280
178
|
}
|
|
281
179
|
declare module '@elastic/eui/src/services/emotion/clone_element' {
|
|
@@ -373,6 +271,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
|
|
|
373
271
|
*/
|
|
374
272
|
export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
|
|
375
273
|
|
|
274
|
+
}
|
|
275
|
+
declare module '@elastic/eui/src/services/throttle' {
|
|
276
|
+
export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
|
|
277
|
+
|
|
376
278
|
}
|
|
377
279
|
declare module '@elastic/eui/src/services/hooks/useMouseMove' {
|
|
378
280
|
import { MouseEvent, TouchEvent } from 'react';
|
|
@@ -395,6 +297,14 @@ declare module '@elastic/eui/src/services/hooks' {
|
|
|
395
297
|
export * from '@elastic/eui/src/services/hooks/useMouseMove';
|
|
396
298
|
export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
|
|
397
299
|
|
|
300
|
+
}
|
|
301
|
+
declare module '@elastic/eui/src/services/theme/warning' {
|
|
302
|
+
type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
|
|
303
|
+
export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
|
|
304
|
+
export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
|
|
305
|
+
export const emitEuiProviderWarning: (providerMessage: string) => void;
|
|
306
|
+
export {};
|
|
307
|
+
|
|
398
308
|
}
|
|
399
309
|
declare module '@elastic/eui/src/services/theme/style_memoization' {
|
|
400
310
|
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
@@ -586,6 +496,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
|
|
|
586
496
|
*/
|
|
587
497
|
categorical?: boolean): string[];
|
|
588
498
|
|
|
499
|
+
}
|
|
500
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
501
|
+
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
502
|
+
export const colorVis: _EuiThemeVisColors;
|
|
503
|
+
|
|
589
504
|
}
|
|
590
505
|
declare module '@elastic/eui/src/services/color/vis_color_store' {
|
|
591
506
|
import { _EuiVisColorStore } from '@elastic/eui-theme-common';
|
|
@@ -1106,7 +1021,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
|
|
|
1106
1021
|
*/
|
|
1107
1022
|
export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
|
|
1108
1023
|
export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
|
|
1109
|
-
export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "
|
|
1024
|
+
export const useEuiPaddingCSS: (side?: "left" | "right" | "bottom" | "top" | "horizontal" | "vertical" | undefined) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
|
|
1110
1025
|
|
|
1111
1026
|
}
|
|
1112
1027
|
declare module '@elastic/eui/src/global_styling/mixins/_states' {
|
|
@@ -1156,6 +1071,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
|
|
|
1156
1071
|
*/
|
|
1157
1072
|
export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
|
|
1158
1073
|
|
|
1074
|
+
}
|
|
1075
|
+
declare module '@elastic/eui/src/services/breakpoint/_sorting' {
|
|
1076
|
+
import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
|
|
1077
|
+
export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1078
|
+
export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
|
|
1079
|
+
|
|
1159
1080
|
}
|
|
1160
1081
|
declare module '@elastic/eui/src/global_styling/variables/animations' {
|
|
1161
1082
|
export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
|
|
@@ -2937,7 +2858,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2937
2858
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
2938
2859
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
2939
2860
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
2940
|
-
export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "
|
|
2861
|
+
export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "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" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "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" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "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" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "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")[];
|
|
2941
2862
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
2942
2863
|
export type IconType = EuiIconType | string | ComponentType;
|
|
2943
2864
|
export type IconColor = string | NamedColor;
|
|
@@ -2980,7 +2901,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
2980
2901
|
isLoading: boolean;
|
|
2981
2902
|
neededLoading: boolean;
|
|
2982
2903
|
}
|
|
2983
|
-
export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "
|
|
2904
|
+
export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "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" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "userAvatar" | "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" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "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" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
|
|
2984
2905
|
export const appendIconComponentCache: (iconTypeToIconComponentMap: {
|
|
2985
2906
|
[iconType: string]: React.ComponentType<{}>;
|
|
2986
2907
|
}) => void;
|
|
@@ -4617,7 +4538,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
|
|
|
4617
4538
|
export const EuiFlexGroup: (<TComponent extends React.ElementType = "div", TComponentRef = React.ReactElement<any, TComponent>>(props: {
|
|
4618
4539
|
children?: React.ReactNode;
|
|
4619
4540
|
} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
|
|
4620
|
-
alignItems?: "center" | "
|
|
4541
|
+
alignItems?: "center" | "stretch" | "baseline" | "flexStart" | "flexEnd" | undefined;
|
|
4621
4542
|
/**
|
|
4622
4543
|
* Customize the component type that is rendered.
|
|
4623
4544
|
*
|
|
@@ -4632,7 +4553,7 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
|
|
|
4632
4553
|
*/
|
|
4633
4554
|
component?: TComponent | undefined;
|
|
4634
4555
|
direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
|
|
4635
|
-
gutterSize?: "s" | "
|
|
4556
|
+
gutterSize?: "s" | "none" | "xs" | "m" | "l" | "xl" | undefined;
|
|
4636
4557
|
justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
|
|
4637
4558
|
responsive?: boolean | undefined;
|
|
4638
4559
|
wrap?: boolean | undefined;
|
|
@@ -4767,7 +4688,7 @@ declare module '@elastic/eui/src/components/flex/flex_item' {
|
|
|
4767
4688
|
export const EuiFlexItem: (<TComponent extends React.ElementType, TComponentRef = React.ReactElement<any, TComponent>>(props: {
|
|
4768
4689
|
children?: React.ReactNode;
|
|
4769
4690
|
} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
|
|
4770
|
-
grow?: boolean | 0 |
|
|
4691
|
+
grow?: boolean | 0 | 1 | 6 | 3 | 2 | 4 | 5 | 7 | 8 | 9 | 10 | null | undefined;
|
|
4771
4692
|
/**
|
|
4772
4693
|
* Customize the component type that is rendered.
|
|
4773
4694
|
*
|
|
@@ -5422,6 +5343,14 @@ declare module '@elastic/eui/src/components/table/mobile/table_sort_mobile' {
|
|
|
5422
5343
|
}
|
|
5423
5344
|
export {};
|
|
5424
5345
|
|
|
5346
|
+
}
|
|
5347
|
+
declare module '@elastic/eui/src/global_styling/functions/supports' {
|
|
5348
|
+
export const cssSupportsSelector: (selector: string, value: string) => string;
|
|
5349
|
+
/**
|
|
5350
|
+
* Util to check if the "previous sibling" selector :has(+) is supported
|
|
5351
|
+
*/
|
|
5352
|
+
export const cssSupportsHasWithNextSibling: (value: string) => string;
|
|
5353
|
+
|
|
5425
5354
|
}
|
|
5426
5355
|
declare module '@elastic/eui/src/components/table/table_row.styles' {
|
|
5427
5356
|
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
@@ -5735,7 +5664,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
|
|
|
5735
5664
|
import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
|
|
5736
5665
|
import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
5737
5666
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
5738
|
-
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "
|
|
5667
|
+
export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
|
|
5739
5668
|
export type PanelPaddingSize = (typeof _SIZES)[number];
|
|
5740
5669
|
export const BORDER_RADII: readonly ["none", "m"];
|
|
5741
5670
|
export type PanelBorderRadius = (typeof BORDER_RADII)[number];
|
|
@@ -6840,6 +6769,98 @@ declare module '@elastic/eui/src/services/color/stepped_gradient' {
|
|
|
6840
6769
|
import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
|
|
6841
6770
|
export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
|
|
6842
6771
|
|
|
6772
|
+
}
|
|
6773
|
+
declare module '@elastic/eui/src/services/color/contrast' {
|
|
6774
|
+
export const wcagContrastMin = 4.5;
|
|
6775
|
+
/**
|
|
6776
|
+
* Creates a new color that meets or exceeds WCAG level AA
|
|
6777
|
+
* @param foreground - Color to manipulate
|
|
6778
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6779
|
+
* *
|
|
6780
|
+
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
6781
|
+
*/
|
|
6782
|
+
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6783
|
+
[key: string]: any;
|
|
6784
|
+
colors: {
|
|
6785
|
+
body: string;
|
|
6786
|
+
};
|
|
6787
|
+
}) => string;
|
|
6788
|
+
/**
|
|
6789
|
+
* Creates a new color with increased contrast
|
|
6790
|
+
* Disabled content only needs a contrast of at least 2 because there is no interaction available
|
|
6791
|
+
* @param foreground - Color to manipulate
|
|
6792
|
+
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6793
|
+
* *
|
|
6794
|
+
* @param themeOrBackground - Color to use as the contrast basis
|
|
6795
|
+
*/
|
|
6796
|
+
export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
|
|
6797
|
+
[key: string]: any;
|
|
6798
|
+
colors: {
|
|
6799
|
+
body: string;
|
|
6800
|
+
};
|
|
6801
|
+
}) => string;
|
|
6802
|
+
|
|
6803
|
+
}
|
|
6804
|
+
declare module '@elastic/eui/src/services/color' {
|
|
6805
|
+
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6806
|
+
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6807
|
+
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6808
|
+
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6809
|
+
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6810
|
+
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6811
|
+
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6812
|
+
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6813
|
+
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6814
|
+
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6815
|
+
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6816
|
+
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6817
|
+
export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
|
|
6818
|
+
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6819
|
+
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6820
|
+
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6821
|
+
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6822
|
+
export * from '@elastic/eui/src/services/color/contrast';
|
|
6823
|
+
|
|
6824
|
+
}
|
|
6825
|
+
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6826
|
+
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6827
|
+
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6828
|
+
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6829
|
+
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6830
|
+
theme?: EuiThemeSystem<T>;
|
|
6831
|
+
colorMode?: EuiThemeColorMode;
|
|
6832
|
+
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6833
|
+
modify?: EuiThemeModifications<T>;
|
|
6834
|
+
children: any;
|
|
6835
|
+
/**
|
|
6836
|
+
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6837
|
+
* set the default text `color` that all nested children will inherit.
|
|
6838
|
+
*
|
|
6839
|
+
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6840
|
+
* This requires a **single** child component that the correct color class can be passed to.
|
|
6841
|
+
*
|
|
6842
|
+
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6843
|
+
* the default inherited text color will be set on the page `body`.
|
|
6844
|
+
*/
|
|
6845
|
+
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6846
|
+
cloneElement?: boolean;
|
|
6847
|
+
};
|
|
6848
|
+
}
|
|
6849
|
+
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
6850
|
+
|
|
6851
|
+
}
|
|
6852
|
+
declare module '@elastic/eui/src/services/theme' {
|
|
6853
|
+
export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
|
|
6854
|
+
export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
|
|
6855
|
+
export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
|
|
6856
|
+
export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
|
|
6857
|
+
export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
|
|
6858
|
+
export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
|
|
6859
|
+
export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
|
|
6860
|
+
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6861
|
+
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6862
|
+
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
6863
|
+
|
|
6843
6864
|
}
|
|
6844
6865
|
declare module '@elastic/eui/src/services/color/manipulation' {
|
|
6845
6866
|
import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
|
|
@@ -6893,109 +6914,223 @@ declare module '@elastic/eui/src/services/color/manipulation' {
|
|
|
6893
6914
|
*/
|
|
6894
6915
|
export const lightness: (color: string) => number;
|
|
6895
6916
|
/**
|
|
6896
|
-
* Returns the darken value of a color. 0-100
|
|
6897
|
-
* @param color - Color to manipulate
|
|
6898
|
-
* @param amount - Amount to change in absolute terms. 0-1.
|
|
6917
|
+
* Returns the darken value of a color. 0-100
|
|
6918
|
+
* @param color - Color to manipulate
|
|
6919
|
+
* @param amount - Amount to change in absolute terms. 0-1.
|
|
6920
|
+
*/
|
|
6921
|
+
export const darken: (color: string, amount: number) => string;
|
|
6922
|
+
/**
|
|
6923
|
+
* Returns the brighten value of a color. 0-100
|
|
6924
|
+
* @param color - Color to manipulate
|
|
6925
|
+
* @param amount - Amount to change in absolute terms. 0-1.
|
|
6926
|
+
*/
|
|
6927
|
+
export const brighten: (color: string, amount: number) => string;
|
|
6928
|
+
|
|
6929
|
+
}
|
|
6930
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
6931
|
+
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
6932
|
+
export const brand_colors: _EuiThemeBrandColors;
|
|
6933
|
+
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
6934
|
+
export const shade_colors: _EuiThemeShadeColors;
|
|
6935
|
+
export const special_colors: _EuiThemeSpecialColors;
|
|
6936
|
+
export const text_colors: _EuiThemeTextColors;
|
|
6937
|
+
export const background_colors: _EuiThemeBackgroundColors;
|
|
6938
|
+
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
6939
|
+
export const border_colors: _EuiThemeBorderColors;
|
|
6940
|
+
export const light_colors: _EuiThemeColorsMode;
|
|
6941
|
+
export const dark_shades: _EuiThemeShadeColors;
|
|
6942
|
+
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
6943
|
+
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
6944
|
+
export const dark_border_colors: _EuiThemeBorderColors;
|
|
6945
|
+
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
6946
|
+
export const colors: _EuiThemeColors;
|
|
6947
|
+
|
|
6948
|
+
}
|
|
6949
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
6950
|
+
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
6951
|
+
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
6952
|
+
export const animation_ease: _EuiThemeAnimationEasings;
|
|
6953
|
+
export const animation: _EuiThemeAnimation;
|
|
6954
|
+
|
|
6955
|
+
}
|
|
6956
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
6957
|
+
export { breakpoint } from '@elastic/eui-theme-common';
|
|
6958
|
+
|
|
6959
|
+
}
|
|
6960
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
6961
|
+
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
6962
|
+
export const base: _EuiThemeBase;
|
|
6963
|
+
export const size: _EuiThemeSizes;
|
|
6964
|
+
|
|
6965
|
+
}
|
|
6966
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
6967
|
+
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
6968
|
+
export const border: _EuiThemeBorder;
|
|
6969
|
+
|
|
6970
|
+
}
|
|
6971
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
6972
|
+
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
6973
|
+
export const levels: _EuiThemeLevels;
|
|
6974
|
+
|
|
6975
|
+
}
|
|
6976
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
6977
|
+
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
6978
|
+
export const fontScale: _EuiThemeFontScales;
|
|
6979
|
+
export const fontBase: _EuiThemeFontBase;
|
|
6980
|
+
export const fontWeight: _EuiThemeFontWeights;
|
|
6981
|
+
export const font: _EuiThemeFont;
|
|
6982
|
+
|
|
6983
|
+
}
|
|
6984
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
6985
|
+
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
6986
|
+
export const focus: _EuiThemeFocus;
|
|
6987
|
+
|
|
6988
|
+
}
|
|
6989
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
6990
|
+
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
6991
|
+
export const buttons: _EuiThemeButton;
|
|
6992
|
+
|
|
6993
|
+
}
|
|
6994
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
6995
|
+
export const forms: {
|
|
6996
|
+
maxWidth: string;
|
|
6997
|
+
LIGHT: {
|
|
6998
|
+
background: string;
|
|
6999
|
+
backgroundDisabled: string;
|
|
7000
|
+
backgroundReadOnly: any;
|
|
7001
|
+
backgroundFocused: any;
|
|
7002
|
+
backgroundAutofilled: string;
|
|
7003
|
+
prependBackground: string;
|
|
7004
|
+
border: string;
|
|
7005
|
+
borderAutofilled: string;
|
|
7006
|
+
controlBorder: string;
|
|
7007
|
+
controlBorderSelected: string;
|
|
7008
|
+
controlBorderDisabled: string;
|
|
7009
|
+
controlBackgroundUnselected: any;
|
|
7010
|
+
controlBackgroundDisabled: any;
|
|
7011
|
+
colorHasPlaceholder: string;
|
|
7012
|
+
colorDisabled: any;
|
|
7013
|
+
iconDisabled: any;
|
|
7014
|
+
};
|
|
7015
|
+
DARK: {
|
|
7016
|
+
background: string;
|
|
7017
|
+
backgroundFocused: string;
|
|
7018
|
+
backgroundAutofilled: string;
|
|
7019
|
+
prependBackground: string;
|
|
7020
|
+
border: string;
|
|
7021
|
+
controlBorder: string;
|
|
7022
|
+
controlBorderSelected: string;
|
|
7023
|
+
controlBorderDisabled: string;
|
|
7024
|
+
backgroundDisabled: string;
|
|
7025
|
+
backgroundReadOnly: any;
|
|
7026
|
+
borderAutofilled: string;
|
|
7027
|
+
controlBackgroundUnselected: any;
|
|
7028
|
+
controlBackgroundDisabled: any;
|
|
7029
|
+
colorHasPlaceholder: string;
|
|
7030
|
+
colorDisabled: any;
|
|
7031
|
+
iconDisabled: any;
|
|
7032
|
+
};
|
|
7033
|
+
};
|
|
7034
|
+
|
|
7035
|
+
}
|
|
7036
|
+
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
7037
|
+
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
7038
|
+
export const components: _EuiThemeComponents;
|
|
7039
|
+
|
|
7040
|
+
}
|
|
7041
|
+
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
7042
|
+
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
7043
|
+
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
7044
|
+
export const euiThemeAmsterdam: EuiThemeShape;
|
|
7045
|
+
export const EuiThemeAmsterdam: {
|
|
7046
|
+
model: EuiThemeShape;
|
|
7047
|
+
root: EuiThemeShape;
|
|
7048
|
+
key: string;
|
|
7049
|
+
};
|
|
7050
|
+
|
|
7051
|
+
}
|
|
7052
|
+
declare module '@elastic/eui/src/services/theme/context' {
|
|
7053
|
+
import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
|
|
7054
|
+
export const DEFAULTS: {
|
|
7055
|
+
system: {
|
|
7056
|
+
model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
7057
|
+
root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
|
|
7058
|
+
key: string;
|
|
7059
|
+
};
|
|
7060
|
+
modifications: {};
|
|
7061
|
+
colorMode: "LIGHT";
|
|
7062
|
+
highContrastMode: false;
|
|
7063
|
+
};
|
|
7064
|
+
export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
|
|
7065
|
+
export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>>;
|
|
7066
|
+
export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
|
|
7067
|
+
export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
|
|
7068
|
+
export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
|
|
7069
|
+
export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
|
|
7070
|
+
export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
|
|
7071
|
+
|
|
7072
|
+
}
|
|
7073
|
+
declare module '@elastic/eui/src/services/theme/hooks' {
|
|
7074
|
+
import React from 'react';
|
|
7075
|
+
import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
|
|
7076
|
+
/**
|
|
7077
|
+
* Hook for function components
|
|
7078
|
+
*/
|
|
7079
|
+
export interface UseEuiTheme<T extends {} = {}> {
|
|
7080
|
+
euiTheme: EuiThemeComputed<T>;
|
|
7081
|
+
colorMode: EuiThemeColorModeStandard;
|
|
7082
|
+
highContrastMode: EuiThemeHighContrastMode;
|
|
7083
|
+
modifications: EuiThemeModifications<T>;
|
|
7084
|
+
}
|
|
7085
|
+
export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
|
|
7086
|
+
/**
|
|
7087
|
+
* HOC for class components
|
|
7088
|
+
*/
|
|
7089
|
+
export interface WithEuiThemeProps<P extends {} = {}> {
|
|
7090
|
+
theme: UseEuiTheme<P>;
|
|
7091
|
+
}
|
|
7092
|
+
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">>>;
|
|
7093
|
+
/**
|
|
7094
|
+
* Render prop alternative for complex class components
|
|
7095
|
+
* Most useful for scenarios where a HOC may interfere with typing
|
|
6899
7096
|
*/
|
|
6900
|
-
export const
|
|
7097
|
+
export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
|
|
7098
|
+
children: (theme: UseEuiTheme) => React.ReactElement;
|
|
7099
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
6901
7100
|
/**
|
|
6902
|
-
*
|
|
6903
|
-
*
|
|
6904
|
-
* @param amount - Amount to change in absolute terms. 0-1.
|
|
7101
|
+
* Minor syntactical sugar hook for theme CSS variables.
|
|
7102
|
+
* Primarily meant for internal EUI usage.
|
|
6905
7103
|
*/
|
|
6906
|
-
export const
|
|
7104
|
+
export const useEuiThemeCSSVariables: () => {
|
|
7105
|
+
setGlobalCSSVariables: Function;
|
|
7106
|
+
globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7107
|
+
setNearestThemeCSSVariables: Function;
|
|
7108
|
+
themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
|
|
7109
|
+
};
|
|
6907
7110
|
|
|
6908
7111
|
}
|
|
6909
|
-
declare module '@elastic/eui/src/services/
|
|
6910
|
-
|
|
6911
|
-
|
|
6912
|
-
|
|
6913
|
-
* @param foreground - Color to manipulate
|
|
6914
|
-
* @param ratio - Amount to change in absolute terms. 0-10.
|
|
6915
|
-
* *
|
|
6916
|
-
* @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
|
|
6917
|
-
*/
|
|
6918
|
-
export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
|
|
6919
|
-
[key: string]: any;
|
|
6920
|
-
colors: {
|
|
6921
|
-
body: string;
|
|
6922
|
-
};
|
|
6923
|
-
}) => string;
|
|
7112
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
|
|
7113
|
+
import React, { FunctionComponent, PropsWithChildren } from 'react';
|
|
7114
|
+
import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
|
|
7115
|
+
export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
|
|
6924
7116
|
/**
|
|
6925
|
-
*
|
|
6926
|
-
*
|
|
6927
|
-
*
|
|
6928
|
-
*
|
|
6929
|
-
* *
|
|
6930
|
-
* @param themeOrBackground - Color to use as the contrast basis
|
|
7117
|
+
* Returns the current breakpoint based on window width.
|
|
7118
|
+
* Typically only called by the top-level `EuiProvider` (to reduce the number
|
|
7119
|
+
* of window resize listeners on the page). Also conditionally called if a
|
|
7120
|
+
* nested `EuiThemeProvider` defines a `modify.breakpoint` override
|
|
6931
7121
|
*/
|
|
6932
|
-
export const
|
|
6933
|
-
|
|
6934
|
-
colors: {
|
|
6935
|
-
body: string;
|
|
6936
|
-
};
|
|
6937
|
-
}) => string;
|
|
6938
|
-
|
|
6939
|
-
}
|
|
6940
|
-
declare module '@elastic/eui/src/services/color' {
|
|
6941
|
-
export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
|
|
6942
|
-
export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
|
|
6943
|
-
export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
|
|
6944
|
-
export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
|
|
6945
|
-
export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
|
|
6946
|
-
export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
|
|
6947
|
-
export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
|
|
6948
|
-
export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
|
|
6949
|
-
export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
|
|
6950
|
-
export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
|
|
6951
|
-
export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
|
|
6952
|
-
export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
|
|
6953
|
-
export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
|
|
6954
|
-
export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
|
|
6955
|
-
export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
|
|
6956
|
-
export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
|
|
6957
|
-
export * from '@elastic/eui/src/services/color/manipulation';
|
|
6958
|
-
export * from '@elastic/eui/src/services/color/contrast';
|
|
6959
|
-
|
|
6960
|
-
}
|
|
6961
|
-
declare module '@elastic/eui/src/services/theme/provider' {
|
|
6962
|
-
import React, { PropsWithChildren, HTMLAttributes } from 'react';
|
|
6963
|
-
import type { CommonProps } from '@elastic/eui/src/components/common';
|
|
6964
|
-
import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
|
|
6965
|
-
export interface EuiThemeProviderProps<T> extends PropsWithChildren {
|
|
6966
|
-
theme?: EuiThemeSystem<T>;
|
|
6967
|
-
colorMode?: EuiThemeColorMode;
|
|
6968
|
-
highContrastMode?: EuiThemeHighContrastModeProp;
|
|
6969
|
-
modify?: EuiThemeModifications<T>;
|
|
6970
|
-
children: any;
|
|
6971
|
-
/**
|
|
6972
|
-
* Nested theme providers will receive a wrapping `span` tag in order to correctly
|
|
6973
|
-
* set the default text `color` that all nested children will inherit.
|
|
6974
|
-
*
|
|
6975
|
-
* If an extra wrapper is not desired, pass `{ cloneElement: true }`.
|
|
6976
|
-
* This requires a **single** child component that the correct color class can be passed to.
|
|
6977
|
-
*
|
|
6978
|
-
* The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
|
|
6979
|
-
* the default inherited text color will be set on the page `body`.
|
|
6980
|
-
*/
|
|
6981
|
-
wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
|
|
6982
|
-
cloneElement?: boolean;
|
|
6983
|
-
};
|
|
6984
|
-
}
|
|
6985
|
-
export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
|
|
7122
|
+
export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
|
|
7123
|
+
export {};
|
|
6986
7124
|
|
|
6987
7125
|
}
|
|
6988
|
-
declare module '@elastic/eui/src/services/
|
|
6989
|
-
|
|
6990
|
-
|
|
6991
|
-
|
|
6992
|
-
|
|
6993
|
-
|
|
6994
|
-
|
|
6995
|
-
export
|
|
6996
|
-
export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
|
|
6997
|
-
export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
|
|
6998
|
-
export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
|
|
7126
|
+
declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
|
|
7127
|
+
/**
|
|
7128
|
+
* Hook util / syntactical sugar for useContext()
|
|
7129
|
+
*
|
|
7130
|
+
* This hook is in its own separate file to make mocking it
|
|
7131
|
+
* as a testenv easy for Jest unit tests
|
|
7132
|
+
*/
|
|
7133
|
+
export const useCurrentEuiBreakpoint: () => string | undefined;
|
|
6999
7134
|
|
|
7000
7135
|
}
|
|
7001
7136
|
declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
|
|
@@ -12371,11 +12506,6 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
|
|
|
12371
12506
|
declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
|
|
12372
12507
|
export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
|
|
12373
12508
|
|
|
12374
|
-
}
|
|
12375
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
|
|
12376
|
-
import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
|
|
12377
|
-
export const colorVis: _EuiThemeVisColors;
|
|
12378
|
-
|
|
12379
12509
|
}
|
|
12380
12510
|
declare module '@elastic/eui/src/themes/themes' {
|
|
12381
12511
|
import { EuiThemeSystem } from '@elastic/eui/src/services';
|
|
@@ -12385,128 +12515,6 @@ declare module '@elastic/eui/src/themes/themes' {
|
|
|
12385
12515
|
provider?: EuiThemeSystem;
|
|
12386
12516
|
}
|
|
12387
12517
|
|
|
12388
|
-
}
|
|
12389
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
|
|
12390
|
-
import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
|
|
12391
|
-
export const brand_colors: _EuiThemeBrandColors;
|
|
12392
|
-
export const brand_text_colors: _EuiThemeBrandTextColors;
|
|
12393
|
-
export const shade_colors: _EuiThemeShadeColors;
|
|
12394
|
-
export const special_colors: _EuiThemeSpecialColors;
|
|
12395
|
-
export const text_colors: _EuiThemeTextColors;
|
|
12396
|
-
export const background_colors: _EuiThemeBackgroundColors;
|
|
12397
|
-
export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12398
|
-
export const border_colors: _EuiThemeBorderColors;
|
|
12399
|
-
export const light_colors: _EuiThemeColorsMode;
|
|
12400
|
-
export const dark_shades: _EuiThemeShadeColors;
|
|
12401
|
-
export const dark_background_colors: _EuiThemeBackgroundColors;
|
|
12402
|
-
export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
|
|
12403
|
-
export const dark_border_colors: _EuiThemeBorderColors;
|
|
12404
|
-
export const dark_colors_ams: _EuiThemeColorsMode;
|
|
12405
|
-
export const colors: _EuiThemeColors;
|
|
12406
|
-
|
|
12407
|
-
}
|
|
12408
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
|
|
12409
|
-
import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
|
|
12410
|
-
export const animation_speed: _EuiThemeAnimationSpeeds;
|
|
12411
|
-
export const animation_ease: _EuiThemeAnimationEasings;
|
|
12412
|
-
export const animation: _EuiThemeAnimation;
|
|
12413
|
-
|
|
12414
|
-
}
|
|
12415
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
|
|
12416
|
-
export { breakpoint } from '@elastic/eui-theme-common';
|
|
12417
|
-
|
|
12418
|
-
}
|
|
12419
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
|
|
12420
|
-
import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
|
|
12421
|
-
export const base: _EuiThemeBase;
|
|
12422
|
-
export const size: _EuiThemeSizes;
|
|
12423
|
-
|
|
12424
|
-
}
|
|
12425
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
|
|
12426
|
-
import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
|
|
12427
|
-
export const border: _EuiThemeBorder;
|
|
12428
|
-
|
|
12429
|
-
}
|
|
12430
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
|
|
12431
|
-
import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
|
|
12432
|
-
export const levels: _EuiThemeLevels;
|
|
12433
|
-
|
|
12434
|
-
}
|
|
12435
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
|
|
12436
|
-
import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
|
|
12437
|
-
export const fontScale: _EuiThemeFontScales;
|
|
12438
|
-
export const fontBase: _EuiThemeFontBase;
|
|
12439
|
-
export const fontWeight: _EuiThemeFontWeights;
|
|
12440
|
-
export const font: _EuiThemeFont;
|
|
12441
|
-
|
|
12442
|
-
}
|
|
12443
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
|
|
12444
|
-
import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
|
|
12445
|
-
export const focus: _EuiThemeFocus;
|
|
12446
|
-
|
|
12447
|
-
}
|
|
12448
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
|
|
12449
|
-
import { _EuiThemeButton } from '@elastic/eui-theme-common';
|
|
12450
|
-
export const buttons: _EuiThemeButton;
|
|
12451
|
-
|
|
12452
|
-
}
|
|
12453
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
|
|
12454
|
-
export const forms: {
|
|
12455
|
-
maxWidth: string;
|
|
12456
|
-
LIGHT: {
|
|
12457
|
-
background: string;
|
|
12458
|
-
backgroundDisabled: string;
|
|
12459
|
-
backgroundReadOnly: any;
|
|
12460
|
-
backgroundFocused: any;
|
|
12461
|
-
backgroundAutofilled: string;
|
|
12462
|
-
prependBackground: string;
|
|
12463
|
-
border: string;
|
|
12464
|
-
borderAutofilled: string;
|
|
12465
|
-
controlBorder: string;
|
|
12466
|
-
controlBorderSelected: string;
|
|
12467
|
-
controlBorderDisabled: string;
|
|
12468
|
-
controlBackgroundUnselected: any;
|
|
12469
|
-
controlBackgroundDisabled: any;
|
|
12470
|
-
colorHasPlaceholder: string;
|
|
12471
|
-
colorDisabled: any;
|
|
12472
|
-
iconDisabled: any;
|
|
12473
|
-
};
|
|
12474
|
-
DARK: {
|
|
12475
|
-
background: string;
|
|
12476
|
-
backgroundFocused: string;
|
|
12477
|
-
backgroundAutofilled: string;
|
|
12478
|
-
prependBackground: string;
|
|
12479
|
-
border: string;
|
|
12480
|
-
controlBorder: string;
|
|
12481
|
-
controlBorderSelected: string;
|
|
12482
|
-
controlBorderDisabled: string;
|
|
12483
|
-
backgroundDisabled: string;
|
|
12484
|
-
backgroundReadOnly: any;
|
|
12485
|
-
borderAutofilled: string;
|
|
12486
|
-
controlBackgroundUnselected: any;
|
|
12487
|
-
controlBackgroundDisabled: any;
|
|
12488
|
-
colorHasPlaceholder: string;
|
|
12489
|
-
colorDisabled: any;
|
|
12490
|
-
iconDisabled: any;
|
|
12491
|
-
};
|
|
12492
|
-
};
|
|
12493
|
-
|
|
12494
|
-
}
|
|
12495
|
-
declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
|
|
12496
|
-
import { _EuiThemeComponents } from '@elastic/eui-theme-common';
|
|
12497
|
-
export const components: _EuiThemeComponents;
|
|
12498
|
-
|
|
12499
|
-
}
|
|
12500
|
-
declare module '@elastic/eui/src/themes/amsterdam/theme' {
|
|
12501
|
-
import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
|
|
12502
|
-
export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
|
|
12503
|
-
export const euiThemeAmsterdam: EuiThemeShape;
|
|
12504
|
-
export const EuiThemeAmsterdam: {
|
|
12505
|
-
model: EuiThemeShape;
|
|
12506
|
-
root: EuiThemeShape;
|
|
12507
|
-
key: string;
|
|
12508
|
-
};
|
|
12509
|
-
|
|
12510
12518
|
}
|
|
12511
12519
|
declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
|
|
12512
12520
|
export * from '@elastic/eui/src/global_styling/mixins/_shadow';
|
|
@@ -14391,7 +14399,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
|
|
|
14391
14399
|
/**
|
|
14392
14400
|
* Height types
|
|
14393
14401
|
*/
|
|
14394
|
-
getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "
|
|
14402
|
+
getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "default" | "auto" | "lineCount" | "numerical";
|
|
14395
14403
|
/**
|
|
14396
14404
|
* Line count utils
|
|
14397
14405
|
*/
|
|
@@ -18190,7 +18198,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
|
|
|
18190
18198
|
declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_interval' {
|
|
18191
18199
|
export const usePrettyInterval: (isPaused: boolean, intervalInMs: number, options?: {
|
|
18192
18200
|
shortHand?: boolean | undefined;
|
|
18193
|
-
unit?: "s" | "
|
|
18201
|
+
unit?: "s" | "h" | "m" | "d" | undefined;
|
|
18194
18202
|
} | undefined) => string;
|
|
18195
18203
|
|
|
18196
18204
|
}
|
|
@@ -21482,7 +21490,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
|
|
|
21482
21490
|
import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
|
|
21483
21491
|
export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
|
|
21484
21492
|
/**
|
|
21485
|
-
* Provide a specific EuiTheme; Defaults to
|
|
21493
|
+
* Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
|
|
21486
21494
|
* Pass `null` to remove all theming including global reset
|
|
21487
21495
|
*/
|
|
21488
21496
|
theme?: EuiThemeSystem | null;
|
|
@@ -22742,13 +22750,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22742
22750
|
slot?: string | undefined;
|
|
22743
22751
|
style?: React.CSSProperties | undefined;
|
|
22744
22752
|
title?: string | undefined;
|
|
22753
|
+
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
22745
22754
|
width: number | undefined;
|
|
22746
22755
|
color?: string | undefined;
|
|
22747
22756
|
content?: string | undefined;
|
|
22748
|
-
hidden?: boolean | undefined;
|
|
22749
|
-
css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
|
|
22750
22757
|
translate?: "yes" | "no" | undefined;
|
|
22751
22758
|
property?: string | undefined;
|
|
22759
|
+
hidden?: boolean | undefined;
|
|
22752
22760
|
className?: string | undefined;
|
|
22753
22761
|
defaultChecked?: boolean | undefined;
|
|
22754
22762
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -22790,7 +22798,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22790
22798
|
is?: string | undefined;
|
|
22791
22799
|
"aria-activedescendant"?: string | undefined;
|
|
22792
22800
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
22793
|
-
"aria-autocomplete"?: "
|
|
22801
|
+
"aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
|
|
22794
22802
|
"aria-braillelabel"?: string | undefined;
|
|
22795
22803
|
"aria-brailleroledescription"?: string | undefined;
|
|
22796
22804
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -22805,7 +22813,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
|
|
|
22805
22813
|
"aria-description"?: string | undefined;
|
|
22806
22814
|
"aria-details"?: string | undefined;
|
|
22807
22815
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
22808
|
-
"aria-dropeffect"?: "link" | "
|
|
22816
|
+
"aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
|
|
22809
22817
|
"aria-errormessage"?: string | undefined;
|
|
22810
22818
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
22811
22819
|
"aria-flowto"?: string | undefined;
|