diff --git a/.loki/reference/chrome_desktop_Display_EuiProgress_Determinate.png b/.loki/reference/chrome_desktop_Display_EuiProgress_Determinate.png new file mode 100644 index 00000000000..ad60b1ca588 Binary files /dev/null and b/.loki/reference/chrome_desktop_Display_EuiProgress_Determinate.png differ diff --git a/.loki/reference/chrome_desktop_Display_EuiProgress_Indeterminate.png b/.loki/reference/chrome_desktop_Display_EuiProgress_Indeterminate.png new file mode 100644 index 00000000000..35cc52d5ce7 Binary files /dev/null and b/.loki/reference/chrome_desktop_Display_EuiProgress_Indeterminate.png differ diff --git a/.loki/reference/chrome_desktop_Display_EuiStat_Playground.png b/.loki/reference/chrome_desktop_Display_EuiStat_Playground.png new file mode 100644 index 00000000000..9a904fe8867 Binary files /dev/null and b/.loki/reference/chrome_desktop_Display_EuiStat_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Forms_EuiComboBox_Custom_Matcher.png b/.loki/reference/chrome_desktop_Forms_EuiComboBox_Custom_Matcher.png new file mode 100644 index 00000000000..9b1a8a2553d Binary files /dev/null and b/.loki/reference/chrome_desktop_Forms_EuiComboBox_Custom_Matcher.png differ diff --git a/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png b/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png new file mode 100644 index 00000000000..7a007802c82 Binary files /dev/null and b/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png b/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png new file mode 100644 index 00000000000..d72798880e3 Binary files /dev/null and b/.loki/reference/chrome_desktop_Forms_EuiSearchBar_EuiSearchBar_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png b/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png new file mode 100644 index 00000000000..17e4193769e Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png new file mode 100644 index 00000000000..198cf0b0bc9 Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverFooter_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverFooter_Playground.png new file mode 100644 index 00000000000..6afece5abf3 Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverFooter_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverTitle_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverTitle_Playground.png new file mode 100644 index 00000000000..dac0811616f Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopoverTitle_Playground.png differ 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 new file mode 100644 index 00000000000..9a94527e54e Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png new file mode 100644 index 00000000000..ef85f64e3c9 Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiPopover_EuiPopover_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png b/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png new file mode 100644 index 00000000000..994179bb0a2 Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png new file mode 100644 index 00000000000..7241e65c360 Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png new file mode 100644 index 00000000000..bd1ffd53f95 Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiSpacer_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiSpacer_Playground.png new file mode 100644 index 00000000000..c27c21d720a Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiSpacer_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Layout_EuiWrappingPopover_Playground.png b/.loki/reference/chrome_desktop_Layout_EuiWrappingPopover_Playground.png new file mode 100644 index 00000000000..a0ebdb7553c Binary files /dev/null and b/.loki/reference/chrome_desktop_Layout_EuiWrappingPopover_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png new file mode 100644 index 00000000000..b96d21f6fad Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png new file mode 100644 index 00000000000..38d2bf7e0f5 Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png new file mode 100644 index 00000000000..e4b3c23b8a5 Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png new file mode 100644 index 00000000000..ac062aed3cf Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png new file mode 100644 index 00000000000..56de98d363f Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png new file mode 100644 index 00000000000..d5129d5aa62 Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png new file mode 100644 index 00000000000..d5129d5aa62 Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png new file mode 100644 index 00000000000..5a26da14acd Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png new file mode 100644 index 00000000000..5fcef2e7ef6 Binary files /dev/null and b/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Playground.png b/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Playground.png index bf3ea364546..1cc13bfb08d 100644 Binary files a/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Playground.png and b/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_Playground.png differ diff --git a/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png b/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png new file mode 100644 index 00000000000..38d6fac36da Binary files /dev/null and b/.loki/reference/chrome_desktop_Utilities_EuiPortal_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Display_EuiProgress_Determinate.png b/.loki/reference/chrome_mobile_Display_EuiProgress_Determinate.png new file mode 100644 index 00000000000..9835a0bd06c Binary files /dev/null and b/.loki/reference/chrome_mobile_Display_EuiProgress_Determinate.png differ diff --git a/.loki/reference/chrome_mobile_Display_EuiProgress_Indeterminate.png b/.loki/reference/chrome_mobile_Display_EuiProgress_Indeterminate.png new file mode 100644 index 00000000000..af55961fb17 Binary files /dev/null and b/.loki/reference/chrome_mobile_Display_EuiProgress_Indeterminate.png differ diff --git a/.loki/reference/chrome_mobile_Display_EuiStat_Playground.png b/.loki/reference/chrome_mobile_Display_EuiStat_Playground.png new file mode 100644 index 00000000000..01deefbd963 Binary files /dev/null and b/.loki/reference/chrome_mobile_Display_EuiStat_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Forms_EuiComboBox_Custom_Matcher.png b/.loki/reference/chrome_mobile_Forms_EuiComboBox_Custom_Matcher.png new file mode 100644 index 00000000000..b968c39fa69 Binary files /dev/null and b/.loki/reference/chrome_mobile_Forms_EuiComboBox_Custom_Matcher.png differ diff --git a/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png b/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png new file mode 100644 index 00000000000..994758f5779 Binary files /dev/null and b/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBarFilters_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png b/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png new file mode 100644 index 00000000000..6e1916e1cb8 Binary files /dev/null and b/.loki/reference/chrome_mobile_Forms_EuiSearchBar_EuiSearchBar_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png b/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png new file mode 100644 index 00000000000..60b5ac32dd1 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png new file mode 100644 index 00000000000..be8504977e4 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverFooter_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverFooter_Playground.png new file mode 100644 index 00000000000..9a6e249eb93 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverFooter_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverTitle_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverTitle_Playground.png new file mode 100644 index 00000000000..9d42ed27609 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopoverTitle_Playground.png differ 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 new file mode 100644 index 00000000000..742f3eef6d4 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Panel_Padding_Size.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Playground.png new file mode 100644 index 00000000000..7c95821be62 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiPopover_EuiPopover_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png b/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png new file mode 100644 index 00000000000..6beebffe414 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Collapsible_Panels.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png new file mode 100644 index 00000000000..f753bb73ceb Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizableContainer_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png new file mode 100644 index 00000000000..03d7b9e77fc Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiResizableContainer_EuiResizablePanel_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiSpacer_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiSpacer_Playground.png new file mode 100644 index 00000000000..48a9e19730f Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiSpacer_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Layout_EuiWrappingPopover_Playground.png b/.loki/reference/chrome_mobile_Layout_EuiWrappingPopover_Playground.png new file mode 100644 index 00000000000..2a84807ed29 Binary files /dev/null and b/.loki/reference/chrome_mobile_Layout_EuiWrappingPopover_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png new file mode 100644 index 00000000000..c8ce24d2ae5 Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Collapsed_State_In_Local_Storage.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png new file mode 100644 index 00000000000..8ed48af52e1 Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Flyout_Overlay.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png new file mode 100644 index 00000000000..ad4f324d261 Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Global_CSS_Variable.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png new file mode 100644 index 00000000000..c97f128baf9 Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavBeta_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png new file mode 100644 index 00000000000..e720f1e765e Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Edge_Case_Testing.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png new file mode 100644 index 00000000000..b26eeae6653 Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Accordion.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png new file mode 100644 index 00000000000..b26eeae6653 Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_EuiCollapsedNavItem_Link.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png new file mode 100644 index 00000000000..34619f41a3b Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_EuiCollapsibleNavItem_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png new file mode 100644 index 00000000000..47fe6d31a1e Binary files /dev/null and b/.loki/reference/chrome_mobile_Navigation_EuiCollapsibleNav_beta_KibanaSolution_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Playground.png b/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Playground.png index fb260487de8..4af1ff85fb3 100644 Binary files a/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Playground.png and b/.loki/reference/chrome_mobile_Tabular_Content_EuiDataGrid_Playground.png differ diff --git a/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png b/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png new file mode 100644 index 00000000000..7ae55e07eca Binary files /dev/null and b/.loki/reference/chrome_mobile_Utilities_EuiPortal_Playground.png differ diff --git a/src/components/datagrid/data_grid.stories.tsx b/src/components/datagrid/data_grid.stories.tsx index aa2e4f04cd6..6eea1377dd2 100644 --- 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(() => { {faker.location.country()} ), - date: `${faker.date.past()}`, + date: `${date}`, account: faker.finance.accountNumber(), version: faker.system.semver(), }; diff --git a/src/components/portal/portal.stories.tsx b/src/components/portal/portal.stories.tsx index b97b6bd1c4a..669d39835a3 100644 --- a/src/components/portal/portal.stories.tsx +++ b/src/components/portal/portal.stories.tsx @@ -9,6 +9,7 @@ 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'; @@ -16,6 +17,12 @@ import { EuiPortal, EuiPortalProps } from './portal'; const meta: Meta = { 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 index a96b276e7f3..ec743698d09 100644 --- 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 = { 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;