[Chore] Use Vite builder for Storybook

[weronikaolejniczak]

Note

This doesn't affect EUI production. Only local dev and CI.

Summary

Closes https://github.com/elastic/eui-private/issues/747

Follow-up to #9863. This PR switches the builder to Vite.

Changes

• Switched from Webpack to Vite as the Storybook builder (docs).
• Converted Prettier config from .prettierrc.js to .prettierrc.json (required for ESM compatibility with Vite).
• Renamed vendored react-datepicker source files from .js to .jsx (required by Vite).

Benchmark

Ran on the local machine parallel on different ports.

Metric	Webpack (upstream/main)	Vite (PR branch)	Vite improvement
Development server ready¹	94.13 s	5.80 s	16.2× faster
Production Storybook build²	78.85 s	50.63 s	35.8% faster
Static build size	60.6 MiB	23.9 MiB	60.6% smaller
Manager + Button load³	1,001 ms	780 ms	22.1% faster
Button story load³	533 ms	316 ms	40.7% faster
DataGrid story load³	884 ms	561 ms	36.5% faster
SuperDatePicker story load³	693 ms	442 ms	36.2% faster

QA instructions for reviewer

• Run yarn workspace @elastic/eui start - Storybook runs successfully,
• run yarn workspace @elastic/eui build - EUI builds successfully,
• smoke-test any date picker: EuiDatePicker, EuiDatePickeRange, EuiSuperDatePicker, EuiAutoRefresh / EuiAutoRefreshButton.

[elastic-vault-github-plugin-prod]

53 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euicomment (4 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
playground desktop
playground mobile

euitimeline (4 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
playground desktop
playground mobile

euiautorefresh (2 differences)

Story	Before	After	Diff
playground desktop
playground mobile

euiexpression (4 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
kitchen sink desktop
kitchen sink mobile

euifilterbutton (4 differences)

Story	Before	After	Diff
full width and grow desktop
full width and grow mobile
high contrast desktop
high contrast mobile

euiform (2 differences)

Story	Before	After	Diff
append prepend desktop
append prepend mobile

euisearchbar (4 differences)

Story	Before	After	Diff
playground desktop
playground mobile
playground desktop
playground mobile

euiflyout (16 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
playground desktop
playground mobile
playground desktop
playground mobile
playground desktop
playground mobile
playground desktop
playground mobile
menu bar example desktop
menu bar example mobile
pagination example desktop
pagination example mobile
playground desktop
playground mobile

euiheader (4 differences)

Story	Before	After	Diff
elastic navigation pattern desktop
elastic navigation pattern mobile
multiple fixed headers mobile
popover example mobile

euicollapsiblenav (4 differences)

Story	Before	After	Diff
full header pattern desktop
full header pattern mobile
playground desktop
playground mobile

euidatagrid (5 differences)

Story	Before	After	Diff
cell expansion popover desktop
cell expansion popover mobile
full screen with flyout mobile
column selector desktop
column selector mobile

[elastic-vault-github-plugin-prod]

36 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euicomment (4 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
playground desktop
playground mobile

euitimeline (4 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
playground desktop
playground mobile

euiautorefresh (2 differences)

Story	Before	After	Diff
playground desktop
playground mobile

euiexpression (4 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
kitchen sink desktop
kitchen sink mobile

euifilterbutton (4 differences)

Story	Before	After	Diff
full width and grow desktop
full width and grow mobile
high contrast desktop
high contrast mobile

euiform (2 differences)

Story	Before	After	Diff
append prepend desktop
append prepend mobile

euisearchbar (4 differences)

Story	Before	After	Diff
playground desktop
playground mobile
playground desktop
playground mobile

euiflyout (8 differences)

Story	Before	After	Diff
high contrast desktop
high contrast mobile
playground desktop
playground mobile
pagination example desktop
pagination example mobile
playground desktop
playground mobile

euiheader (2 differences)

Story	Before	After	Diff
elastic navigation pattern desktop
elastic navigation pattern mobile

euidatagrid (2 differences)

Story	Before	After	Diff
cell expansion popover desktop
cell expansion popover mobile

[elastic-vault-github-plugin-prod]

53 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euibadge (1 difference)

Story	Before	After	Diff
playground mobile

euitoast (1 difference)

Story	Before	After	Diff
playground desktop

euiautorefresh (1 difference)

Story	Before	After	Diff
playground desktop

euicombobox (9 differences)

Story	Before	After	Diff
custom matcher mobile
custom truncation mobile
default truncation mobile
groups mobile
icons and many options selected mobile
nested options groups mobile
playground mobile
row height auto mobile
with tooltip mobile

euifieldtext (2 differences)

Story	Before	After	Diff
icon shape desktop
playground desktop

euisuperdatepicker (11 differences)

Story	Before	After	Diff
collapsed quick select only desktop
custom quick select panel desktop
custom time zone display desktop
overflowing children desktop
playground desktop
quick select only desktop
restricted range desktop
time window buttons compressed desktop
time window buttons desktop
time window buttons with zoom in desktop
playground desktop

euilistitemlayout (10 differences)

Story	Before	After	Diff
custom content mobile
external link mobile
extra action and tooltip props mobile
extra action mobile
kitchen sink mobile
playground mobile
role mobile
text wrap mobile
tooltip props mobile
truncation mobile

euiconfirmmodal (1 difference)

Story	Before	After	Diff
playground desktop

euiheader (4 differences)

Story	Before	After	Diff
playground desktop
animation mobile
notification mobile
playground mobile

euicollapsiblenav (5 differences)

Story	Before	After	Diff
full header pattern desktop
playground desktop
accordion desktop
no title desktop
non accordion desktop

euikeypadmenu (4 differences)

Story	Before	After	Diff
checkable multi mobile
checkable single mobile
high contrast mobile
playground mobile

euidatagrid (2 differences)

Story	Before	After	Diff
cell expansion popover desktop
cell expansion popover mobile

euiautosizer (1 difference)

Story	Before	After	Diff
playground desktop

euiresizeobserver (1 difference)

Story	Before	After	Diff
playground desktop

[elastic-vault-github-plugin-prod]

4 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (4 differences)

Story	Before	After	Diff
cell expansion popover desktop
cell expansion popover mobile
full screen toggle desktop
full screen toggle mobile

[elastic-vault-github-plugin-prod]

4 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (4 differences)

Story	Before	After	Diff
cell expansion popover desktop
cell expansion popover mobile
full screen toggle desktop
full screen toggle mobile

[elastic-vault-github-plugin-prod]

15 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euicode (2 differences)

Story	Diff %	Before	After	Diff
playground desktop	0.08%
playground mobile	0.08%

euimarkdownformat (4 differences)

Story	Diff %	Before	After	Diff
high contrast desktop	<0.01%
high contrast mobile	<0.01%
kitchen sink desktop	<0.01%
kitchen sink mobile	<0.01%

euicollapsiblenav (1 difference)

Story	Diff %	Before	After	Diff
full header pattern desktop	<0.01%

euidatagrid (6 differences)

Story	Diff %	Before	After	Diff
cell expansion popover desktop	0.26%
cell expansion popover mobile	1.02%
full screen toggle desktop	0.10%
full screen toggle mobile	0.39%
keyboard shortcuts desktop	<0.01%
keyboard shortcuts mobile	0.02%

euiprovider (2 differences)

Story	Diff %	Before	After	Diff
playground desktop	<0.01%
playground mobile	<0.01%

[Copilot]

Pull request overview

Migrates EUI’s Storybook development and CI tooling from Webpack to Vite while preserving Storybook functionality and stabilizing visual regression tests.

Changes:

• Migrates Storybook configuration and story types to @storybook/react-vite.
• Renames vendored date-picker JSX sources and updates build/test tooling.
• Self-hosts Storybook fonts and adds VRT difference percentages.

Reviewed changes

Copilot reviewed 261 out of 276 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
packages/eui/.storybook/main.ts	Configures the Vite builder, React transforms, and docgen.
packages/eui/.storybook/preview.tsx	Loads local Storybook fonts.
packages/eui/.storybook/preview-head.html	Removes Google Fonts requests.
packages/eui/.storybook/fonts.css	Defines local Inter and Roboto Mono fonts.
packages/eui/.storybook/addons/code-snippet/decorators/utils.ts	Imports the JSON Prettier configuration.
packages/eui/.prettierrc.js	Removes the CommonJS Prettier configuration.
packages/eui/.prettierrc.json	Adds an ESM-compatible Prettier configuration.
packages/eui/package.json	Replaces Webpack Storybook dependencies and adds Vite/font dependencies.
packages/eui/scripts/compile-eui.js	Compiles JSX source files.
packages/eui/scripts/jest/config.js	Resolves and transforms JSX in Jest.
packages/eui/cypress/webpack.config.js	Resolves and transforms JSX in Cypress.
.buildkite/scripts/deploy_docs/step_vrt.sh	Adds visual-difference percentages to VRT tables.
packages/eui/src/components/date_picker/react-datepicker/src/year_dropdown.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/year_dropdown_options.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/week.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/week_number.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/time.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/month.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/month_year_dropdown.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/month_year_dropdown_options.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/month_dropdown.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/month_dropdown_options.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/day.jsx	Renames vendored JSX source.
packages/eui/src/components/date_picker/react-datepicker/src/calendar_container.jsx	Renames vendored JSX source.
packages/eui/src/services/theme/provider.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tree_view/tree_view.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tree_view/tree_view_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tour/tour.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tour/tour_step.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tour/tour_step_indicator.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tool_tip/tool_tip.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tool_tip/icon_tip.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/token/token.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/toast/toast.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/toast/global_toast_list.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/toast/global_toast_list_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/title/title.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/timeline/timeline.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/timeline/timeline_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/timeline/timeline_item_icon.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/timeline/timeline_item_event.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/text/text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/text/text_color.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/text/text_align.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/text_truncate/text_truncate.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/text_truncate/text_block_truncate.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/text_diff/text_diff.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tabs/tabs.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tabs/tabbed_content/tabbed_content.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/tabs/tab.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_row.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_row_cell.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_row_cell_checkbox.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_pagination/table_pagination.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_header.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_header_cell.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_header_cell_checkbox.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_footer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_footer_cell.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/table_body.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/mobile/table_sort_mobile.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/mobile/table_sort_mobile_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/table/mobile/table_header_mobile.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/steps/sub_steps.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/steps/steps.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/steps/steps_horizontal.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/steps/step.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/steps/step_number.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/steps/step_horizontal.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/stat/stat.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/spacer/spacer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/skeleton/skeleton_title.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/skeleton/skeleton_text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/skeleton/skeleton_rectangle.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/skeleton/skeleton_loading.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/skeleton/skeleton_circle.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/side_nav/side_nav.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/selectable/selectable.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/selectable/selectable_templates/selectable_template_sidewide.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/selectable/selectable_search/selectable_search.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/selectable/selectable_message/selectable_message.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/selectable/selectable_list/selectable_list.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/selectable/selectable_list/selectable_list_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/search_bar/search_filters.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/search_bar/search_bar.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/responsive/show_for.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/responsive/hide_for.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/resizable_container/resizable_panel.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/resizable_container/resizable_container.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/resizable_container/resizable_collapse_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/resizable_container/resizable_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/provider/provider.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/progress/progress.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/portal/portal.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/popover/wrapping_popover.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/popover/popover.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/popover/popover_title.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/popover/popover_footer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/popover/input_popover.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/panel/split_panel/split_panel_outer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/panel/split_panel/split_panel_inner.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/panel/panel.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/pagination/pagination.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/pagination/pagination_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/pagination/pagination_button_arrow.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page_sidebar/page_sidebar.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page_section/page_section.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page_header/page_header.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page_header/page_header_section.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page_header/page_header_content.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page/page_body/page_body.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/page_template/page_template.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/overlay_mask/overlay_mask.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/outside_click_detector/outside_click_detector.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/observer/resize_observer/resize_observer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/observer/mutation_observer/mutation_observer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/notification_icon/notification_icon.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/modal/modal.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/modal/modal_header.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/modal/modal_header_title.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/modal/modal_footer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/modal/modal_body.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/modal/confirm_modal.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/markdown_editor/markdown_format.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/markdown_editor/markdown_editor.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/mark/mark.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/loading/loading_spinner.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/loading/loading_logo.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/loading/loading_elastic.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/loading/loading_chart.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/list_item_layout/_list_item_layout.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/list_group/pinnable_list_group/pinnable_list_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/list_group/list_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/list_group/list_group_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/link/link.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/key_pad_menu/key_pad_menu.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/key_pad_menu/key_pad_menu_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/inner_text/inner_text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/inline_edit/inline_edit_title.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/inline_edit/inline_edit_text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/image/image.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/illustration/illustration.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/icon/icon.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/i18n/i18n.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/i18n/i18n_number.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/horizontal_rule/horizontal_rule.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/highlight/highlight.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/health/health.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_section/header_section.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_section/header_section_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_section/header_section_item_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_logo/header_logo.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_links/header_links.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_links/header_link.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_breadcrumbs/header_breadcrumbs.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/header/header_alert/header_alert.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/validatable_control/validatable_control.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/text_area/text_area.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/switch/switch.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/super_select/super_select.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/select/select.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/range/range.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/range/dual_range.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/radio/radio.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/radio/radio_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_row/form_row.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_label/form_label.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_help_text/form_help_text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_fieldset/form_legend.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_fieldset/form_fieldset.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_error_text/form_error_text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_control_layout/form_control_layout.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_control_layout/form_control_layout_delimited.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_control_layout/append_prepend/form_prepend.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_control_layout/append_prepend/form_append.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/form_control_button/form_control_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/file_picker/file_picker.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/field_text/field_text.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/field_search/field_search.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/field_password/field_password.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/field_number/field_number.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/described_form_group/described_form_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/checkbox/checkbox.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/checkbox/checkbox_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/form/checkbox/checkbox_control.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/focus_trap/focus_trap.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/manager/flyout_sessions.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/manager/flyout_manager.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/manager/flyout_containers.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/flyout.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/flyout_resizable.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/flyout_menu.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/flyout_header.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/flyout_footer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flyout/flyout_body.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flex/flex_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flex/flex_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/flex/flex_grid.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/filter_group/filter_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/filter_group/filter_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/facet/facet_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/facet/facet_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/expression/expression.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/error_boundary/error_boundary.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/empty_prompt/empty_prompt.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/drag_and_drop/droppable.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/drag_and_drop/draggable.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/drag_and_drop/drag_drop_context.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/description_list/description_list.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/description_list/description_list_title.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/description_list/description_list_description.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/delay_render/delay_render.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/delay_hide/delay_hide.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/super_date_picker/super_update_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/super_date_picker/super_date_picker.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/date_picker.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/date_picker_range.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/auto_refresh/refresh_interval.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/auto_refresh/auto_refresh.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/date_picker/auto_refresh/auto_refresh_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/datagrid/data_grid.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/datagrid/data_grid_styles.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/datagrid/data_grid_row_heights.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/datagrid/controls/full_screen_selector.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/datagrid/controls/data_grid_toolbar.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/copy/copy.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/context/context.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/context_menu/context_menu.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/context_menu/context_menu_panel.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/context_menu/context_menu_item.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/comment_list/comment.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/comment_list/comment_list.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/comment_list/comment_event.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/combo_box/combo_box.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/color_picker/color_picker.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/color_picker/color_picker_swatch.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/color_picker/color_palette_picker/color_palette_picker.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/color_picker/color_palette_display/color_palette_display.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/collapsible_nav/collapsible_nav.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/code/code.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/code/code_block.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/card/checkable_card/checkable_card.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/card/card.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/call_out/call_out.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/button/split_button/split_button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/button/button.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/button/button_icon/button_icon.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/button/button_group/button_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/button/button_group/button_group_children.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/button/button_empty/button_empty.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/breadcrumbs/breadcrumbs.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/bottom_bar/bottom_bar.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/beacon/beacon.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/basic_table/in_memory_table.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/basic_table/basic_table.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/banner/banner.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/badge/notification_badge/badge_notification.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/badge/beta_badge/beta_badge.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/badge/badge.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/badge/badge_group/badge_group.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/avatar/avatar.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/auto_sizer/auto_sizer.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/aspect_ratio/aspect_ratio.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/accordion/accordion.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/accessibility/skip_link/skip_link.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/accessibility/screen_reader_only/screen-reader_only.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/accessibility/screen_reader_live/screen_reader_live.stories.tsx	Uses Vite Storybook types.
packages/eui/src/components/accessibility/live_announcer/live_announcer.stories.tsx	Uses Vite Storybook types.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[elastic-vault-github-plugin-prod]

4 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (4 differences)

Story	Diff %	Before	After	Diff
cell expansion popover desktop	0.26%
cell expansion popover mobile	1.02%
full screen toggle desktop	0.10%
full screen toggle mobile	0.39%

[elastic-vault-github-plugin-prod]

5 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (5 differences)

Story	Diff %	Before	After	Diff
cell expansion popover desktop	0.26%
cell expansion popover mobile	1.02%
full screen toggle desktop	0.10%
full screen toggle mobile	0.39%
keyboard shortcuts desktop	2.00%

[elastic-vault-github-plugin-prod]

4 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euidatagrid (4 differences)

Story	Diff %	Before	After	Diff
cell expansion popover desktop	0.26%
cell expansion popover mobile	1.02%
full screen toggle desktop	0.10%
full screen toggle mobile	0.39%

[elastic-vault-github-plugin-prod]

11 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (1 difference)

Story	Diff %	Before	After	Diff
all icons desktop	<0.01%

euiflyout (1 difference)

Story	Diff %	Before	After	Diff
playground desktop	0.03%

euibuttongroup (2 differences)

Story	Diff %	Before	After	Diff
with children desktop	1.32%
with mixed children desktop	1.77%

euikeypadmenu (1 difference)

Story	Diff %	Before	After	Diff
high contrast desktop	0.79%

euisplitbutton (2 differences)

Story	Diff %	Before	After	Diff
single secondary action desktop	3.40%
with popover desktop	0.01%

euidatagrid (4 differences)

Story	Diff %	Before	After	Diff
additional controls options desktop	0.05%
column selector desktop	0.10%
column sorting desktop	0.02%
full screen toggle desktop	0.02%

[elastic-vault-github-plugin-prod]

11 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (1 difference)

Story	Diff %	Before	After	Diff
all icons desktop	<0.01%

euiflyout (1 difference)

Story	Diff %	Before	After	Diff
playground desktop	0.03%

euibuttongroup (2 differences)

Story	Diff %	Before	After	Diff
with children desktop	1.32%
with mixed children desktop	1.77%

euikeypadmenu (1 difference)

Story	Diff %	Before	After	Diff
high contrast desktop	0.79%

euisplitbutton (2 differences)

Story	Diff %	Before	After	Diff
single secondary action desktop	3.40%
with popover desktop	0.01%

euidatagrid (4 differences)

Story	Diff %	Before	After	Diff
additional controls options desktop	0.05%
column selector desktop	0.10%
column sorting desktop	0.02%
full screen toggle desktop	0.02%

[infra-vault-gh-plugin-prod]

💚 Build Succeeded

• Buildkite Build
• Commit: 8e40855

History

• 💚 Build #7492 succeeded 7f2ec7a
• 💚 Build #7490 succeeded d8941a3
• 💚 Build #7475 succeeded 2e8df9e
• 💚 Build #7471 succeeded 6f6f78e
• 💚 Build #7467 succeeded b32e632
• 💚 Build #7449 succeeded b6ab067

cc @weronikaolejniczak

[elastic-vault-github-plugin-prod]

77 visual difference(s) found - expand to review, then click Approve visual changes to update baselines

euiicon (2 differences)

Story	Before	After	Diff
all icons desktop
all icons mobile

euimarkdowneditor (5 differences)

Story	Before	After	Diff
custom toolbar content desktop
errors desktop
no plugins desktop
playground desktop
view mode desktop

euicheckbox (1 difference)

Story	Before	After	Diff
playground mobile

euicombobox (9 differences)

Story	Before	After	Diff
custom matcher desktop
custom truncation desktop
default truncation desktop
groups desktop
icons and many options selected desktop
nested options groups desktop
playground desktop
row height auto desktop
with tooltip desktop

euiform (2 differences)

Story	Before	After	Diff
error mobile
playground mobile

euiinlineedittext (2 differences)

Story	Before	After	Diff
edit mode mobile
playground mobile

euisuperdatepicker (10 differences)

Story	Before	After	Diff
collapsed quick select only desktop
custom quick select panel desktop
custom time zone display desktop
overflowing children desktop
playground desktop
quick select only desktop
restricted range desktop
time window buttons compressed desktop
time window buttons desktop
time window buttons with zoom in desktop

euiflexgrid (1 difference)

Story	Before	After	Diff
playground desktop

euiflexitem (1 difference)

Story	Before	After	Diff
playground mobile

euiflyout (14 differences)

Story	Before	After	Diff
playground desktop
playground mobile
playground desktop
playground mobile
playground desktop
playground mobile
playground desktop
playground mobile
pagination example desktop
pagination example mobile
playground desktop
playground mobile
playground desktop
playground mobile

euiheader (5 differences)

Story	Before	After	Diff
elastic navigation pattern desktop
elastic navigation pattern mobile
multiple fixed headers mobile
popover example mobile
playground desktop

euicollapsiblenav (4 differences)

Story	Before	After	Diff
full header pattern desktop
full header pattern mobile
playground desktop
playground mobile

euicontextmenu (1 difference)

Story	Before	After	Diff
playground desktop

euikeypadmenu (1 difference)

Story	Before	After	Diff
playground mobile

euisplitbutton (9 differences)

Story	Before	After	Diff
dark mode mobile
high contrast mode dark mobile
high contrast mode mobile
kitchen sink mobile
playground mobile
single secondary action mobile
with popover mobile
with tooltip mobile
with wrapping popover mobile

euidatagrid (7 differences)

Story	Before	After	Diff
cell expansion popover desktop
cell expansion popover mobile
full screen with flyout mobile
compact desktop
column selector desktop
column selector mobile
toolbar visibility options desktop

euitable (2 differences)

Story	Before	After	Diff
playground mobile
playground desktop

utilities-useeuitextdiff (1 difference)

Story	Before	After	Diff
playground mobile

[infra-vault-gh-plugin-prod]

💔 Build Failed

• Buildkite Build
• Commit: 8e40855
• Documentation website
• Storybook
• ❌ Visual regression tests failed (view diff table)

Failed CI Steps

• 📷 Test visual regression

History

• 💔 Build #4818 failed 7f2ec7a
• 💔 Build #4816 failed d8941a3
• 💔 Build #4801 failed 2e8df9e
• 💔 Build #4797 failed 6f6f78e
• 💔 Build #4793 failed b32e632

cc @weronikaolejniczak