diff --git a/package.json b/package.json index 7a7182c2bc1bb..15989e01f31a4 100644 --- a/package.json +++ b/package.json @@ -127,9 +127,9 @@ "@elastic/ecs": "^9.0.0", "@elastic/elasticsearch": "9.0.3", "@elastic/ems-client": "8.6.3", - "@elastic/eui": "105.0.0", - "@elastic/eui-amsterdam": "npm:@elastic/eui@105.0.0-amsterdam.0", - "@elastic/eui-theme-borealis": "3.2.0", + "@elastic/eui": "106.0.0", + "@elastic/eui-amsterdam": "npm:@elastic/eui@106.0.0-amsterdam.0", + "@elastic/eui-theme-borealis": "3.3.0", "@elastic/filesaver": "1.1.2", "@elastic/monaco-esql": "^3.1.5", "@elastic/node-crypto": "^1.2.3", diff --git a/src/core/packages/i18n/browser-internal/src/__snapshots__/i18n_service.test.tsx.snap b/src/core/packages/i18n/browser-internal/src/__snapshots__/i18n_service.test.tsx.snap index 6540096852f46..ae41190307836 100644 --- a/src/core/packages/i18n/browser-internal/src/__snapshots__/i18n_service.test.tsx.snap +++ b/src/core/packages/i18n/browser-internal/src/__snapshots__/i18n_service.test.tsx.snap @@ -245,7 +245,7 @@ exports[`#start() returns \`Context\` component 1`] = ` \\"euiResizableButton.verticalResizerAriaLabel\\": \\"Press the up or down arrow keys to adjust panels size\\", \\"euiResizablePanel.toggleButtonAriaLabel\\": \\"Press to toggle this panel\\", \\"euiSaturation.screenReaderInstructions\\": \\"Arrow keys to navigate the square color gradient. Coordinates will be used to calculate HSV color mode \\\\\\"saturation\\\\\\" and \\\\\\"value\\\\\\" numbers, in the range of 0 to 1. Left and right to change the saturation. Up and down change the value.\\", - \\"euiSaturation.ariaLabel\\": \\"HSV color mode saturation and value 2-axis slider\\", + \\"euiSaturation.ariaLabel\\": \\"Select a color\\", \\"euiSearchBox.ariaLabel\\": \\"This is a search bar. After typing your query, hit enter to filter the results lower in the page.\\", \\"euiSearchBox.incrementalAriaLabel\\": \\"This is a search bar. As you type, the results lower in the page will automatically filter.\\", \\"euiSearchBox.placeholder\\": \\"Search...\\", @@ -292,7 +292,11 @@ exports[`#start() returns \`Context\` component 1`] = ` \\"euiRange.sliderScreenReaderInstructions\\": \\"You are in a custom range slider. Use the Up and Down arrow keys to change the value.\\", \\"euiSuperSelect.ariaLabel\\": \\"Select listbox\\", \\"euiFieldValueSelectionFilter.buttonLabelHint\\": \\"Selection\\", - \\"euiCodeBlockFullScreen.ariaLabel\\": \\"Expanded code block\\" + \\"euiCodeBlockFullScreen.ariaLabel\\": \\"Expanded code block\\", + \\"euiSaturation.roleDescription\\": \\"HSV color mode saturation and value 2-axis slider.\\", + \\"euiHue.ariaValueText\\": \\"Hue\\", + \\"euiHue.ariaRoleDescription\\": \\"Hue slider\\", + \\"euiColorPicker.selectedColorLabel\\": \\"Selected color\\" } }" `; diff --git a/src/core/packages/i18n/browser-internal/src/i18n_eui_mapping.tsx b/src/core/packages/i18n/browser-internal/src/i18n_eui_mapping.tsx index d77134acb2437..b6db767af18f8 100644 --- a/src/core/packages/i18n/browser-internal/src/i18n_eui_mapping.tsx +++ b/src/core/packages/i18n/browser-internal/src/i18n_eui_mapping.tsx @@ -1474,7 +1474,7 @@ export const getEuiContextMapping = (): EuiTokensObject => { } ), 'euiSaturation.ariaLabel': i18n.translate('core.euiSaturation.ariaLabel', { - defaultMessage: 'HSV color mode saturation and value 2-axis slider', + defaultMessage: 'Select a color', }), 'euiSearchBox.ariaLabel': i18n.translate('core.euiSearchBox.ariaLabel', { defaultMessage: @@ -1836,5 +1836,17 @@ export const getEuiContextMapping = (): EuiTokensObject => { defaultMessage: '{language} code block:', values: { language }, }), + 'euiSaturation.roleDescription': i18n.translate('core.euiSaturation.roleDescription', { + defaultMessage: 'HSV color mode saturation and value 2-axis slider.', + }), + 'euiHue.ariaValueText': i18n.translate('core.euiHue.ariaValueText', { + defaultMessage: 'Hue', + }), + 'euiHue.ariaRoleDescription': i18n.translate('core.euiHue.ariaRoleDescription', { + defaultMessage: 'Hue slider', + }), + 'euiColorPicker.selectedColorLabel': i18n.translate('core.euiColorPicker.selectedColorLabel', { + defaultMessage: 'Selected color', + }), }; }; diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts index e2e30a26d49fb..62312f760bcf9 100644 --- a/src/dev/license_checker/config.ts +++ b/src/dev/license_checker/config.ts @@ -88,11 +88,11 @@ export const LICENSE_OVERRIDES = { 'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint '@elastic/ems-client@8.6.3': ['Elastic License 2.0'], - '@elastic/eui@105.0.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], - '@elastic/eui-amsterdam@105.0.0-amsterdam.0': [ + '@elastic/eui@106.0.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], + '@elastic/eui-amsterdam@106.0.0-amsterdam.0': [ 'Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0', ], - '@elastic/eui-theme-borealis@3.2.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], + '@elastic/eui-theme-borealis@3.3.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], 'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry 'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary '@bufbuild/protobuf@2.5.2': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause) diff --git a/src/platform/packages/shared/kbn-coloring/src/palettes/utils/get_config_from_palette.test.ts b/src/platform/packages/shared/kbn-coloring/src/palettes/utils/get_config_from_palette.test.ts index a06b573a50a8d..eb870b8c207ac 100644 --- a/src/platform/packages/shared/kbn-coloring/src/palettes/utils/get_config_from_palette.test.ts +++ b/src/platform/packages/shared/kbn-coloring/src/palettes/utils/get_config_from_palette.test.ts @@ -88,7 +88,7 @@ describe('getConfigFromPalette', () => { id: KbnPalette.Complementary, steps: [ { ...commonStep, colorIndex: 8 }, - { touched: false, type: 'colorCode' as const, colorCode: '#ebeff5' }, + { touched: false, type: 'colorCode' as const, colorCode: '#f6f9fc' }, { ...commonStep, colorIndex: 2 }, ], }, diff --git a/src/platform/packages/shared/kbn-data-grid-in-table-search/src/__snapshots__/in_table_search_input.test.tsx.snap b/src/platform/packages/shared/kbn-data-grid-in-table-search/src/__snapshots__/in_table_search_input.test.tsx.snap index 1f13d9b719b7e..08aa8f5fb7ac2 100644 --- a/src/platform/packages/shared/kbn-data-grid-in-table-search/src/__snapshots__/in_table_search_input.test.tsx.snap +++ b/src/platform/packages/shared/kbn-data-grid-in-table-search/src/__snapshots__/in_table_search_input.test.tsx.snap @@ -120,7 +120,7 @@ exports[`InTableSearchInput renders input when loading 1`] = ` > diff --git a/src/platform/packages/shared/kbn-data-grid-in-table-search/src/in_table_search_control.tsx b/src/platform/packages/shared/kbn-data-grid-in-table-search/src/in_table_search_control.tsx index e086b32a10929..a7ecefb6073c5 100644 --- a/src/platform/packages/shared/kbn-data-grid-in-table-search/src/in_table_search_control.tsx +++ b/src/platform/packages/shared/kbn-data-grid-in-table-search/src/in_table_search_control.tsx @@ -20,6 +20,10 @@ import { getHighlightColors } from './get_highlight_colors'; import { getActiveMatchCss } from './get_active_match_css'; const innerCss = css` + /* ensure nested search input borders are visible */ + position: relative; + z-index: 1; + .dataGridInTableSearch__matchesCounter { font-variant-numeric: tabular-nums; } @@ -30,7 +34,7 @@ const innerCss = css` } .euiFormControlLayout__append { - padding-inline: 0 !important; + padding-inline-end: 0 !important; background: none; } @@ -40,6 +44,10 @@ const innerCss = css` border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; + + &::after { + border-right: 0; + } } `; diff --git a/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/components/log_level_badge.test.tsx b/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/components/log_level_badge.test.tsx index e67b3170cbed0..6b95e246cb82a 100644 --- a/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/components/log_level_badge.test.tsx +++ b/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/components/log_level_badge.test.tsx @@ -30,7 +30,7 @@ describe('LogLevelBadge', () => { expect(badge).toBeInTheDocument(); expect(badge).toHaveTextContent('info'); expect(getComputedStyle(badge).getPropertyValue('--euiBadgeBackgroundColor')).toEqual( - '#90bdff' + '#a8caff' ); }); diff --git a/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/utils/get_log_level_color.test.ts b/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/utils/get_log_level_color.test.ts index fbd18ea82bf58..e738f77c525fe 100644 --- a/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/utils/get_log_level_color.test.ts +++ b/src/platform/packages/shared/kbn-discover-utils/src/data_types/logs/utils/get_log_level_color.test.ts @@ -20,10 +20,10 @@ const euiTheme = { describe('getLogLevelColor', () => { test('should work correctly', () => { expect(getLogLevelColor(LogLevelCoalescedValue.debug, euiTheme as EuiThemeComputed)).toBe( - '#bdd7ff' + '#e8f1ff' ); expect(getLogLevelColor(LogLevelCoalescedValue.info, euiTheme as EuiThemeComputed)).toBe( - '#90bdff' + '#a8caff' ); expect(getLogLevelColor(LogLevelCoalescedValue.notice, euiTheme as EuiThemeComputed)).toBe( '#61a2ff' diff --git a/src/platform/packages/shared/kbn-ui-theme/src/theme.ts b/src/platform/packages/shared/kbn-ui-theme/src/theme.ts index e22498671cfd7..7455cca9ab82c 100644 --- a/src/platform/packages/shared/kbn-ui-theme/src/theme.ts +++ b/src/platform/packages/shared/kbn-ui-theme/src/theme.ts @@ -10,8 +10,8 @@ import { default as v8Light } from '@elastic/eui/dist/eui_theme_amsterdam_light.json'; import { default as v8Dark } from '@elastic/eui/dist/eui_theme_amsterdam_dark.json'; -import { default as borealisLight } from '@elastic/eui/dist/eui_theme_borealis_light.json'; -import { default as borealisDark } from '@elastic/eui/dist/eui_theme_borealis_dark.json'; +import { default as borealisLight } from '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json'; +import { default as borealisDark } from '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json'; const globals: any = typeof window === 'undefined' ? {} : window; diff --git a/src/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap b/src/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap index 8816632d4250d..dedfdab55b276 100644 --- a/src/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap +++ b/src/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/__snapshots__/legend.test.tsx.snap @@ -2,4 +2,4 @@ exports[`VisLegend Component Legend closed should match the snapshot 1`] = `"
"`; -exports[`VisLegend Component Legend open should match the snapshot 1`] = `"
"`; +exports[`VisLegend Component Legend open should match the snapshot 1`] = `"
"`; diff --git a/src/platform/plugins/shared/discover/public/context_awareness/profile_providers/observability/logs_data_source_profile/profile.test.ts b/src/platform/plugins/shared/discover/public/context_awareness/profile_providers/observability/logs_data_source_profile/profile.test.ts index f697f09e21e4f..6ce7752334914 100644 --- a/src/platform/plugins/shared/discover/public/context_awareness/profile_providers/observability/logs_data_source_profile/profile.test.ts +++ b/src/platform/plugins/shared/discover/public/context_awareness/profile_providers/observability/logs_data_source_profile/profile.test.ts @@ -179,7 +179,7 @@ describe('logsDataSourceProfileProvider', () => { }); expect(getRowIndicator).toBeDefined(); - expect(getRowIndicator?.(row, euiTheme)).toEqual({ color: '#90bdff', label: 'Info' }); + expect(getRowIndicator?.(row, euiTheme)).toEqual({ color: '#a8caff', label: 'Info' }); }); it('should not return a color for a missing log level in the document', () => { diff --git a/src/platform/plugins/shared/unified_search/public/filter_bar/filter_button_group/filter_button_group.tsx b/src/platform/plugins/shared/unified_search/public/filter_bar/filter_button_group/filter_button_group.tsx index 457f41bea9596..1c6c74f366420 100644 --- a/src/platform/plugins/shared/unified_search/public/filter_bar/filter_button_group/filter_button_group.tsx +++ b/src/platform/plugins/shared/unified_search/public/filter_bar/filter_button_group/filter_button_group.tsx @@ -60,7 +60,7 @@ const filterButtonStyles = { content: "''", position: 'absolute', inset: 0, - border: `${euiTheme.border.thin} solid ${euiTheme.colors.borderBasePlain}`, + border: `${euiTheme.border.width.thin} solid ${euiTheme.colors.borderBasePlain}`, borderRadius: 'inherit', pointerEvents: 'none', }, diff --git a/x-pack/platform/plugins/private/global_search_bar/public/components/search_bar.tsx b/x-pack/platform/plugins/private/global_search_bar/public/components/search_bar.tsx index 9b3ee2c7666e9..4261c21ba9450 100644 --- a/x-pack/platform/plugins/private/global_search_bar/public/components/search_bar.tsx +++ b/x-pack/platform/plugins/private/global_search_bar/public/components/search_bar.tsx @@ -390,6 +390,7 @@ export const SearchBar: FC = (opts) => { popoverButtonBreakpoints={['xs', 's']} singleSelection={true} renderOption={(option) => euiSelectableTemplateSitewideRenderOptions(option, searchValue)} + colorModes={chromeStyle !== 'project' ? { search: 'dark', popover: 'global' } : undefined} listProps={{ className: 'eui-yScroll', css: css` diff --git a/x-pack/platform/plugins/private/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap b/x-pack/platform/plugins/private/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap index c343d95c24e81..a54f7fcd7915c 100644 --- a/x-pack/platform/plugins/private/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap +++ b/x-pack/platform/plugins/private/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap @@ -92,7 +92,7 @@ Array [ aria-label="Loading" class="euiLoadingSpinner emotion-euiLoadingSpinner-m" role="progressbar" - style="border-color: #1750ba currentcolor currentcolor currentcolor;" + style="border-color: #0b64dd currentcolor currentcolor currentcolor;" /> Turn on monitoring
diff --git a/x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap b/x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap index a785c5881da8a..867143f5cda07 100644 --- a/x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap +++ b/x-pack/platform/plugins/shared/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap @@ -52,7 +52,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem