@elastic/eui 70.1.0 → 70.2.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 (111) hide show
  1. package/dist/eui_theme_dark.css +11 -1
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +11 -1
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/accessibility/screen_reader_only/screen_reader_only.js +1 -1
  6. package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
  7. package/es/components/accordion/accordion.a11y.js +35 -0
  8. package/es/components/card/card.js +13 -31
  9. package/es/components/card/card.styles.js +15 -3
  10. package/es/components/card/card_select/card_select.styles.js +4 -4
  11. package/es/components/card/checkable_card/checkable_card.js +3 -2
  12. package/es/components/context_menu/context_menu_panel.a11y.js +34 -0
  13. package/es/components/datagrid/controls/data_grid_toolbar.js +6 -2
  14. package/es/components/datagrid/controls/index.js +1 -0
  15. package/es/components/datagrid/controls/keyboard_shortcuts.js +191 -0
  16. package/es/components/datagrid/data_grid.js +12 -2
  17. package/es/components/date_picker/super_date_picker/super_date_picker.js +22 -4
  18. package/es/components/selectable/selectable.a11y.js +118 -0
  19. package/es/components/selectable/selectable.js +9 -6
  20. package/es/components/tabs/tab.js +7 -3
  21. package/es/components/tabs/tab.styles.js +29 -16
  22. package/es/components/tabs/tabbed_content/tabbed_content.js +1 -1
  23. package/es/components/tabs/tabs.js +3 -3
  24. package/es/components/tabs/tabs.styles.js +2 -4
  25. package/es/services/string/to_initials.js +1 -1
  26. package/eui.d.ts +208 -164
  27. package/i18ntokens.json +438 -6
  28. package/lib/components/accessibility/screen_reader_only/screen_reader_only.js +1 -1
  29. package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
  30. package/lib/components/accordion/accordion.a11y.js +44 -0
  31. package/lib/components/card/card.js +14 -33
  32. package/lib/components/card/card.styles.js +15 -3
  33. package/lib/components/card/card_select/card_select.styles.js +4 -4
  34. package/lib/components/card/checkable_card/checkable_card.js +3 -2
  35. package/lib/components/context_menu/context_menu_panel.a11y.js +42 -0
  36. package/lib/components/datagrid/controls/data_grid_toolbar.js +7 -2
  37. package/lib/components/datagrid/controls/index.js +8 -0
  38. package/lib/components/datagrid/controls/keyboard_shortcuts.js +208 -0
  39. package/lib/components/datagrid/data_grid.js +11 -1
  40. package/lib/components/date_picker/super_date_picker/super_date_picker.js +22 -4
  41. package/lib/components/selectable/selectable.a11y.js +122 -0
  42. package/lib/components/selectable/selectable.js +9 -6
  43. package/lib/components/tabs/tab.js +7 -3
  44. package/lib/components/tabs/tab.styles.js +29 -16
  45. package/lib/components/tabs/tabbed_content/tabbed_content.js +1 -1
  46. package/lib/components/tabs/tabs.js +3 -3
  47. package/lib/components/tabs/tabs.styles.js +1 -3
  48. package/lib/services/string/to_initials.js +1 -1
  49. package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
  50. package/optimize/es/components/accordion/accordion.a11y.js +35 -0
  51. package/optimize/es/components/card/card.js +12 -30
  52. package/optimize/es/components/card/card.styles.js +15 -3
  53. package/optimize/es/components/card/card_select/card_select.styles.js +4 -4
  54. package/optimize/es/components/card/checkable_card/checkable_card.js +3 -2
  55. package/optimize/es/components/context_menu/context_menu_panel.a11y.js +34 -0
  56. package/optimize/es/components/datagrid/controls/data_grid_toolbar.js +6 -2
  57. package/optimize/es/components/datagrid/controls/index.js +1 -0
  58. package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js +181 -0
  59. package/optimize/es/components/datagrid/data_grid.js +6 -2
  60. package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +12 -4
  61. package/optimize/es/components/selectable/selectable.a11y.js +107 -0
  62. package/optimize/es/components/selectable/selectable.js +9 -6
  63. package/optimize/es/components/tabs/tab.js +7 -3
  64. package/optimize/es/components/tabs/tab.styles.js +29 -16
  65. package/optimize/es/components/tabs/tabs.js +3 -3
  66. package/optimize/es/components/tabs/tabs.styles.js +2 -4
  67. package/optimize/es/services/string/to_initials.js +1 -1
  68. package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
  69. package/optimize/lib/components/accordion/accordion.a11y.js +44 -0
  70. package/optimize/lib/components/card/card.js +13 -32
  71. package/optimize/lib/components/card/card.styles.js +15 -3
  72. package/optimize/lib/components/card/card_select/card_select.styles.js +4 -4
  73. package/optimize/lib/components/card/checkable_card/checkable_card.js +3 -2
  74. package/optimize/lib/components/context_menu/context_menu_panel.a11y.js +42 -0
  75. package/optimize/lib/components/datagrid/controls/data_grid_toolbar.js +7 -2
  76. package/optimize/lib/components/datagrid/controls/index.js +8 -0
  77. package/optimize/lib/components/datagrid/controls/keyboard_shortcuts.js +207 -0
  78. package/optimize/lib/components/datagrid/data_grid.js +5 -1
  79. package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +12 -4
  80. package/optimize/lib/components/selectable/selectable.a11y.js +122 -0
  81. package/optimize/lib/components/selectable/selectable.js +9 -6
  82. package/optimize/lib/components/tabs/tab.js +7 -3
  83. package/optimize/lib/components/tabs/tab.styles.js +29 -16
  84. package/optimize/lib/components/tabs/tabs.js +3 -3
  85. package/optimize/lib/components/tabs/tabs.styles.js +1 -3
  86. package/optimize/lib/services/string/to_initials.js +1 -1
  87. package/package.json +3 -2
  88. package/src/components/datagrid/_index.scss +1 -0
  89. package/src/components/datagrid/controls/_data_grid_keyboard_shortcuts.scss +17 -0
  90. package/src/components/modal/_modal.scss +3 -1
  91. package/test-env/components/accessibility/screen_reader_only/screen_reader_only.js +1 -1
  92. package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
  93. package/test-env/components/accordion/accordion.a11y.js +44 -0
  94. package/test-env/components/card/card.js +14 -33
  95. package/test-env/components/card/card.styles.js +15 -3
  96. package/test-env/components/card/card_select/card_select.styles.js +4 -4
  97. package/test-env/components/card/checkable_card/checkable_card.js +3 -2
  98. package/test-env/components/context_menu/context_menu_panel.a11y.js +42 -0
  99. package/test-env/components/datagrid/controls/data_grid_toolbar.js +7 -2
  100. package/test-env/components/datagrid/controls/index.js +8 -0
  101. package/test-env/components/datagrid/controls/keyboard_shortcuts.js +207 -0
  102. package/test-env/components/datagrid/data_grid.js +11 -1
  103. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +22 -4
  104. package/test-env/components/selectable/selectable.a11y.js +122 -0
  105. package/test-env/components/selectable/selectable.js +9 -6
  106. package/test-env/components/tabs/tab.js +7 -3
  107. package/test-env/components/tabs/tab.styles.js +29 -16
  108. package/test-env/components/tabs/tabbed_content/tabbed_content.js +1 -1
  109. package/test-env/components/tabs/tabs.js +3 -3
  110. package/test-env/components/tabs/tabs.styles.js +1 -3
  111. package/test-env/services/string/to_initials.js +1 -1
package/eui.d.ts CHANGED
@@ -7591,7 +7591,7 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_only/scr
7591
7591
  */
7592
7592
  children: ReactElement;
7593
7593
  /**
7594
- * For keyboard navigation, force content to display visually upon focus.
7594
+ * For keyboard navigation, force content to display visually upon focus/focus-within.
7595
7595
  */
7596
7596
  showOnFocus?: boolean;
7597
7597
  className?: string;
@@ -8554,11 +8554,14 @@ declare module '@elastic/eui/src/components/card/card.styles' {
8554
8554
  left: import("@emotion/utils").SerializedStyles;
8555
8555
  right: import("@emotion/utils").SerializedStyles;
8556
8556
  };
8557
+ disabled: import("@emotion/utils").SerializedStyles;
8558
+ };
8559
+ main: {
8560
+ euiCard__main: import("@emotion/utils").SerializedStyles;
8557
8561
  layout: {
8558
8562
  vertical: import("@emotion/utils").SerializedStyles;
8559
8563
  horizontal: import("@emotion/utils").SerializedStyles;
8560
8564
  };
8561
- disabled: import("@emotion/utils").SerializedStyles;
8562
8565
  };
8563
8566
  content: {
8564
8567
  euiCard__content: import("@emotion/utils").SerializedStyles;
@@ -8614,9 +8617,8 @@ declare module '@elastic/eui/src/components/card/card' {
8614
8617
  import { EuiBetaBadgeProps } from '@elastic/eui/src/components/badge/beta_badge';
8615
8618
  import { EuiIconProps } from '@elastic/eui/src/components/icon';
8616
8619
  import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
8617
- import { EuiPanelProps } from '@elastic/eui/src/components/panel'; type CardAlignment = 'left' | 'center' | 'right';
8618
- export const ALIGNMENTS: CardAlignment[]; type CardLayout = 'vertical' | 'horizontal';
8619
- export const LAYOUT_ALIGNMENTS: CardLayout[]; type EuiCardPropsLayout = ExclusiveUnion<{
8620
+ import { EuiPanelProps } from '@elastic/eui/src/components/panel';
8621
+ export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = typeof ALIGNMENTS[number]; type EuiCardPropsLayout = ExclusiveUnion<{
8620
8622
  layout?: 'vertical';
8621
8623
  /**
8622
8624
  * Changes alignment of the title and description
@@ -11110,6 +11112,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
11110
11112
  toolbarVisibility: boolean | EuiDataGridToolBarVisibilityOptions;
11111
11113
  isFullScreen: boolean;
11112
11114
  fullScreenSelector: ReactNode;
11115
+ keyboardShortcuts: ReactNode;
11113
11116
  displaySelector: ReactNode;
11114
11117
  columnSelector: ReactNode;
11115
11118
  columnSorting: ReactNode;
@@ -11774,6 +11777,11 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
11774
11777
  * Allows the ability for the user to sort rows based upon column values
11775
11778
  */
11776
11779
  showSortSelector?: boolean;
11780
+ /**
11781
+ * Displays a popover listing all keyboard controls and shortcuts for the data grid.
11782
+ * If set to `false`, the toggle will be visually hidden, but still focusable by keyboard and screen reader users.
11783
+ */
11784
+ showKeyboardShortcuts?: boolean;
11777
11785
  /**
11778
11786
  * Allows user to be able to fullscreen the data grid. If set to `false` make sure your grid fits within a large enough panel to still show the other controls.
11779
11787
  */
@@ -12445,7 +12453,7 @@ declare module '@elastic/eui/src/components/datagrid/body' {
12445
12453
  declare module '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar' {
12446
12454
 
12447
12455
  import { EuiDataGridProps, EuiDataGridToolbarProps, EuiDataGridToolBarVisibilityOptions } from '@elastic/eui/src/components/datagrid/data_grid_types';
12448
- export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, displaySelector, columnSelector, columnSorting, }: EuiDataGridToolbarProps) => JSX.Element;
12456
+ export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, keyboardShortcuts, displaySelector, columnSelector, columnSorting, }: EuiDataGridToolbarProps) => JSX.Element;
12449
12457
  export function checkOrDefaultToolBarDisplayOptions<OptionKey extends keyof EuiDataGridToolBarVisibilityOptions>(arg: EuiDataGridProps['toolbarVisibility'], option: OptionKey): Required<EuiDataGridToolBarVisibilityOptions>[OptionKey];
12450
12458
  export function renderAdditionalControls(toolbarVisibility: EuiDataGridProps['toolbarVisibility'], position: 'left.prepend' | 'left.append' | 'right'): {} | null;
12451
12459
  /**
@@ -12477,6 +12485,160 @@ declare module '@elastic/eui/src/components/datagrid/controls/display_selector'
12477
12485
  export const startingStyles: EuiDataGridStyle;
12478
12486
  export const useDataGridDisplaySelector: (showDisplaySelector: EuiDataGridToolBarVisibilityOptions['showDisplaySelector'], initialStyles: EuiDataGridStyle, initialRowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined) => [ReactNode, EuiDataGridStyle, EuiDataGridRowHeightsOptions];
12479
12487
 
12488
+ }
12489
+ declare module '@elastic/eui/src/components/description_list/description_list_types' {
12490
+ import { HTMLAttributes, ReactNode } from 'react';
12491
+ import { CommonProps } from '@elastic/eui/src/components/common';
12492
+ export interface EuiDescriptionListProps {
12493
+ listItems?: Array<{
12494
+ title: NonNullable<ReactNode>;
12495
+ description: NonNullable<ReactNode>;
12496
+ }>;
12497
+ /**
12498
+ * Text alignment
12499
+ */
12500
+ align?: EuiDescriptionListAlignment;
12501
+ /**
12502
+ * Smaller text and condensed spacing
12503
+ */
12504
+ compressed?: boolean;
12505
+ /**
12506
+ * How should the content be styled, by default
12507
+ * this will emphasize the title
12508
+ */
12509
+ textStyle?: 'normal' | 'reverse';
12510
+ /**
12511
+ * How each item should be laid out
12512
+ */
12513
+ type?: EuiDescriptionListType;
12514
+ /**
12515
+ * Props object to be passed to `EuiDescriptionListTitle`
12516
+ */
12517
+ titleProps?: HTMLAttributes<HTMLElement> & CommonProps;
12518
+ /**
12519
+ * Props object to be passed to `EuiDescriptionListDescription`
12520
+ */
12521
+ descriptionProps?: HTMLAttributes<HTMLElement> & CommonProps;
12522
+ /**
12523
+ * Vertical spacing added between `EuiDescriptionList` elements
12524
+ */
12525
+ gutterSize?: EuiDescriptionListGutterSizes;
12526
+ }
12527
+ export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
12528
+ export type EuiDescriptionListType = typeof TYPES[number];
12529
+ export const ALIGNMENTS: readonly ["center", "left"];
12530
+ export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
12531
+ export const TEXT_STYLES: readonly ["normal", "reverse"];
12532
+ export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
12533
+ export const GUTTER_SIZES: readonly ["s", "m"];
12534
+ export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
12535
+
12536
+ }
12537
+ declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
12538
+ import { UseEuiTheme } from '@elastic/eui/src/services';
12539
+ export const euiDescriptionListTitleStyles: (euiThemeContext: UseEuiTheme) => {
12540
+ euiDescriptionList__title: import("@emotion/utils").SerializedStyles;
12541
+ row: import("@emotion/utils").SerializedStyles;
12542
+ column: import("@emotion/utils").SerializedStyles;
12543
+ responsiveColumn: import("@emotion/utils").SerializedStyles;
12544
+ inline: import("@emotion/utils").SerializedStyles;
12545
+ fontStyles: {
12546
+ normal: import("@emotion/utils").SerializedStyles;
12547
+ reverse: import("@emotion/utils").SerializedStyles;
12548
+ compressed: import("@emotion/utils").SerializedStyles;
12549
+ };
12550
+ inlineStyles: {
12551
+ normal: import("@emotion/utils").SerializedStyles;
12552
+ compressed: import("@emotion/utils").SerializedStyles;
12553
+ };
12554
+ right: import("@emotion/utils").SerializedStyles;
12555
+ s: import("@emotion/utils").SerializedStyles;
12556
+ m: import("@emotion/utils").SerializedStyles;
12557
+ };
12558
+
12559
+ }
12560
+ declare module '@elastic/eui/src/components/description_list/description_list_context' {
12561
+
12562
+ import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'type' | 'textStyle' | 'align' | 'gutterSize'>> & {
12563
+ compressed?: EuiDescriptionListProps['compressed'];
12564
+ };
12565
+ export const contextDefaults: EuiDescriptionListContextValues;
12566
+ export const EuiDescriptionListContext: import("react").Context<EuiDescriptionListContextValues>;
12567
+ export {};
12568
+
12569
+ }
12570
+ declare module '@elastic/eui/src/components/description_list/description_list_title' {
12571
+ import { HTMLAttributes, FunctionComponent } from 'react';
12572
+ import { CommonProps } from '@elastic/eui/src/components/common';
12573
+ export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
12574
+ }
12575
+ export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
12576
+
12577
+ }
12578
+ declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
12579
+ import { UseEuiTheme } from '@elastic/eui/src/services';
12580
+ export const euiDescriptionListDescriptionStyles: (euiThemeContext: UseEuiTheme) => {
12581
+ euiDescriptionList__description: import("@emotion/utils").SerializedStyles;
12582
+ row: import("@emotion/utils").SerializedStyles;
12583
+ column: import("@emotion/utils").SerializedStyles;
12584
+ responsiveColumn: import("@emotion/utils").SerializedStyles;
12585
+ inline: import("@emotion/utils").SerializedStyles;
12586
+ fontStyles: {
12587
+ normal: import("@emotion/utils").SerializedStyles;
12588
+ reverse: import("@emotion/utils").SerializedStyles;
12589
+ compressed: import("@emotion/utils").SerializedStyles;
12590
+ };
12591
+ inlineStyles: {
12592
+ compressed: import("@emotion/utils").SerializedStyles;
12593
+ normal: import("@emotion/utils").SerializedStyles;
12594
+ };
12595
+ left: import("@emotion/utils").SerializedStyles;
12596
+ s: import("@emotion/utils").SerializedStyles;
12597
+ m: import("@emotion/utils").SerializedStyles;
12598
+ };
12599
+
12600
+ }
12601
+ declare module '@elastic/eui/src/components/description_list/description_list_description' {
12602
+ import { HTMLAttributes, FunctionComponent } from 'react';
12603
+ import { CommonProps } from '@elastic/eui/src/components/common';
12604
+ export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
12605
+ }
12606
+ export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
12607
+
12608
+ }
12609
+ declare module '@elastic/eui/src/components/description_list/description_list.styles' {
12610
+ import { UseEuiTheme } from '@elastic/eui/src/services';
12611
+ export const euiDescriptionListStyles: (euiThemeContext: UseEuiTheme) => {
12612
+ euiDescriptionList: import("@emotion/utils").SerializedStyles;
12613
+ row: import("@emotion/utils").SerializedStyles;
12614
+ inline: import("@emotion/utils").SerializedStyles;
12615
+ column: import("@emotion/utils").SerializedStyles;
12616
+ responsiveColumn: import("@emotion/utils").SerializedStyles;
12617
+ center: import("@emotion/utils").SerializedStyles;
12618
+ left: import("@emotion/utils").SerializedStyles;
12619
+ };
12620
+
12621
+ }
12622
+ declare module '@elastic/eui/src/components/description_list/description_list' {
12623
+ import { HTMLAttributes, FunctionComponent } from 'react';
12624
+ import { CommonProps } from '@elastic/eui/src/components/common';
12625
+ import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
12626
+ export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
12627
+
12628
+ }
12629
+ declare module '@elastic/eui/src/components/description_list' {
12630
+ export type { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
12631
+ export { EuiDescriptionList } from '@elastic/eui/src/components/description_list/description_list';
12632
+ export { EuiDescriptionListTitle } from '@elastic/eui/src/components/description_list/description_list_title';
12633
+ export { EuiDescriptionListDescription } from '@elastic/eui/src/components/description_list/description_list_description';
12634
+
12635
+ }
12636
+ declare module '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts' {
12637
+ import { ReactNode } from 'react';
12638
+ export const useDataGridKeyboardShortcuts: () => {
12639
+ keyboardShortcuts: ReactNode;
12640
+ };
12641
+
12480
12642
  }
12481
12643
  declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selector' {
12482
12644
  import { ReactNode, KeyboardEventHandler } from 'react';
@@ -12492,6 +12654,7 @@ declare module '@elastic/eui/src/components/datagrid/controls' {
12492
12654
  export { useDataGridColumnSelector } from '@elastic/eui/src/components/datagrid/controls/column_selector';
12493
12655
  export { useDataGridColumnSorting } from '@elastic/eui/src/components/datagrid/controls/column_sorting';
12494
12656
  export { useDataGridDisplaySelector, startingStyles } from '@elastic/eui/src/components/datagrid/controls/display_selector';
12657
+ export { useDataGridKeyboardShortcuts } from '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts';
12495
12658
  export { useDataGridFullScreenSelector } from '@elastic/eui/src/components/datagrid/controls/fullscreen_selector';
12496
12659
  export { checkOrDefaultToolBarDisplayOptions, EuiDataGridToolbar, } from '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar';
12497
12660
 
@@ -13005,13 +13168,12 @@ declare module '@elastic/eui/src/components/tabs/tab.styles' {
13005
13168
  import { UseEuiTheme } from '@elastic/eui/src/services';
13006
13169
  export const euiTabStyles: ({ euiTheme }: UseEuiTheme) => {
13007
13170
  euiTab: import("@emotion/utils").SerializedStyles;
13008
- s: import("@emotion/utils").SerializedStyles;
13009
- m: import("@emotion/utils").SerializedStyles;
13010
- l: import("@emotion/utils").SerializedStyles;
13011
- xl: import("@emotion/utils").SerializedStyles;
13012
13171
  expanded: import("@emotion/utils").SerializedStyles;
13013
13172
  selected: import("@emotion/utils").SerializedStyles;
13014
- disabled: import("@emotion/utils").SerializedStyles;
13173
+ disabled: {
13174
+ disabled: import("@emotion/utils").SerializedStyles;
13175
+ selected: import("@emotion/utils").SerializedStyles;
13176
+ };
13015
13177
  };
13016
13178
  export const euiTabContentStyles: (euiThemeContext: UseEuiTheme) => {
13017
13179
  euiTab__content: import("@emotion/utils").SerializedStyles;
@@ -13040,7 +13202,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
13040
13202
  import React, { HTMLAttributes, ReactNode } from 'react';
13041
13203
  import { CommonProps } from '@elastic/eui/src/components/common';
13042
13204
  export const SIZES: readonly ["s", "m", "l", "xl"];
13043
- export type EuiTabSizes = typeof SIZES[number];
13205
+ export type EuiTabsSizes = typeof SIZES[number];
13044
13206
  export type EuiTabsProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
13045
13207
  /**
13046
13208
  * ReactNode to render as this component's content
@@ -13059,7 +13221,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
13059
13221
  * Sizes affect both font size and overall size.
13060
13222
  * Only use the `xl` size when displayed as page titles.
13061
13223
  */
13062
- size?: EuiTabSizes;
13224
+ size?: EuiTabsSizes;
13063
13225
  };
13064
13226
  export type EuiTabRef = HTMLDivElement;
13065
13227
  export const EuiTabs: React.ForwardRefExoticComponent<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
@@ -13089,7 +13251,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
13089
13251
  declare module '@elastic/eui/src/components/tabs/tab' {
13090
13252
  import { MouseEventHandler, AnchorHTMLAttributes, ButtonHTMLAttributes, FunctionComponent, ReactNode } from 'react';
13091
13253
  import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
13092
- import { EuiTabsProps, EuiTabSizes } from '@elastic/eui/src/components/tabs/tabs';
13254
+ import { EuiTabsProps, EuiTabsSizes } from '@elastic/eui/src/components/tabs/tabs';
13093
13255
  export interface EuiTabProps extends CommonProps {
13094
13256
  isSelected?: boolean;
13095
13257
  disabled?: boolean;
@@ -13112,7 +13274,7 @@ declare module '@elastic/eui/src/components/tabs/tab' {
13112
13274
  * Sizes affect both font size and overall size.
13113
13275
  * Only use the `xl` size when displayed as page titles.
13114
13276
  */
13115
- size?: EuiTabSizes;
13277
+ size?: EuiTabsSizes;
13116
13278
  } type EuiTabPropsForAnchor = EuiTabProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
13117
13279
  href?: string;
13118
13280
  onClick?: MouseEventHandler<HTMLAnchorElement>;
@@ -13126,6 +13288,7 @@ declare module '@elastic/eui/src/components/tabs/tab' {
13126
13288
  }
13127
13289
  declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content' {
13128
13290
  import { Component, HTMLAttributes, ReactNode, FocusEvent } from 'react';
13291
+ import { EuiTabsSizes } from '@elastic/eui/src/components/tabs/tabs';
13129
13292
  import { EuiTabProps } from '@elastic/eui/src/components/tabs/tab';
13130
13293
  import { CommonProps } from '@elastic/eui/src/components/common';
13131
13294
  /**
@@ -13162,7 +13325,7 @@ declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content'
13162
13325
  * Use this prop if you want to control selection state within the owner component
13163
13326
  */
13164
13327
  selectedTab?: EuiTabbedContentTab;
13165
- size?: 's' | 'm' | 'l' | 'xl';
13328
+ size?: EuiTabsSizes;
13166
13329
  /**
13167
13330
  * Each tab needs id and content properties, so we can associate it with its panel for accessibility.
13168
13331
  * The name property (a node) is also required to display to the user.
@@ -13787,7 +13950,7 @@ declare module '@elastic/eui/src/components/date_picker/auto_refresh/auto_refres
13787
13950
 
13788
13951
  }
13789
13952
  declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_date_picker' {
13790
- import { Component, FunctionComponent } from 'react';
13953
+ import { Component, FocusEventHandler, FunctionComponent } from 'react';
13791
13954
  import { LocaleSpecifier } from 'moment';
13792
13955
  import { CommonProps } from '@elastic/eui/src/components/common';
13793
13956
  import { ShortDate, Milliseconds, DurationRange, ApplyTime, ApplyRefreshInterval, QuickSelectPanel } from '@elastic/eui/src/components/date_picker/types';
@@ -13831,6 +13994,10 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
13831
13994
  * Used to localize e.g. month names, passed to `moment`
13832
13995
  */
13833
13996
  locale?: LocaleSpecifier;
13997
+ /**
13998
+ * Triggered whenever the EuiSuperDatePicker's dates are focused
13999
+ */
14000
+ onFocus?: FocusEventHandler;
13834
14001
  /**
13835
14002
  * Callback for when the refresh interval is fired.
13836
14003
  * EuiSuperDatePicker will only manage a refresh interval timer when onRefresh callback is supplied
@@ -14047,153 +14214,6 @@ declare module '@elastic/eui/src/components/delay_render' {
14047
14214
  export type { EuiDelayRenderProps } from '@elastic/eui/src/components/delay_render/delay_render';
14048
14215
  export { EuiDelayRender } from '@elastic/eui/src/components/delay_render/delay_render';
14049
14216
 
14050
- }
14051
- declare module '@elastic/eui/src/components/description_list/description_list_types' {
14052
- import { HTMLAttributes, ReactNode } from 'react';
14053
- import { CommonProps } from '@elastic/eui/src/components/common';
14054
- export interface EuiDescriptionListProps {
14055
- listItems?: Array<{
14056
- title: NonNullable<ReactNode>;
14057
- description: NonNullable<ReactNode>;
14058
- }>;
14059
- /**
14060
- * Text alignment
14061
- */
14062
- align?: EuiDescriptionListAlignment;
14063
- /**
14064
- * Smaller text and condensed spacing
14065
- */
14066
- compressed?: boolean;
14067
- /**
14068
- * How should the content be styled, by default
14069
- * this will emphasize the title
14070
- */
14071
- textStyle?: 'normal' | 'reverse';
14072
- /**
14073
- * How each item should be laid out
14074
- */
14075
- type?: EuiDescriptionListType;
14076
- /**
14077
- * Props object to be passed to `EuiDescriptionListTitle`
14078
- */
14079
- titleProps?: HTMLAttributes<HTMLElement> & CommonProps;
14080
- /**
14081
- * Props object to be passed to `EuiDescriptionListDescription`
14082
- */
14083
- descriptionProps?: HTMLAttributes<HTMLElement> & CommonProps;
14084
- /**
14085
- * Vertical spacing added between `EuiDescriptionList` elements
14086
- */
14087
- gutterSize?: EuiDescriptionListGutterSizes;
14088
- }
14089
- export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
14090
- export type EuiDescriptionListType = typeof TYPES[number];
14091
- export const ALIGNMENTS: readonly ["center", "left"];
14092
- export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
14093
- export const TEXT_STYLES: readonly ["normal", "reverse"];
14094
- export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
14095
- export const GUTTER_SIZES: readonly ["s", "m"];
14096
- export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
14097
-
14098
- }
14099
- declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
14100
- import { UseEuiTheme } from '@elastic/eui/src/services';
14101
- export const euiDescriptionListTitleStyles: (euiThemeContext: UseEuiTheme) => {
14102
- euiDescriptionList__title: import("@emotion/utils").SerializedStyles;
14103
- row: import("@emotion/utils").SerializedStyles;
14104
- column: import("@emotion/utils").SerializedStyles;
14105
- responsiveColumn: import("@emotion/utils").SerializedStyles;
14106
- inline: import("@emotion/utils").SerializedStyles;
14107
- fontStyles: {
14108
- normal: import("@emotion/utils").SerializedStyles;
14109
- reverse: import("@emotion/utils").SerializedStyles;
14110
- compressed: import("@emotion/utils").SerializedStyles;
14111
- };
14112
- inlineStyles: {
14113
- normal: import("@emotion/utils").SerializedStyles;
14114
- compressed: import("@emotion/utils").SerializedStyles;
14115
- };
14116
- right: import("@emotion/utils").SerializedStyles;
14117
- s: import("@emotion/utils").SerializedStyles;
14118
- m: import("@emotion/utils").SerializedStyles;
14119
- };
14120
-
14121
- }
14122
- declare module '@elastic/eui/src/components/description_list/description_list_context' {
14123
-
14124
- import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'type' | 'textStyle' | 'align' | 'gutterSize'>> & {
14125
- compressed?: EuiDescriptionListProps['compressed'];
14126
- };
14127
- export const contextDefaults: EuiDescriptionListContextValues;
14128
- export const EuiDescriptionListContext: import("react").Context<EuiDescriptionListContextValues>;
14129
- export {};
14130
-
14131
- }
14132
- declare module '@elastic/eui/src/components/description_list/description_list_title' {
14133
- import { HTMLAttributes, FunctionComponent } from 'react';
14134
- import { CommonProps } from '@elastic/eui/src/components/common';
14135
- export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
14136
- }
14137
- export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
14138
-
14139
- }
14140
- declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
14141
- import { UseEuiTheme } from '@elastic/eui/src/services';
14142
- export const euiDescriptionListDescriptionStyles: (euiThemeContext: UseEuiTheme) => {
14143
- euiDescriptionList__description: import("@emotion/utils").SerializedStyles;
14144
- row: import("@emotion/utils").SerializedStyles;
14145
- column: import("@emotion/utils").SerializedStyles;
14146
- responsiveColumn: import("@emotion/utils").SerializedStyles;
14147
- inline: import("@emotion/utils").SerializedStyles;
14148
- fontStyles: {
14149
- normal: import("@emotion/utils").SerializedStyles;
14150
- reverse: import("@emotion/utils").SerializedStyles;
14151
- compressed: import("@emotion/utils").SerializedStyles;
14152
- };
14153
- inlineStyles: {
14154
- compressed: import("@emotion/utils").SerializedStyles;
14155
- normal: import("@emotion/utils").SerializedStyles;
14156
- };
14157
- left: import("@emotion/utils").SerializedStyles;
14158
- s: import("@emotion/utils").SerializedStyles;
14159
- m: import("@emotion/utils").SerializedStyles;
14160
- };
14161
-
14162
- }
14163
- declare module '@elastic/eui/src/components/description_list/description_list_description' {
14164
- import { HTMLAttributes, FunctionComponent } from 'react';
14165
- import { CommonProps } from '@elastic/eui/src/components/common';
14166
- export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
14167
- }
14168
- export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
14169
-
14170
- }
14171
- declare module '@elastic/eui/src/components/description_list/description_list.styles' {
14172
- import { UseEuiTheme } from '@elastic/eui/src/services';
14173
- export const euiDescriptionListStyles: (euiThemeContext: UseEuiTheme) => {
14174
- euiDescriptionList: import("@emotion/utils").SerializedStyles;
14175
- row: import("@emotion/utils").SerializedStyles;
14176
- inline: import("@emotion/utils").SerializedStyles;
14177
- column: import("@emotion/utils").SerializedStyles;
14178
- responsiveColumn: import("@emotion/utils").SerializedStyles;
14179
- center: import("@emotion/utils").SerializedStyles;
14180
- left: import("@emotion/utils").SerializedStyles;
14181
- };
14182
-
14183
- }
14184
- declare module '@elastic/eui/src/components/description_list/description_list' {
14185
- import { HTMLAttributes, FunctionComponent } from 'react';
14186
- import { CommonProps } from '@elastic/eui/src/components/common';
14187
- import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
14188
- export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
14189
-
14190
- }
14191
- declare module '@elastic/eui/src/components/description_list' {
14192
- export type { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
14193
- export { EuiDescriptionList } from '@elastic/eui/src/components/description_list/description_list';
14194
- export { EuiDescriptionListTitle } from '@elastic/eui/src/components/description_list/description_list_title';
14195
- export { EuiDescriptionListDescription } from '@elastic/eui/src/components/description_list/description_list_description';
14196
-
14197
14217
  }
14198
14218
  declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
14199
14219
  import { FunctionComponent, ReactElement, ReactNode } from 'react';
@@ -25361,6 +25381,30 @@ declare module '@elastic/eui' {
25361
25381
  "euiDisplaySelector.lineCountLabel": any;
25362
25382
  "euiFullscreenSelector.fullscreenButton": any;
25363
25383
  "euiFullscreenSelector.fullscreenButtonActive": any;
25384
+ "euiKeyboardShortcuts.title": any;
25385
+ "euiKeyboardShortcuts.upArrowTitle": any;
25386
+ "euiKeyboardShortcuts.upArrowDescription": any;
25387
+ "euiKeyboardShortcuts.downArrowTitle": any;
25388
+ "euiKeyboardShortcuts.downArrowDescription": any;
25389
+ "euiKeyboardShortcuts.rightArrowTitle": any;
25390
+ "euiKeyboardShortcuts.rightArrowDescription": any;
25391
+ "euiKeyboardShortcuts.leftArrowTitle": any;
25392
+ "euiKeyboardShortcuts.leftArrowDescription": any;
25393
+ "euiKeyboardShortcuts.homeTitle": any;
25394
+ "euiKeyboardShortcuts.homeDescription": any;
25395
+ "euiKeyboardShortcuts.endTitle": any;
25396
+ "euiKeyboardShortcuts.endDescription": any;
25397
+ "euiKeyboardShortcuts.ctrl": any;
25398
+ "euiKeyboardShortcuts.ctrlHomeDescription": any;
25399
+ "euiKeyboardShortcuts.ctrlEndDescription": any;
25400
+ "euiKeyboardShortcuts.pageUpTitle": any;
25401
+ "euiKeyboardShortcuts.pageUpDescription": any;
25402
+ "euiKeyboardShortcuts.pageDownTitle": any;
25403
+ "euiKeyboardShortcuts.pageDownDescription": any;
25404
+ "euiKeyboardShortcuts.enterTitle": any;
25405
+ "euiKeyboardShortcuts.enterDescription": any;
25406
+ "euiKeyboardShortcuts.escapeTitle": any;
25407
+ "euiKeyboardShortcuts.escapeDescription": any;
25364
25408
  "euiDataGrid.ariaLabel": any;
25365
25409
  "euiDataGrid.ariaLabelledBy": any;
25366
25410
  "euiDataGrid.screenReaderNotice": any;