@elastic/eui 104.1.0-amsterdam.0 → 104.1.0

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