@elastic/eui 92.2.1 → 93.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.
Files changed (157) hide show
  1. package/dist/eui_theme_dark.css +0 -200
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -200
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/basic_table/basic_table.js +0 -9
  6. package/es/components/basic_table/in_memory_table.js +0 -10
  7. package/es/components/beacon/beacon.js +9 -6
  8. package/es/components/breadcrumbs/breadcrumb.js +0 -10
  9. package/es/components/breadcrumbs/breadcrumbs.js +0 -10
  10. package/es/components/code/code.js +2 -2
  11. package/es/components/code/code.styles.js +2 -4
  12. package/es/components/code/code_block.js +5 -3
  13. package/es/components/code/code_block.styles.js +4 -7
  14. package/es/components/code/code_block_controls.js +2 -2
  15. package/es/components/code/code_block_controls.styles.js +2 -4
  16. package/es/components/code/code_block_full_screen.js +2 -2
  17. package/es/components/code/code_syntax.styles.js +39 -34
  18. package/es/components/comment_list/comment_event.js +3 -2
  19. package/es/components/comment_list/comment_event.styles.js +2 -18
  20. package/es/components/context_menu/context_menu.js +2 -6
  21. package/es/components/context_menu/context_menu_item.js +2 -14
  22. package/es/components/empty_prompt/empty_prompt.js +62 -65
  23. package/es/components/empty_prompt/empty_prompt.styles.js +115 -0
  24. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +0 -10
  25. package/es/components/header/header_links/header_links.js +0 -10
  26. package/es/components/page/page_header/page_header_content.js +0 -10
  27. package/es/components/popover/popover.js +3 -15
  28. package/es/components/search_bar/search_bar.js +36 -32
  29. package/es/components/search_bar/search_bar.styles.js +22 -0
  30. package/es/components/text_truncate/text_truncate.js +4 -1
  31. package/es/components/tour/_tour_footer.js +97 -0
  32. package/es/components/tour/_tour_footer.styles.js +23 -0
  33. package/es/components/tour/_tour_header.js +37 -0
  34. package/es/components/tour/_tour_header.styles.js +20 -0
  35. package/es/components/tour/tour.styles.js +5 -28
  36. package/es/components/tour/tour_step.js +45 -130
  37. package/es/global_styling/mixins/_color.js +46 -13
  38. package/eui.d.ts +125 -63
  39. package/i18ntokens.json +94 -94
  40. package/lib/components/basic_table/basic_table.js +0 -9
  41. package/lib/components/basic_table/in_memory_table.js +0 -10
  42. package/lib/components/beacon/beacon.js +11 -6
  43. package/lib/components/breadcrumbs/breadcrumb.js +0 -10
  44. package/lib/components/code/code.js +2 -2
  45. package/lib/components/code/code.styles.js +2 -4
  46. package/lib/components/code/code_block.js +5 -3
  47. package/lib/components/code/code_block.styles.js +4 -7
  48. package/lib/components/code/code_block_controls.js +2 -2
  49. package/lib/components/code/code_block_controls.styles.js +2 -4
  50. package/lib/components/code/code_block_full_screen.js +2 -2
  51. package/lib/components/code/code_syntax.styles.js +40 -36
  52. package/lib/components/comment_list/comment_event.js +2 -1
  53. package/lib/components/comment_list/comment_event.styles.js +3 -20
  54. package/lib/components/context_menu/context_menu.js +2 -6
  55. package/lib/components/context_menu/context_menu_item.js +2 -14
  56. package/lib/components/empty_prompt/empty_prompt.js +64 -64
  57. package/lib/components/empty_prompt/empty_prompt.styles.js +120 -0
  58. package/lib/components/popover/popover.js +3 -15
  59. package/lib/components/search_bar/search_bar.js +37 -33
  60. package/lib/components/search_bar/search_bar.styles.js +30 -0
  61. package/lib/components/text_truncate/text_truncate.js +4 -1
  62. package/lib/components/tour/_tour_footer.js +105 -0
  63. package/lib/components/tour/_tour_footer.styles.js +31 -0
  64. package/lib/components/tour/_tour_header.js +48 -0
  65. package/lib/components/tour/_tour_header.styles.js +27 -0
  66. package/lib/components/tour/tour.styles.js +7 -32
  67. package/lib/components/tour/tour_step.js +42 -117
  68. package/lib/global_styling/mixins/_color.js +50 -15
  69. package/optimize/es/components/basic_table/basic_table.js +0 -9
  70. package/optimize/es/components/basic_table/in_memory_table.js +0 -10
  71. package/optimize/es/components/beacon/beacon.js +9 -6
  72. package/optimize/es/components/code/code.js +2 -2
  73. package/optimize/es/components/code/code.styles.js +2 -4
  74. package/optimize/es/components/code/code_block.js +5 -3
  75. package/optimize/es/components/code/code_block.styles.js +4 -7
  76. package/optimize/es/components/code/code_block_controls.js +2 -2
  77. package/optimize/es/components/code/code_block_controls.styles.js +2 -4
  78. package/optimize/es/components/code/code_block_full_screen.js +2 -2
  79. package/optimize/es/components/code/code_syntax.styles.js +39 -34
  80. package/optimize/es/components/comment_list/comment_event.js +3 -2
  81. package/optimize/es/components/comment_list/comment_event.styles.js +2 -18
  82. package/optimize/es/components/context_menu/context_menu.js +2 -6
  83. package/optimize/es/components/context_menu/context_menu_item.js +2 -6
  84. package/optimize/es/components/empty_prompt/empty_prompt.js +62 -62
  85. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +112 -0
  86. package/optimize/es/components/popover/popover.js +3 -5
  87. package/optimize/es/components/search_bar/search_bar.js +36 -32
  88. package/optimize/es/components/search_bar/search_bar.styles.js +22 -0
  89. package/optimize/es/components/text_truncate/text_truncate.js +4 -1
  90. package/optimize/es/components/tour/_tour_footer.js +89 -0
  91. package/optimize/es/components/tour/_tour_footer.styles.js +23 -0
  92. package/optimize/es/components/tour/_tour_header.js +33 -0
  93. package/optimize/es/components/tour/_tour_header.styles.js +20 -0
  94. package/optimize/es/components/tour/tour.styles.js +5 -28
  95. package/optimize/es/components/tour/tour_step.js +45 -113
  96. package/optimize/es/global_styling/mixins/_color.js +46 -13
  97. package/optimize/lib/components/basic_table/basic_table.js +0 -9
  98. package/optimize/lib/components/basic_table/in_memory_table.js +0 -10
  99. package/optimize/lib/components/beacon/beacon.js +12 -6
  100. package/optimize/lib/components/code/code.js +2 -2
  101. package/optimize/lib/components/code/code.styles.js +2 -4
  102. package/optimize/lib/components/code/code_block.js +5 -3
  103. package/optimize/lib/components/code/code_block.styles.js +4 -7
  104. package/optimize/lib/components/code/code_block_controls.js +2 -2
  105. package/optimize/lib/components/code/code_block_controls.styles.js +2 -4
  106. package/optimize/lib/components/code/code_block_full_screen.js +2 -2
  107. package/optimize/lib/components/code/code_syntax.styles.js +40 -36
  108. package/optimize/lib/components/comment_list/comment_event.js +2 -1
  109. package/optimize/lib/components/comment_list/comment_event.styles.js +3 -20
  110. package/optimize/lib/components/context_menu/context_menu.js +2 -6
  111. package/optimize/lib/components/context_menu/context_menu_item.js +2 -6
  112. package/optimize/lib/components/empty_prompt/empty_prompt.js +65 -62
  113. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +118 -0
  114. package/optimize/lib/components/popover/popover.js +3 -5
  115. package/optimize/lib/components/search_bar/search_bar.js +37 -33
  116. package/optimize/lib/components/search_bar/search_bar.styles.js +30 -0
  117. package/optimize/lib/components/text_truncate/text_truncate.js +4 -1
  118. package/optimize/lib/components/tour/_tour_footer.js +100 -0
  119. package/optimize/lib/components/tour/_tour_footer.styles.js +31 -0
  120. package/optimize/lib/components/tour/_tour_header.js +43 -0
  121. package/optimize/lib/components/tour/_tour_header.styles.js +27 -0
  122. package/optimize/lib/components/tour/tour.styles.js +7 -32
  123. package/optimize/lib/components/tour/tour_step.js +42 -110
  124. package/optimize/lib/global_styling/mixins/_color.js +50 -15
  125. package/package.json +1 -1
  126. package/src/components/index.scss +0 -2
  127. package/test-env/components/basic_table/basic_table.js +0 -9
  128. package/test-env/components/basic_table/in_memory_table.js +0 -10
  129. package/test-env/components/beacon/beacon.js +12 -6
  130. package/test-env/components/breadcrumbs/breadcrumb.js +0 -10
  131. package/test-env/components/code/code.styles.js +2 -4
  132. package/test-env/components/code/code_block.styles.js +4 -7
  133. package/test-env/components/code/code_block_controls.js +2 -2
  134. package/test-env/components/code/code_block_controls.styles.js +2 -4
  135. package/test-env/components/code/code_block_full_screen.js +2 -2
  136. package/test-env/components/code/code_syntax.styles.js +40 -36
  137. package/test-env/components/comment_list/comment_event.js +2 -1
  138. package/test-env/components/comment_list/comment_event.styles.js +3 -20
  139. package/test-env/components/context_menu/context_menu.js +2 -6
  140. package/test-env/components/context_menu/context_menu_item.js +2 -14
  141. package/test-env/components/empty_prompt/empty_prompt.js +65 -62
  142. package/test-env/components/empty_prompt/empty_prompt.styles.js +118 -0
  143. package/test-env/components/popover/popover.js +3 -15
  144. package/test-env/components/search_bar/search_bar.js +37 -33
  145. package/test-env/components/search_bar/search_bar.styles.js +30 -0
  146. package/test-env/components/text_truncate/text_truncate.js +4 -1
  147. package/test-env/components/tour/_tour_footer.js +100 -0
  148. package/test-env/components/tour/_tour_footer.styles.js +31 -0
  149. package/test-env/components/tour/_tour_header.js +48 -0
  150. package/test-env/components/tour/_tour_header.styles.js +27 -0
  151. package/test-env/components/tour/tour.styles.js +7 -32
  152. package/test-env/components/tour/tour_step.js +42 -114
  153. package/test-env/global_styling/mixins/_color.js +50 -15
  154. package/src/components/empty_prompt/_empty_prompt.scss +0 -128
  155. package/src/components/empty_prompt/_index.scss +0 -1
  156. package/src/components/search_bar/_index.scss +0 -1
  157. package/src/components/search_bar/_search_bar.scss +0 -10
package/eui.d.ts CHANGED
@@ -1096,6 +1096,17 @@ declare module '@elastic/eui/src/global_styling/mixins/_color' {
1096
1096
  warning: import("@emotion/utils").SerializedStyles;
1097
1097
  danger: import("@emotion/utils").SerializedStyles;
1098
1098
  };
1099
+ export const euiBorderColor: ({ euiTheme, colorMode }: UseEuiTheme, color: _EuiBackgroundColor) => string;
1100
+ export const useEuiBorderColorCSS: () => {
1101
+ transparent: import("@emotion/utils").SerializedStyles;
1102
+ plain: import("@emotion/utils").SerializedStyles;
1103
+ subdued: import("@emotion/utils").SerializedStyles;
1104
+ accent: import("@emotion/utils").SerializedStyles;
1105
+ primary: import("@emotion/utils").SerializedStyles;
1106
+ success: import("@emotion/utils").SerializedStyles;
1107
+ warning: import("@emotion/utils").SerializedStyles;
1108
+ danger: import("@emotion/utils").SerializedStyles;
1109
+ };
1099
1110
 
1100
1111
  }
1101
1112
  declare module '@elastic/eui/src/global_styling/functions/logicals' {
@@ -5266,7 +5277,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item.style
5266
5277
  declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
5267
5278
  import React, { PropsWithChildren, ButtonHTMLAttributes, FunctionComponent, ReactElement, ReactNode, Ref } from 'react';
5268
5279
  import { CommonProps } from '@elastic/eui/src/components/common';
5269
- import { EuiToolTipProps, ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
5280
+ import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
5270
5281
  export type EuiContextMenuItemIcon = ReactElement<any> | string | HTMLElement;
5271
5282
  export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom';
5272
5283
  export const SIZES: readonly ["s", "m"];
@@ -5285,14 +5296,6 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
5285
5296
  * Accepts any prop that EuiToolTip does, except for `content` and `children`.
5286
5297
  */
5287
5298
  toolTipProps?: Partial<Omit<EuiToolTipProps, 'content' | 'children'>>;
5288
- /**
5289
- * @deprecated Use toolTipProps.title instead
5290
- */
5291
- toolTipTitle?: ReactNode;
5292
- /**
5293
- * @deprecated Use tooltipProps.position instead
5294
- */
5295
- toolTipPosition?: ToolTipPositions;
5296
5299
  href?: string;
5297
5300
  target?: string;
5298
5301
  rel?: string;
@@ -6541,12 +6544,6 @@ declare module '@elastic/eui/src/components/popover/popover' {
6541
6544
  export const popoverAnchorPosition: readonly ["upCenter", "upLeft", "upRight", "downCenter", "downLeft", "downRight", "leftCenter", "leftUp", "leftDown", "rightCenter", "rightUp", "rightDown"];
6542
6545
  export type PopoverAnchorPosition = (typeof popoverAnchorPosition)[number];
6543
6546
  export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
6544
- /**
6545
- * Class name passed to the direct parent of the button
6546
- *
6547
- * @deprecated Use `className` instead
6548
- */
6549
- anchorClassName?: string;
6550
6547
  /**
6551
6548
  * Alignment of the popover and arrow relative to the button
6552
6549
  */
@@ -6560,10 +6557,6 @@ declare module '@elastic/eui/src/components/popover/popover' {
6560
6557
  * Triggering element for which to align the popover to
6561
6558
  */
6562
6559
  button: NonNullable<ReactNode>;
6563
- /**
6564
- * @deprecated Use `popoverRef` instead
6565
- */
6566
- buttonRef?: RefCallback<HTMLDivElement>;
6567
6560
  /**
6568
6561
  * Callback to handle hiding of the popover
6569
6562
  */
@@ -10198,8 +10191,7 @@ declare module '@elastic/eui/src/components/code/utils' {
10198
10191
 
10199
10192
  }
10200
10193
  declare module '@elastic/eui/src/components/code/code_syntax.styles' {
10201
- import { UseEuiTheme } from '@elastic/eui/src/services';
10202
- export const euiCodeSyntaxColors: (euiThemeContext: UseEuiTheme) => {
10194
+ export const useEuiCodeSyntaxVariables: () => {
10203
10195
  backgroundColor: string;
10204
10196
  color: string;
10205
10197
  inlineCodeColor: string;
@@ -10223,13 +10215,15 @@ declare module '@elastic/eui/src/components/code/code_syntax.styles' {
10223
10215
  deletionColor: string;
10224
10216
  selectorClassColor: string;
10225
10217
  selectorIdColor: string;
10218
+ readonly tokensCss: string;
10226
10219
  };
10227
- export const euiCodeSyntaxTokens: (euiThemeContext: UseEuiTheme) => string;
10220
+ export type UseEuiCodeSyntaxVariables = ReturnType<typeof useEuiCodeSyntaxVariables>;
10228
10221
 
10229
10222
  }
10230
10223
  declare module '@elastic/eui/src/components/code/code.styles' {
10231
10224
  import { UseEuiTheme } from '@elastic/eui/src/services';
10232
- export const euiCodeStyles: (euiThemeContext: UseEuiTheme) => {
10225
+ import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
10226
+ export const euiCodeStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10233
10227
  euiCode: import("@emotion/utils").SerializedStyles;
10234
10228
  transparentBackground: import("@emotion/utils").SerializedStyles;
10235
10229
  };
@@ -10360,7 +10354,8 @@ declare module '@elastic/eui/src/components/overlay_mask' {
10360
10354
  }
10361
10355
  declare module '@elastic/eui/src/components/code/code_block.styles' {
10362
10356
  import { UseEuiTheme } from '@elastic/eui/src/services';
10363
- export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme) => {
10357
+ import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
10358
+ export const euiCodeBlockStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10364
10359
  euiCodeBlock: import("@emotion/utils").SerializedStyles;
10365
10360
  s: import("@emotion/utils").SerializedStyles;
10366
10361
  m: import("@emotion/utils").SerializedStyles;
@@ -10414,7 +10409,7 @@ declare module '@elastic/eui/src/components/code/code_block.styles' {
10414
10409
  };
10415
10410
  };
10416
10411
  };
10417
- export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme) => {
10412
+ export const euiCodeBlockCodeStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10418
10413
  euiCodeBlock__code: import("@emotion/utils").SerializedStyles;
10419
10414
  isVirtualized: import("@emotion/utils").SerializedStyles;
10420
10415
  };
@@ -10440,7 +10435,8 @@ declare module '@elastic/eui/src/components/code/code_block_full_screen' {
10440
10435
  }
10441
10436
  declare module '@elastic/eui/src/components/code/code_block_controls.styles' {
10442
10437
  import { UseEuiTheme } from '@elastic/eui/src/services';
10443
- export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme) => {
10438
+ import { UseEuiCodeSyntaxVariables } from '@elastic/eui/src/components/code/code_syntax.styles';
10439
+ export const euiCodeBlockControlsStyles: (euiThemeContext: UseEuiTheme, euiCodeSyntaxVariables: UseEuiCodeSyntaxVariables) => {
10444
10440
  euiCodeBlock__controls: import("@emotion/utils").SerializedStyles;
10445
10441
  offset: {
10446
10442
  none: import("@emotion/utils").SerializedStyles;
@@ -12737,16 +12733,6 @@ declare module '@elastic/eui/src/components/timeline' {
12737
12733
  }
12738
12734
  declare module '@elastic/eui/src/components/comment_list/comment_event.styles' {
12739
12735
  import { UseEuiTheme } from '@elastic/eui/src/services';
12740
- export const euiCommentEventBorderColors: ({ euiTheme, colorMode, }: UseEuiTheme) => {
12741
- warning: import("@emotion/utils").SerializedStyles;
12742
- accent: import("@emotion/utils").SerializedStyles;
12743
- primary: import("@emotion/utils").SerializedStyles;
12744
- success: import("@emotion/utils").SerializedStyles;
12745
- danger: import("@emotion/utils").SerializedStyles;
12746
- subdued: import("@emotion/utils").SerializedStyles;
12747
- transparent: import("@emotion/utils").SerializedStyles;
12748
- plain: import("@emotion/utils").SerializedStyles;
12749
- };
12750
12736
  export const euiCommentEventStyles: (euiThemeContext: UseEuiTheme) => {
12751
12737
  euiCommentEvent: import("@emotion/utils").SerializedStyles;
12752
12738
  border: import("@emotion/utils").SerializedStyles;
@@ -16689,6 +16675,61 @@ declare module '@elastic/eui/src/components/delay_render' {
16689
16675
  export type { EuiDelayRenderProps } from '@elastic/eui/src/components/delay_render/delay_render';
16690
16676
  export { EuiDelayRender } from '@elastic/eui/src/components/delay_render/delay_render';
16691
16677
 
16678
+ }
16679
+ declare module '@elastic/eui/src/components/empty_prompt/empty_prompt.styles' {
16680
+ import { UseEuiTheme } from '@elastic/eui/src/services';
16681
+ export const euiEmptyPromptStyles: (euiThemeContext: UseEuiTheme) => {
16682
+ euiEmptyPrompt: import("@emotion/utils").SerializedStyles;
16683
+ vertical: import("@emotion/utils").SerializedStyles;
16684
+ horizontal: import("@emotion/utils").SerializedStyles;
16685
+ main: {
16686
+ horizontalPadding: {
16687
+ none: null;
16688
+ s: import("@emotion/utils").SerializedStyles;
16689
+ m: import("@emotion/utils").SerializedStyles;
16690
+ l: import("@emotion/utils").SerializedStyles;
16691
+ };
16692
+ none: null;
16693
+ s: import("@emotion/utils").SerializedStyles;
16694
+ m: import("@emotion/utils").SerializedStyles;
16695
+ l: import("@emotion/utils").SerializedStyles;
16696
+ euiEmptyPrompt__main: import("@emotion/utils").SerializedStyles;
16697
+ vertical: import("@emotion/utils").SerializedStyles;
16698
+ horizontal: import("@emotion/utils").SerializedStyles;
16699
+ };
16700
+ content: {
16701
+ euiEmptyPrompt__content: import("@emotion/utils").SerializedStyles;
16702
+ vertical: import("@emotion/utils").SerializedStyles;
16703
+ horizontal: import("@emotion/utils").SerializedStyles;
16704
+ };
16705
+ icon: {
16706
+ euiEmptyPrompt__icon: import("@emotion/utils").SerializedStyles;
16707
+ vertical: import("@emotion/utils").SerializedStyles;
16708
+ horizontal: import("@emotion/utils").SerializedStyles;
16709
+ };
16710
+ actions: {
16711
+ euiEmptyPrompt__actions: import("@emotion/utils").SerializedStyles;
16712
+ vertical: import("@emotion/utils").SerializedStyles;
16713
+ horizontal: import("@emotion/utils").SerializedStyles;
16714
+ };
16715
+ footer: {
16716
+ none: null;
16717
+ s: import("@emotion/utils").SerializedStyles;
16718
+ m: import("@emotion/utils").SerializedStyles;
16719
+ l: import("@emotion/utils").SerializedStyles;
16720
+ euiEmptyPrompt__footer: import("@emotion/utils").SerializedStyles;
16721
+ roundedBorders: import("@emotion/utils").SerializedStyles;
16722
+ transparent: import("@emotion/utils").SerializedStyles;
16723
+ plain: import("@emotion/utils").SerializedStyles;
16724
+ subdued: import("@emotion/utils").SerializedStyles;
16725
+ primary: import("@emotion/utils").SerializedStyles;
16726
+ accent: import("@emotion/utils").SerializedStyles;
16727
+ danger: import("@emotion/utils").SerializedStyles;
16728
+ warning: import("@emotion/utils").SerializedStyles;
16729
+ success: import("@emotion/utils").SerializedStyles;
16730
+ };
16731
+ };
16732
+
16692
16733
  }
16693
16734
  declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
16694
16735
  import { FunctionComponent, ReactElement, ReactNode } from 'react';
@@ -16696,7 +16737,7 @@ declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
16696
16737
  import { EuiTitleSize } from '@elastic/eui/src/components/title';
16697
16738
  import { IconColor, IconType } from '@elastic/eui/src/components/icon';
16698
16739
  import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
16699
- export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
16740
+ export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
16700
16741
  export type PaddingSize = (typeof PADDING_SIZES)[number];
16701
16742
  export type EuiEmptyPromptProps = CommonProps & Omit<_EuiPanelDivlike, 'borderRadius' | 'grow' | 'panelRef' | 'paddingSize' | 'title' | 'element'> & {
16702
16743
  iconType?: IconType;
@@ -21253,6 +21294,12 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
21253
21294
  render(): React.JSX.Element;
21254
21295
  }
21255
21296
 
21297
+ }
21298
+ declare module '@elastic/eui/src/components/search_bar/search_bar.styles' {
21299
+ import { UseEuiTheme } from '@elastic/eui/src/services';
21300
+ export const euiSearchBar__searchHolder: (euiThemeContext: UseEuiTheme) => import("@emotion/utils").SerializedStyles;
21301
+ export const euiSearchBar__filtersHolder: (euiThemeContext: UseEuiTheme) => import("@emotion/utils").SerializedStyles;
21302
+
21256
21303
  }
21257
21304
  declare module '@elastic/eui/src/components/search_bar/search_bar' {
21258
21305
  import React, { Component, ReactElement } from 'react';
@@ -21843,6 +21890,24 @@ declare module '@elastic/eui/src/components/steps' {
21843
21890
  export type { EuiStepStatus, EuiStepNumberProps } from '@elastic/eui/src/components/steps/step_number';
21844
21891
  export { EuiStepNumber } from '@elastic/eui/src/components/steps/step_number';
21845
21892
 
21893
+ }
21894
+ declare module '@elastic/eui/src/components/tour/_tour_header.styles' {
21895
+ import { UseEuiTheme } from '@elastic/eui/src/services';
21896
+ export const euiTourHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
21897
+ euiTourHeader: import("@emotion/utils").SerializedStyles;
21898
+ euiTourHeader__title: import("@emotion/utils").SerializedStyles;
21899
+ euiTourHeader__subtitle: import("@emotion/utils").SerializedStyles;
21900
+ };
21901
+
21902
+ }
21903
+ declare module '@elastic/eui/src/components/tour/_tour_header' {
21904
+ import { FunctionComponent } from 'react';
21905
+ import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step'; type EuiTourHeaderProps = {
21906
+ id: string;
21907
+ } & Pick<EuiTourStepProps, 'title' | 'subtitle'>;
21908
+ export const EuiTourHeader: FunctionComponent<EuiTourHeaderProps>;
21909
+ export {};
21910
+
21846
21911
  }
21847
21912
  declare module '@elastic/eui/src/components/tour/tour_step_indicator' {
21848
21913
  import { FunctionComponent, HTMLAttributes } from 'react';
@@ -21854,10 +21919,25 @@ declare module '@elastic/eui/src/components/tour/tour_step_indicator' {
21854
21919
  }
21855
21920
  export const EuiTourStepIndicator: FunctionComponent<EuiTourStepIndicatorProps>;
21856
21921
 
21922
+ }
21923
+ declare module '@elastic/eui/src/components/tour/_tour_footer.styles' {
21924
+ import { UseEuiTheme } from '@elastic/eui/src/services';
21925
+ export const _tourFooterBgColor: ({ colorMode, euiTheme }: UseEuiTheme) => string;
21926
+ export const euiTourFooterStyles: (euiThemeContext: UseEuiTheme) => {
21927
+ euiTourFooter: import("@emotion/utils").SerializedStyles;
21928
+ };
21929
+
21930
+ }
21931
+ declare module '@elastic/eui/src/components/tour/_tour_footer' {
21932
+ import { FunctionComponent } from 'react';
21933
+ import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step'; type EuiTourFooterProps = Pick<EuiTourStepProps, 'footerAction' | 'step' | 'stepsTotal' | 'onFinish'>;
21934
+ export const EuiTourFooter: FunctionComponent<EuiTourFooterProps>;
21935
+ export {};
21936
+
21857
21937
  }
21858
21938
  declare module '@elastic/eui/src/components/tour/tour.styles' {
21859
21939
  import { UseEuiTheme } from '@elastic/eui/src/services';
21860
- export const euiTourStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
21940
+ export const euiTourStyles: (euiThemeContext: UseEuiTheme) => {
21861
21941
  euiTour: import("@emotion/utils").SerializedStyles;
21862
21942
  };
21863
21943
  export const euiTourBeaconStyles: ({ euiTheme }: UseEuiTheme) => {
@@ -21868,21 +21948,13 @@ declare module '@elastic/eui/src/components/tour/tour.styles' {
21868
21948
  top: import("@emotion/utils").SerializedStyles;
21869
21949
  bottom: import("@emotion/utils").SerializedStyles;
21870
21950
  };
21871
- export const euiTourHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
21872
- euiTourHeader: import("@emotion/utils").SerializedStyles;
21873
- euiTourHeader__title: import("@emotion/utils").SerializedStyles;
21874
- euiTourHeader__subtitle: import("@emotion/utils").SerializedStyles;
21875
- };
21876
- export const euiTourFooterStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
21877
- euiTourFooter: import("@emotion/utils").SerializedStyles;
21878
- };
21879
21951
 
21880
21952
  }
21881
21953
  declare module '@elastic/eui/src/components/tour/tour_step' {
21882
- import { CSSProperties, FunctionComponent, ReactElement, ReactNode } from 'react';
21954
+ import { CSSProperties, HTMLAttributes, FunctionComponent, ReactElement, ReactNode } from 'react';
21883
21955
  import { CommonProps, ExclusiveUnion, NoArgCallback } from '@elastic/eui/src/components/common';
21884
21956
  import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
21885
- import { ElementTarget } from '@elastic/eui/src/services'; type PopoverOverrides = 'button' | 'closePopover'; type EuiPopoverPartials = Partial<Pick<EuiPopoverProps, 'closePopover'>>;
21957
+ import { ElementTarget } from '@elastic/eui/src/services'; type _EuiPopoverProps = EuiPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, 'content' | 'title' | 'step'>; type _PopoverOverrides = 'button' | 'closePopover'; type _PopoverPartials = 'closePopover'; type ExtendedEuiPopoverProps = Omit<_EuiPopoverProps, _PopoverOverrides> & Partial<Pick<EuiPopoverProps, _PopoverPartials>>;
21886
21958
  export type EuiTourStepAnchorProps = ExclusiveUnion<{
21887
21959
  /**
21888
21960
  * Element to which the tour step popover attaches when open
@@ -21896,7 +21968,7 @@ declare module '@elastic/eui/src/components/tour/tour_step' {
21896
21968
  children?: never;
21897
21969
  anchor: ElementTarget;
21898
21970
  }>;
21899
- export type EuiTourStepProps = CommonProps & Omit<EuiPopoverProps, PopoverOverrides> & EuiPopoverPartials & EuiTourStepAnchorProps & {
21971
+ export type EuiTourStepProps = CommonProps & ExtendedEuiPopoverProps & EuiTourStepAnchorProps & {
21900
21972
  /**
21901
21973
  * Contents of the tour step popover
21902
21974
  */
@@ -21925,10 +21997,6 @@ declare module '@elastic/eui/src/components/tour/tour_step' {
21925
21997
  * The total number of steps in the tour
21926
21998
  */
21927
21999
  stepsTotal: number;
21928
- /**
21929
- * Optional, standard DOM `style` attribute. Passed to the EuiPopover panel.
21930
- */
21931
- style?: CSSProperties;
21932
22000
  /**
21933
22001
  * Smaller title text that appears atop each step in the tour. The subtitle gets wrapped in the appropriate heading level.
21934
22002
  */
@@ -22519,10 +22587,6 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
22519
22587
  get pageSize(): number;
22520
22588
  get isSelectionControlled(): boolean;
22521
22589
  getInitialSelection(): void;
22522
- /**
22523
- * @deprecated Use `selection.selected` instead to declaratively control table selection
22524
- */
22525
- setSelection(newSelection: T[]): void;
22526
22590
  buildCriteria(props: EuiBasicTableProps<T>): Criteria<T>;
22527
22591
  changeSelection(changedSelection: T[]): void;
22528
22592
  clearSelection(): void;
@@ -22558,7 +22622,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
22558
22622
  }
22559
22623
  declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
22560
22624
  import React, { Component, ReactNode } from 'react';
22561
- import { EuiBasicTable, Criteria, EuiBasicTableProps, CriteriaWithPagination } from '@elastic/eui/src/components/basic_table/basic_table';
22625
+ import { Criteria, EuiBasicTableProps, CriteriaWithPagination } from '@elastic/eui/src/components/basic_table/basic_table';
22562
22626
  import { PropertySort } from '@elastic/eui/src/services';
22563
22627
  import { Direction } from '@elastic/eui/src/services/sort';
22564
22628
  import { EuiSearchBarProps, Query, SchemaType } from '@elastic/eui/src/components/search_bar/search_bar';
@@ -22663,10 +22727,8 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
22663
22727
  tableLayout: string;
22664
22728
  searchFormat: string;
22665
22729
  };
22666
- tableRef: React.RefObject<EuiBasicTable>;
22667
22730
  static getDerivedStateFromProps<T extends object>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
22668
22731
  constructor(props: EuiInMemoryTableProps<T>, context: EuiComponentDefaults);
22669
- setSelection(newSelection: T[]): void;
22670
22732
  onTableChange: ({ page, sort }: Criteria<T>) => void;
22671
22733
  onQueryChange: ({ query, queryText, error }: onChangeArgument) => void;
22672
22734
  onPlainTextSearch: (searchValue: string) => void;
@@ -28835,13 +28897,13 @@ declare module '@elastic/eui' {
28835
28897
  "euiToast.dismissToast": any;
28836
28898
  "euiToast.newNotification": any;
28837
28899
  "euiToast.notification": any;
28900
+ "euiTourFooter.endTour": any;
28901
+ "euiTourFooter.skipTour": any;
28902
+ "euiTourFooter.closeTour": any;
28838
28903
  "euiTourStepIndicator.isActive": any;
28839
28904
  "euiTourStepIndicator.isComplete": any;
28840
28905
  "euiTourStepIndicator.isIncomplete": any;
28841
28906
  "euiTourStepIndicator.ariaLabel": any;
28842
- "euiTourStep.endTour": any;
28843
- "euiTourStep.skipTour": any;
28844
- "euiTourStep.closeTour": any;
28845
28907
  "euiTreeView.listNavigationInstructions": any;
28846
28908
  "euiTreeView.ariaLabel": any;
28847
28909
  }
package/i18ntokens.json CHANGED
@@ -41,14 +41,14 @@
41
41
  "highlighting": "string",
42
42
  "loc": {
43
43
  "start": {
44
- "line": 664,
44
+ "line": 657,
45
45
  "column": 10,
46
- "index": 17148
46
+ "index": 16964
47
47
  },
48
48
  "end": {
49
- "line": 668,
49
+ "line": 661,
50
50
  "column": 12,
51
- "index": 17351
51
+ "index": 17167
52
52
  }
53
53
  },
54
54
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -59,14 +59,14 @@
59
59
  "highlighting": "string",
60
60
  "loc": {
61
61
  "start": {
62
- "line": 677,
62
+ "line": 670,
63
63
  "column": 12,
64
- "index": 17548
64
+ "index": 17364
65
65
  },
66
66
  "end": {
67
- "line": 681,
67
+ "line": 674,
68
68
  "column": 14,
69
- "index": 17827
69
+ "index": 17643
70
70
  }
71
71
  },
72
72
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -77,14 +77,14 @@
77
77
  "highlighting": "string",
78
78
  "loc": {
79
79
  "start": {
80
- "line": 685,
80
+ "line": 678,
81
81
  "column": 12,
82
- "index": 17899
82
+ "index": 17715
83
83
  },
84
84
  "end": {
85
- "line": 689,
85
+ "line": 682,
86
86
  "column": 14,
87
- "index": 18139
87
+ "index": 17955
88
88
  }
89
89
  },
90
90
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -95,14 +95,14 @@
95
95
  "highlighting": "string",
96
96
  "loc": {
97
97
  "start": {
98
- "line": 694,
98
+ "line": 687,
99
99
  "column": 10,
100
- "index": 18215
100
+ "index": 18031
101
101
  },
102
102
  "end": {
103
- "line": 698,
103
+ "line": 691,
104
104
  "column": 12,
105
- "index": 18399
105
+ "index": 18215
106
106
  }
107
107
  },
108
108
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -113,14 +113,14 @@
113
113
  "highlighting": "string",
114
114
  "loc": {
115
115
  "start": {
116
- "line": 740,
116
+ "line": 733,
117
117
  "column": 6,
118
- "index": 19397
118
+ "index": 19213
119
119
  },
120
120
  "end": {
121
- "line": 740,
121
+ "line": 733,
122
122
  "column": 77,
123
- "index": 19468
123
+ "index": 19284
124
124
  }
125
125
  },
126
126
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -131,14 +131,14 @@
131
131
  "highlighting": "string",
132
132
  "loc": {
133
133
  "start": {
134
- "line": 1136,
134
+ "line": 1129,
135
135
  "column": 8,
136
- "index": 31279
136
+ "index": 31095
137
137
  },
138
138
  "end": {
139
- "line": 1136,
139
+ "line": 1129,
140
140
  "column": 79,
141
- "index": 31350
141
+ "index": 31166
142
142
  }
143
143
  },
144
144
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -149,14 +149,14 @@
149
149
  "highlighting": "string",
150
150
  "loc": {
151
151
  "start": {
152
- "line": 1361,
152
+ "line": 1354,
153
153
  "column": 8,
154
- "index": 37925
154
+ "index": 37741
155
155
  },
156
156
  "end": {
157
- "line": 1365,
157
+ "line": 1358,
158
158
  "column": 9,
159
- "index": 38084
159
+ "index": 37900
160
160
  }
161
161
  },
162
162
  "filepath": "src/components/basic_table/basic_table.tsx"
@@ -437,14 +437,14 @@
437
437
  "highlighting": "string",
438
438
  "loc": {
439
439
  "start": {
440
- "line": 55,
440
+ "line": 56,
441
441
  "column": 49,
442
- "index": 1750
442
+ "index": 1816
443
443
  },
444
444
  "end": {
445
- "line": 61,
445
+ "line": 62,
446
446
  "column": 3,
447
- "index": 1905
447
+ "index": 1971
448
448
  }
449
449
  },
450
450
  "filepath": "src/components/code/code_block_full_screen.tsx"
@@ -455,14 +455,14 @@
455
455
  "highlighting": "string",
456
456
  "loc": {
457
457
  "start": {
458
- "line": 55,
458
+ "line": 56,
459
459
  "column": 49,
460
- "index": 1750
460
+ "index": 1816
461
461
  },
462
462
  "end": {
463
- "line": 61,
463
+ "line": 62,
464
464
  "column": 3,
465
- "index": 1905
465
+ "index": 1971
466
466
  }
467
467
  },
468
468
  "filepath": "src/components/code/code_block_full_screen.tsx"
@@ -5729,14 +5729,14 @@
5729
5729
  "highlighting": "string",
5730
5730
  "loc": {
5731
5731
  "start": {
5732
- "line": 695,
5732
+ "line": 682,
5733
5733
  "column": 16,
5734
- "index": 20476
5734
+ "index": 20150
5735
5735
  },
5736
5736
  "end": {
5737
- "line": 698,
5737
+ "line": 685,
5738
5738
  "column": 18,
5739
- "index": 20670
5739
+ "index": 20344
5740
5740
  }
5741
5741
  },
5742
5742
  "filepath": "src/components/popover/popover.tsx"
@@ -6767,6 +6767,60 @@
6767
6767
  },
6768
6768
  "filepath": "src/components/toast/toast.tsx"
6769
6769
  },
6770
+ {
6771
+ "token": "euiTourFooter.endTour",
6772
+ "defString": "End tour",
6773
+ "highlighting": "string",
6774
+ "loc": {
6775
+ "start": {
6776
+ "line": 95,
6777
+ "column": 14,
6778
+ "index": 2888
6779
+ },
6780
+ "end": {
6781
+ "line": 102,
6782
+ "column": 15,
6783
+ "index": 3156
6784
+ }
6785
+ },
6786
+ "filepath": "src/components/tour/_tour_footer.tsx"
6787
+ },
6788
+ {
6789
+ "token": "euiTourFooter.skipTour",
6790
+ "defString": "Skip tour",
6791
+ "highlighting": "string",
6792
+ "loc": {
6793
+ "start": {
6794
+ "line": 95,
6795
+ "column": 14,
6796
+ "index": 2888
6797
+ },
6798
+ "end": {
6799
+ "line": 102,
6800
+ "column": 15,
6801
+ "index": 3156
6802
+ }
6803
+ },
6804
+ "filepath": "src/components/tour/_tour_footer.tsx"
6805
+ },
6806
+ {
6807
+ "token": "euiTourFooter.closeTour",
6808
+ "defString": "Close tour",
6809
+ "highlighting": "string",
6810
+ "loc": {
6811
+ "start": {
6812
+ "line": 95,
6813
+ "column": 14,
6814
+ "index": 2888
6815
+ },
6816
+ "end": {
6817
+ "line": 102,
6818
+ "column": 15,
6819
+ "index": 3156
6820
+ }
6821
+ },
6822
+ "filepath": "src/components/tour/_tour_footer.tsx"
6823
+ },
6770
6824
  {
6771
6825
  "token": "euiTourStepIndicator.isActive",
6772
6826
  "defString": "active",
@@ -6839,60 +6893,6 @@
6839
6893
  },
6840
6894
  "filepath": "src/components/tour/tour_step_indicator.tsx"
6841
6895
  },
6842
- {
6843
- "token": "euiTourStep.endTour",
6844
- "defString": "End tour",
6845
- "highlighting": "string",
6846
- "loc": {
6847
- "start": {
6848
- "line": 256,
6849
- "column": 10,
6850
- "index": 6776
6851
- },
6852
- "end": {
6853
- "line": 263,
6854
- "column": 11,
6855
- "index": 7010
6856
- }
6857
- },
6858
- "filepath": "src/components/tour/tour_step.tsx"
6859
- },
6860
- {
6861
- "token": "euiTourStep.skipTour",
6862
- "defString": "Skip tour",
6863
- "highlighting": "string",
6864
- "loc": {
6865
- "start": {
6866
- "line": 256,
6867
- "column": 10,
6868
- "index": 6776
6869
- },
6870
- "end": {
6871
- "line": 263,
6872
- "column": 11,
6873
- "index": 7010
6874
- }
6875
- },
6876
- "filepath": "src/components/tour/tour_step.tsx"
6877
- },
6878
- {
6879
- "token": "euiTourStep.closeTour",
6880
- "defString": "Close tour",
6881
- "highlighting": "string",
6882
- "loc": {
6883
- "start": {
6884
- "line": 256,
6885
- "column": 10,
6886
- "index": 6776
6887
- },
6888
- "end": {
6889
- "line": 263,
6890
- "column": 11,
6891
- "index": 7010
6892
- }
6893
- },
6894
- "filepath": "src/components/tour/tour_step.tsx"
6895
- },
6896
6896
  {
6897
6897
  "token": "euiTreeView.listNavigationInstructions",
6898
6898
  "defString": "You can quickly navigate this list using arrow keys.",