@elastic/eui 104.0.0-amsterdam.0 → 104.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  import React from 'react';
10
- import { EuiThemeAmsterdam } from '../../themes';
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 ? EuiThemeAmsterdam : _ref$theme,
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 { colorVisLight as colorVis } from '../../themes/amsterdam/global_styling/variables/_colors_vis_light';
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 { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
10
+ import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
11
11
  import { DEFAULT_COLOR_MODE, getComputed } from './utils';
12
12
  export var DEFAULTS = {
13
- system: EuiThemeAmsterdam,
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/types' {
180
- export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
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" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
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" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "push" | "temperature" | "refresh" | "scale" | "wordWrap" | "grid" | "empty" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "info" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "question" | "quote" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "iInCircle" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
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" | "none" | "xs" | "m" | "l" | "xl")[];
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/themes/amsterdam/global_styling/variables/_colors_vis_dark' {
7038
- import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
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
- * These are not actually used, but we map them to ensure token parity.
7045
- * They are mapped to other vis colors
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 severityColors: {
7048
- unknown: string;
7049
- neutral: string;
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
- DARK: {
7143
- background: string;
7144
- backgroundFocused: string;
7145
- backgroundAutofilled: string;
7146
- prependBackground: string;
7147
- border: string;
7148
- controlBorder: string;
7149
- controlBorderSelected: string;
7150
- controlBorderDisabled: string;
7151
- backgroundDisabled: string;
7152
- backgroundReadOnly: any;
7153
- borderAutofilled: string;
7154
- controlBackgroundUnselected: any;
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/theme/context' {
7180
- import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
7181
- export const DEFAULTS: {
7182
- system: {
7183
- model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
7184
- root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
7185
- key: string;
7186
- };
7187
- modifications: {};
7188
- colorMode: "LIGHT";
7189
- highContrastMode: false;
7190
- };
7191
- export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
7192
- export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
7193
- overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
7194
- }>>;
7195
- export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
7196
- export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
7197
- export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
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/hooks' {
7203
- import React from 'react';
7204
- import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type EuiThemeComputed } from '@elastic/eui-theme-common';
7205
- /**
7206
- * Hook for function components
7207
- */
7208
- export interface UseEuiTheme<T extends {} = {}> {
7209
- euiTheme: EuiThemeComputed<T>;
7210
- colorMode: EuiThemeColorModeStandard;
7211
- highContrastMode: EuiThemeHighContrastMode;
7212
- modifications: EuiThemeModifications<T>;
7213
- }
7214
- export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
7215
- /**
7216
- * HOC for class components
7217
- */
7218
- export interface WithEuiThemeProps<P extends {} = {}> {
7219
- theme: UseEuiTheme<P>;
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 withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
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/breakpoint/current_breakpoint' {
7247
- import React, { FunctionComponent, PropsWithChildren } from 'react';
7248
- import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
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
- * Returns the current breakpoint based on window width.
7253
- * Typically only called by the top-level `EuiProvider` (to reduce the number
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 CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
7258
- export {};
7107
+ export const useEuiThemeRefreshVariant: (flag: keyof EuiThemeVariantFlags) => boolean;
7259
7108
 
7260
7109
  }
7261
- declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
7262
- /**
7263
- * Hook util / syntactical sugar for useContext()
7264
- *
7265
- * This hook is in its own separate file to make mocking it
7266
- * as a testenv easy for Jest unit tests
7267
- */
7268
- export const useCurrentEuiBreakpoint: () => string | undefined;
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) => "default" | "auto" | "lineCount" | "numerical";
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 EuiThemeAmsterdam;
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;
@@ -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 _themes = require("../../themes");
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 ? _themes.EuiThemeAmsterdam : _ref$theme,
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 _colors_vis_light = require("../../themes/amsterdam/global_styling/variables/_colors_vis_light");
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(_colors_vis_light.colorVisLight, true);
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 _theme = require("../../themes/amsterdam/theme");
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: _theme.EuiThemeAmsterdam,
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 { EuiThemeAmsterdam } from '../../themes';
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 ? EuiThemeAmsterdam : _ref$theme,
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 { colorVisLight as colorVis } from '../../themes/amsterdam/global_styling/variables/_colors_vis_light';
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 { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
10
+ import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
11
11
  import { DEFAULT_COLOR_MODE, getComputed } from './utils';
12
12
  export var DEFAULTS = {
13
- system: EuiThemeAmsterdam,
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 _themes = require("../../themes");
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 ? _themes.EuiThemeAmsterdam : _ref$theme,
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 _colors_vis_light = require("../../themes/amsterdam/global_styling/variables/_colors_vis_light");
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(_colors_vis_light.colorVisLight, true);
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 _theme = require("../../themes/amsterdam/theme");
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: _theme.EuiThemeAmsterdam,
19
+ system: _euiThemeBorealis.EuiThemeBorealis,
20
20
  modifications: {},
21
21
  colorMode: _utils.DEFAULT_COLOR_MODE,
22
22
  highContrastMode: false
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "104.0.0-amsterdam.0",
4
+ "version": "104.0.0",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
@@ -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 _themes = require("../../themes");
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 ? _themes.EuiThemeAmsterdam : _ref$theme,
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 _colors_vis_light = require("../../themes/amsterdam/global_styling/variables/_colors_vis_light");
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(_colors_vis_light.colorVisLight, true);
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 _theme = require("../../themes/amsterdam/theme");
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: _theme.EuiThemeAmsterdam,
19
+ system: _euiThemeBorealis.EuiThemeBorealis,
20
20
  modifications: {},
21
21
  colorMode: _utils.DEFAULT_COLOR_MODE,
22
22
  highContrastMode: false