Merge branch 'main' into feat/7690-selectable-option-tooltip-support

elastic · May 9, 2024 · bcf9e6d · bcf9e6d
2 parents 4851587 + 808f837
commit bcf9e6d
Show file tree

Hide file tree

Showing 126 changed files with 984 additions and 77 deletions.
diff --git a/...chrome_desktop_Display_EuiGlobalToastList_EuiGlobalToastListItem_Playground.png b/...chrome_desktop_Display_EuiGlobalToastList_EuiGlobalToastListItem_Playground.png
diff --git a/...nce/chrome_desktop_Display_EuiGlobalToastList_EuiGlobalToastList_Playground.png b/...nce/chrome_desktop_Display_EuiGlobalToastList_EuiGlobalToastList_Playground.png
diff --git a/.loki/reference/chrome_desktop_Display_EuiProgress_Determinate.png b/.loki/reference/chrome_desktop_Display_EuiProgress_Determinate.png
diff --git a/.loki/reference/chrome_desktop_Display_EuiProgress_Indeterminate.png b/.loki/reference/chrome_desktop_Display_EuiProgress_Indeterminate.png
diff --git a/...ence/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonCircle_Playground.png b/...ence/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonCircle_Playground.png
diff --git a/...nce/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonLoading_Playground.png b/...nce/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonLoading_Playground.png
diff --git a/...e/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonRectangle_Playground.png b/...e/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonRectangle_Playground.png
diff --git a/...erence/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonText_Playground.png b/...erence/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonText_Playground.png
diff --git a/...rence/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonTitle_Playground.png b/...rence/chrome_desktop_Display_EuiSkeletonLoading_EuiSkeletonTitle_Playground.png
diff --git a/.loki/reference/chrome_desktop_Display_EuiStat_Playground.png b/.loki/reference/chrome_desktop_Display_EuiStat_Playground.png
diff --git a/...desktop_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemEvent_Playground.png b/...desktop_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemEvent_Playground.png
diff --git a/..._desktop_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemIcon_Playground.png b/..._desktop_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemIcon_Playground.png
diff --git a/...rome_desktop_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItem_Playground.png b/...rome_desktop_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItem_Playground.png
diff --git a/.loki/reference/chrome_desktop_Display_EuiTimeline_EuiTimeline_Playground.png b/.loki/reference/chrome_desktop_Display_EuiTimeline_EuiTimeline_Playground.png
diff --git a/.loki/reference/chrome_desktop_Display_EuiToast_Playground.png b/.loki/reference/chrome_desktop_Display_EuiToast_Playground.png
diff --git a/.loki/reference/chrome_desktop_Forms_EuiComboBox_Custom_Matcher.png b/.loki/reference/chrome_desktop_Forms_EuiComboBox_Custom_Matcher.png
diff --git a/.../reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png b/.../reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png
diff --git a/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png b/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png b/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverFooter_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverFooter_Playground.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverTitle_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverTitle_Playground.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png
diff --git a/...sktop_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png b/...sktop_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png
diff --git a/...hrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png b/...hrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png
diff --git a/...ce/chrome_desktop_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png b/...ce/chrome_desktop_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiSpacer_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiSpacer_Playground.png
diff --git a/.loki/reference/chrome_desktop_Layout_EuiWrappingPopover_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiWrappingPopover_Playground.png
diff --git a/...iCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png b/...iCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png
diff --git a/...ktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png b/...ktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png
diff --git a/...Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png b/...Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png
diff --git a/..._desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png b/..._desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png
diff --git a/...p_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png b/...p_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png
diff --git a/..._EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png b/..._EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png
diff --git a/...ation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png b/...ation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png
diff --git a/..._desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png b/..._desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png
diff --git a/.../chrome_desktop_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png b/.../chrome_desktop_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png
diff --git a/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiStepNumber_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiStepNumber_Playground.png
diff --git a/...desktop_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepHorizontal_Playground.png b/...desktop_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepHorizontal_Playground.png
diff --git a/...esktop_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepsHorizontal_Playground.png b/...esktop_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepsHorizontal_Playground.png
diff --git a/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiSteps_EuiStep_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiSteps_EuiStep_Playground.png
diff --git a/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiSteps_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiSteps_Playground.png
diff --git a/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiSubSteps_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiSteps_EuiSubSteps_Playground.png
diff --git a/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Playground.png b/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Playground.png
diff --git a/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png b/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png
diff --git a/.../chrome_mobile_Display_EuiGlobalToastList_EuiGlobalToastListItem_Playground.png b/.../chrome_mobile_Display_EuiGlobalToastList_EuiGlobalToastListItem_Playground.png
diff --git a/...ence/chrome_mobile_Display_EuiGlobalToastList_EuiGlobalToastList_Playground.png b/...ence/chrome_mobile_Display_EuiGlobalToastList_EuiGlobalToastList_Playground.png
diff --git a/.loki/reference/chrome_mobile_Display_EuiProgress_Determinate.png b/.loki/reference/chrome_mobile_Display_EuiProgress_Determinate.png
diff --git a/.loki/reference/chrome_mobile_Display_EuiProgress_Indeterminate.png b/.loki/reference/chrome_mobile_Display_EuiProgress_Indeterminate.png
diff --git a/...rence/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonCircle_Playground.png b/...rence/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonCircle_Playground.png
diff --git a/...ence/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonLoading_Playground.png b/...ence/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonLoading_Playground.png
diff --git a/...ce/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonRectangle_Playground.png b/...ce/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonRectangle_Playground.png
diff --git a/...ference/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonText_Playground.png b/...ference/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonText_Playground.png
diff --git a/...erence/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonTitle_Playground.png b/...erence/chrome_mobile_Display_EuiSkeletonLoading_EuiSkeletonTitle_Playground.png
diff --git a/.loki/reference/chrome_mobile_Display_EuiStat_Playground.png b/.loki/reference/chrome_mobile_Display_EuiStat_Playground.png
diff --git a/..._mobile_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemEvent_Playground.png b/..._mobile_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemEvent_Playground.png
diff --git a/...e_mobile_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemIcon_Playground.png b/...e_mobile_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItemIcon_Playground.png
diff --git a/...hrome_mobile_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItem_Playground.png b/...hrome_mobile_Display_EuiTimeline_EuiTimelineItem_EuiTimelineItem_Playground.png
diff --git a/.loki/reference/chrome_mobile_Display_EuiTimeline_EuiTimeline_Playground.png b/.loki/reference/chrome_mobile_Display_EuiTimeline_EuiTimeline_Playground.png
diff --git a/.loki/reference/chrome_mobile_Display_EuiToast_Playground.png b/.loki/reference/chrome_mobile_Display_EuiToast_Playground.png
diff --git a/.loki/reference/chrome_mobile_Forms_EuiComboBox_Custom_Matcher.png b/.loki/reference/chrome_mobile_Forms_EuiComboBox_Custom_Matcher.png
diff --git a/...i/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png b/...i/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png
diff --git a/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png b/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png b/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverFooter_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverFooter_Playground.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverTitle_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverTitle_Playground.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Playground.png
diff --git a/...obile_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png b/...obile_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png
diff --git a/...chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png b/...chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png
diff --git a/...nce/chrome_mobile_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png b/...nce/chrome_mobile_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiSpacer_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiSpacer_Playground.png
diff --git a/.loki/reference/chrome_mobile_Layout_EuiWrappingPopover_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiWrappingPopover_Playground.png
diff --git a/...iCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png b/...iCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png
diff --git a/...bile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png b/...bile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png
diff --git a/...Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png b/...Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png
diff --git a/...e_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png b/...e_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png
diff --git a/...e_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png b/...e_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png
diff --git a/..._EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png b/..._EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png
diff --git a/...ation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png b/...ation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png
diff --git a/...e_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png b/...e_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png
diff --git a/...e/chrome_mobile_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png b/...e/chrome_mobile_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png
diff --git a/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiStepNumber_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiStepNumber_Playground.png
diff --git a/..._mobile_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepHorizontal_Playground.png b/..._mobile_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepHorizontal_Playground.png
diff --git a/...mobile_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepsHorizontal_Playground.png b/...mobile_Navigation_EuiSteps_EuiStepsHorizontal_EuiStepsHorizontal_Playground.png
diff --git a/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiSteps_EuiStep_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiSteps_EuiStep_Playground.png
diff --git a/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiSteps_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiSteps_Playground.png
diff --git a/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiSubSteps_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiSteps_EuiSubSteps_Playground.png
diff --git a/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Playground.png b/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Playground.png
diff --git a/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png b/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png
diff --git a/changelogs/upcoming/7732.md b/changelogs/upcoming/7732.md
@@ -0,0 +1 @@
+- Updated `EuiSuperDatePicker`'s absolute tab UX to support setting manual timestamps via mouse click as well as enter key
diff --git a/changelogs/upcoming/7740.md b/changelogs/upcoming/7740.md
@@ -0,0 +1,3 @@
+**Accessibility**
+
+- Updated `EuiCollapsedNavButton` with improved context for screen reader navigation
diff --git a/...ble_nav_beta/_kibana_solution/__snapshots__/collapsible_nav_kibana_solution.test.tsx.snap b/...ble_nav_beta/_kibana_solution/__snapshots__/collapsible_nav_kibana_solution.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`KibanaCollapsibleNavSolution renders docked icons 1`] = `
       class="euiToolTipAnchor emotion-euiToolTipAnchor-block"
     >
       <button
-        aria-label="Some solution"
+        aria-label="Some solution, quick navigation menu"
         class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
         data-test-subj="euiCollapsedNavButton"
         type="button"
@@ -33,7 +33,7 @@ exports[`KibanaCollapsibleNavSolution renders docked icons 1`] = `
       class="euiToolTipAnchor emotion-euiToolTipAnchor-block"
     >
       <button
-        aria-label="Solution view"
+        aria-label="Solution view, quick navigation menu"
         class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
         data-test-subj="euiCollapsedNavButton"
         type="button"

diff --git a/...components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.test.tsx b/...components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.test.tsx
@@ -61,7 +61,7 @@ describe('KibanaCollapsibleNavSolution', () => {
     );
     expect(container.firstChild).toMatchSnapshot();
 
-    fireEvent.click(getByLabelText('Solution view'));
+    fireEvent.click(getByLabelText('Solution view, quick navigation menu'));
     await waitForEuiPopoverOpen();
     expect(getByText('Some other solution')).toBeInTheDocument();
 

diff --git a/...ollapsible_nav_beta/collapsible_nav_item/__snapshots__/collapsible_nav_item.test.tsx.snap b/...ollapsible_nav_beta/collapsible_nav_item/__snapshots__/collapsible_nav_item.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`EuiCollapsibleNavItem renders a collapsed button icon when in a collaps
   data-test-subj="test subject string"
 >
   <button
-    aria-label="Item"
+    aria-label="Item, quick navigation menu"
     class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
     data-test-subj="euiCollapsedNavButton"
     type="button"

diff --git a/..._nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_button.test.tsx.snap b/..._nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_button.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`EuiCollapsedNavButton renders a tooltip around the icon button 1`] = `
     >
       <button
         aria-describedby="generated-id"
-        aria-label="Nav item"
+        aria-label="Nav item, quick navigation menu"
         class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
         data-test-subj="euiCollapsedNavButton"
         type="button"
@@ -55,7 +55,7 @@ exports[`EuiCollapsedNavButton renders isSelected 1`] = `
     class="euiToolTipAnchor emotion-euiToolTipAnchor-block"
   >
     <a
-      aria-label="Nav item"
+      aria-label="Nav item, quick navigation menu"
       class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton-isSelected"
       data-test-subj="euiCollapsedNavButton"
       href="#"

diff --git a/...le_nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_item.test.tsx.snap b/...le_nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_item.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`EuiCollapsedNavItem renders a popover if items are passed 1`] = `
     class="euiToolTipAnchor emotion-euiToolTipAnchor-block"
   >
     <button
-      aria-label="Item"
+      aria-label="Item, quick navigation menu"
       class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
       data-test-subj="euiCollapsedNavButton"
       type="button"
@@ -32,7 +32,7 @@ exports[`EuiCollapsedNavItem renders an icon button/link if href is passed 1`] =
   data-test-subj="test subject string"
 >
   <a
-    aria-label="Item"
+    aria-label="Item, quick navigation menu"
     class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
     data-test-subj="euiCollapsedNavButton"
     href="#"

diff --git a/...nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_popover.test.tsx.snap b/...nav_beta/collapsible_nav_item/collapsed/__snapshots__/collapsed_nav_popover.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`EuiCollapsedNavPopover renders 1`] = `
         class="euiToolTipAnchor emotion-euiToolTipAnchor-block"
       >
         <button
-          aria-label="Item"
+          aria-label="Item, quick navigation menu"
           class="euiButtonIcon euiCollapsedNavButton emotion-euiButtonIcon-s-empty-text-euiCollapsedNavButton"
           data-test-subj="euiCollapsedNavButton"
           type="button"

diff --git a/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.tsx b/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.tsx
@@ -23,6 +23,7 @@ import {
   euiCollapsedNavButtonStyles,
   euiCollapsedNavItemTooltipStyles,
 } from './collapsed_nav_button.styles';
+import { useEuiI18n } from '../../../i18n';
 
 export const EuiCollapsedNavButton: FunctionComponent<
   Omit<
@@ -63,6 +64,12 @@ export const EuiCollapsedNavButton: FunctionComponent<
     hideToolTip && tooltipStyles.hidden,
   ];
 
+  const buttonIconAriaLabel = useEuiI18n(
+    'euiCollapsedNavButton.ariaLabelButtonIcon',
+    '{title}, quick navigation menu',
+    { title }
+  );
+
   return (
     <EuiToolTip
       content={title}
@@ -77,7 +84,7 @@ export const EuiCollapsedNavButton: FunctionComponent<
         color="text"
         href={href}
         onClick={onClick}
-        aria-label={title}
+        aria-label={buttonIconAriaLabel}
         {...(linkProps as EuiButtonIconPropsForAnchor)} // Exclusive union shenanigans
         className={buttonClassName}
         css={buttonCssStyles}

diff --git a/src/components/datagrid/data_grid.stories.tsx b/src/components/datagrid/data_grid.stories.tsx
@@ -25,6 +25,8 @@ import type {
 } from './data_grid_types';
 import { EuiDataGrid } from './data_grid';
 
+faker.seed(42);
+
 const dataKeys = [
   'name',
   'email',
@@ -36,6 +38,7 @@ const dataKeys = [
 const raw_data = Array.from({ length: 10 }).map(() => {
   const email = faker.internet.email();
   const name = `${faker.person.lastName()}, ${faker.person.firstName()}`;
+  const date = faker.date.past().toDateString();
   const suffix = faker.person.suffix();
   return {
     name: {
@@ -52,7 +55,7 @@ const raw_data = Array.from({ length: 10 }).map(() => {
         <EuiLink href="https://google.com">{faker.location.country()}</EuiLink>
       </>
     ),
-    date: `${faker.date.past()}`,
+    date: `${date}`,
     account: faker.finance.accountNumber(),
     version: faker.system.semver(),
   };

diff --git a/src/components/date_picker/super_date_picker/date_popover/_absolute_tab.scss b/src/components/date_picker/super_date_picker/date_popover/_absolute_tab.scss
@@ -1,24 +1,19 @@
-.euiSuperDatePicker__absoluteDateFormRow {
+.euiSuperDatePicker__absoluteDateForm {
   padding: 0 $euiSizeS $euiSizeS;
+}
 
-  /* A bit of a visual trickery to make the format "hint" become an "error" text.
-     NOTE: Normally reordering visually (vs DOM) isn't super great for screen reader users,
-     but as the help text is already read out via `aria-describedby`, and the error text
-     is read out immediately via `aria-live`, we can fairly safely prioritize visuals instead */
-  .euiFormRow__fieldWrapper {
-    display: flex;
-    flex-direction: column;
-  };
-
-  .euiFormControlLayout {
-    order: 0;
-  }
+.euiSuperDatePicker__absoluteDateFormSubmit {
+  flex-shrink: 0;
+}
 
-  .euiFormHelpText {
-    order: 1;
-  }
+.euiSuperDatePicker__absoluteDateFormRow {
+  flex-grow: 1;
 
-  .euiFormErrorText {
-    order: 2;
+  // CSS hack to make the help/error text extend to the submit button.
+  // We can't actually put the submit button within an EuiFormRow due to
+  // cloneElement limitations (https://github.com/elastic/eui/issues/2493#issuecomment-561278494)
+  // TODO: Remove this and clean up DOM rendering once we can
+  .euiFormRow__text {
+    margin-inline-end: -1 * ($euiSizeXL + $euiSizeS); // XL - size of the button, S - size of the flex gap
   }
 }
diff --git a/src/components/date_picker/super_date_picker/date_popover/absolute_tab.test.tsx b/src/components/date_picker/super_date_picker/date_popover/absolute_tab.test.tsx
@@ -36,35 +36,40 @@ describe('EuiAbsoluteTab', () => {
   };
 
   describe('user input', () => {
-    it('displays the enter key help text when the input has been edited and the date has not yet been parsed', () => {
-      const { getByTestSubject, queryByText } = render(
+    const formatHelpText = /Allowed formats: /;
+
+    it('displays helptext and a submit button when the input has been edited and the date has not yet been parsed', () => {
+      const { getByTestSubject, queryByTestSubject, queryByText } = render(
         <EuiAbsoluteTab {...props} />
       );
-      const helpText = 'Press the Enter key to parse as a date.';
-      expect(queryByText(helpText)).not.toBeInTheDocument();
+      expect(queryByText(formatHelpText)).not.toBeInTheDocument();
+      expect(
+        queryByTestSubject('parseAbsoluteDateFormat')
+      ).not.toBeInTheDocument();
 
       const input = getByTestSubject('superDatePickerAbsoluteDateInput');
       fireEvent.change(input, { target: { value: 'test' } });
 
-      expect(queryByText(helpText)).toBeInTheDocument();
+      expect(queryByText(formatHelpText)).toBeInTheDocument();
+      expect(queryByTestSubject('parseAbsoluteDateFormat')).toBeInTheDocument();
     });
 
     it('displays the formats as a hint before parse, but as an error if invalid', () => {
       const { getByTestSubject, queryByText } = render(
         <EuiAbsoluteTab {...props} />
       );
-      const formatHelpText = /Allowed formats: /;
       expect(queryByText(formatHelpText)).not.toBeInTheDocument();
 
-      const input = getByTestSubject('superDatePickerAbsoluteDateInput');
-      fireEvent.change(input, { target: { value: 'test' } });
+      fireEvent.change(getByTestSubject('superDatePickerAbsoluteDateInput'), {
+        target: { value: 'test' },
+      });
       expect(queryByText(formatHelpText)).toHaveClass('euiFormHelpText');
 
-      fireEvent.keyDown(input, { key: 'Enter' });
+      fireEvent.click(getByTestSubject('parseAbsoluteDateFormat'));
       expect(queryByText(formatHelpText)).toHaveClass('euiFormErrorText');
     });
 
-    it('immediately parses pasted text without needing an extra enter keypress', () => {
+    it('immediately parses pasted text without needing an extra click or keypress', () => {
       const { getByTestSubject, queryByText } = render(
         <EuiAbsoluteTab {...props} />
       );
@@ -84,15 +89,14 @@ describe('EuiAbsoluteTab', () => {
       });
       expect(input).toBeInvalid();
 
-      expect(queryByText(/Allowed formats: /)).toBeInTheDocument();
-      expect(queryByText(/Press the Enter key /)).not.toBeInTheDocument();
+      expect(queryByText(formatHelpText)).toBeInTheDocument();
     });
   });
 
   describe('date parsing', () => {
     const changeInput = (input: HTMLElement, value: string) => {
-      fireEvent.change(input, { target: { value } });
-      fireEvent.keyDown(input, { key: 'Enter' });
+      fireEvent.change(input, { target: { value: `${value}` } });
+      fireEvent.submit(input.closest('form')!);
     };
 
     it('parses the passed `dateFormat` prop', () => {

diff --git a/src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx b/src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx
@@ -6,14 +6,15 @@
  * Side Public License, v 1.
  */
 
-import React, { Component, ChangeEvent } from 'react';
+import React, { Component, ChangeEvent, FormEvent } from 'react';
 
 import moment, { Moment, LocaleSpecifier } from 'moment'; // eslint-disable-line import/named
 
 import dateMath from '@elastic/datemath';
 
-import { keys } from '../../../../services';
 import { EuiFormRow, EuiFieldText, EuiFormLabel } from '../../../form';
+import { EuiFlexGroup } from '../../../flex';
+import { EuiButtonIcon } from '../../../button';
 import { EuiCode } from '../../../code';
 import { EuiI18n } from '../../../i18n';
 
@@ -167,45 +168,63 @@ export class EuiAbsoluteTab extends Component<
         />
         <EuiI18n
           tokens={[
-            'euiAbsoluteTab.dateFormatHint',
+            'euiAbsoluteTab.dateFormatButtonLabel',
             'euiAbsoluteTab.dateFormatError',
           ]}
           defaults={[
-            'Press the Enter key to parse as a date.',
+            'Parse date',
             'Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp.',
           ]}
           values={{ dateFormat: <EuiCode>{dateFormat}</EuiCode> }}
         >
-          {([dateFormatHint, dateFormatError]: string[]) => (
-            <EuiFormRow
-              className="euiSuperDatePicker__absoluteDateFormRow"
-              isInvalid={isTextInvalid}
-              error={isTextInvalid ? dateFormatError : undefined}
-              helpText={
-                hasUnparsedText
-                  ? isTextInvalid
-                    ? dateFormatHint
-                    : [dateFormatHint, dateFormatError]
-                  : undefined
-              }
+          {([dateFormatButtonLabel, dateFormatError]: string[]) => (
+            <EuiFlexGroup
+              component="form"
+              onSubmit={(e: FormEvent) => {
+                e.preventDefault(); // Prevents a page refresh/reload
+                this.parseUserDateInput(textInputValue);
+              }}
+              className="euiSuperDatePicker__absoluteDateForm"
+              gutterSize="s"
+              responsive={false}
             >
-              <EuiFieldText
-                compressed
+              <EuiFormRow
+                className="euiSuperDatePicker__absoluteDateFormRow"
                 isInvalid={isTextInvalid}
-                value={textInputValue}
-                onChange={this.handleTextChange}
-                onPaste={(event) => {
-                  this.parseUserDateInput(event.clipboardData.getData('text'));
-                }}
-                onKeyDown={(event) => {
-                  if (event.key === keys.ENTER) {
-                    this.parseUserDateInput(textInputValue);
-                  }
-                }}
-                data-test-subj="superDatePickerAbsoluteDateInput"
-                prepend={<EuiFormLabel>{labelPrefix}</EuiFormLabel>}
-              />
-            </EuiFormRow>
+                error={isTextInvalid ? dateFormatError : undefined}
+                helpText={
+                  hasUnparsedText && !isTextInvalid
+                    ? dateFormatError
+                    : undefined
+                }
+              >
+                <EuiFieldText
+                  compressed
+                  isInvalid={isTextInvalid}
+                  value={textInputValue}
+                  onChange={this.handleTextChange}
+                  onPaste={(event) => {
+                    this.parseUserDateInput(
+                      event.clipboardData.getData('text')
+                    );
+                  }}
+                  data-test-subj="superDatePickerAbsoluteDateInput"
+                  prepend={<EuiFormLabel>{labelPrefix}</EuiFormLabel>}
+                />
+              </EuiFormRow>
+              {hasUnparsedText && (
+                <EuiButtonIcon
+                  type="submit"
+                  className="euiSuperDatePicker__absoluteDateFormSubmit"
+                  size="s"
+                  display="base"
+                  iconType="check"
+                  aria-label={dateFormatButtonLabel}
+                  title={dateFormatButtonLabel}
+                  data-test-subj="parseAbsoluteDateFormat"
+                />
+              )}
+            </EuiFlexGroup>
           )}
         </EuiI18n>
       </>

diff --git a/src/components/portal/portal.stories.tsx b/src/components/portal/portal.stories.tsx
@@ -9,13 +9,20 @@
 import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { LOKI_SELECTORS } from '../../../.storybook/loki';
 import { EuiButton } from '../button';
 import { EuiSpacer } from '../spacer';
 import { EuiPortal, EuiPortalProps } from './portal';
 
 const meta: Meta<EuiPortalProps> = {
   title: 'Utilities/EuiPortal',
   component: EuiPortal,
+  parameters: {
+    loki: {
+      // content rendered in portal
+      chromeSelector: LOKI_SELECTORS.portal,
+    },
+  },
   argTypes: {
     children: { control: 'text' },
   },

diff --git a/src/components/responsive/show_for.stories.tsx b/src/components/responsive/show_for.stories.tsx
@@ -13,6 +13,13 @@ import { EuiShowFor, EuiShowForProps } from './show_for';
 const meta: Meta<EuiShowForProps> = {
   title: 'Utilities/EuiShowFor',
   component: EuiShowFor,
+  parameters: {
+    loki: {
+      // EuiShowFor may render null resulting in Loki failing
+      // to find an element to snapshot
+      skip: true,
+    },
+  },
 };
 
 export default meta;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		- Updated `EuiSuperDatePicker`'s absolute tab UX to support setting manual timestamps via mouse click as well as enter key
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		Accessibility

		- Updated `EuiCollapsedNavButton` with improved context for screen reader navigation