diff --git a/eui_112.3.0_append_prepend_02.tgz b/eui_112.3.0_append_prepend_02.tgz new file mode 100644 index 0000000000000..6cc1aa3938785 Binary files /dev/null and b/eui_112.3.0_append_prepend_02.tgz differ diff --git a/eui_theme_borealis_5.4.0_append_prepend_01.tgz b/eui_theme_borealis_5.4.0_append_prepend_01.tgz new file mode 100644 index 0000000000000..1502d04b64050 Binary files /dev/null and b/eui_theme_borealis_5.4.0_append_prepend_01.tgz differ diff --git a/eui_theme_common_7.3.0_append_prepend_01.tgz b/eui_theme_common_7.3.0_append_prepend_01.tgz new file mode 100644 index 0000000000000..f06ffa43c4fe8 Binary files /dev/null and b/eui_theme_common_7.3.0_append_prepend_01.tgz differ diff --git a/package.json b/package.json index 36a15f63254ac..dce0f74f249f0 100644 --- a/package.json +++ b/package.json @@ -133,8 +133,9 @@ "@elastic/ecs": "9.2.0", "@elastic/elasticsearch": "9.2.0", "@elastic/ems-client": "8.6.3", - "@elastic/eui": "112.3.0", - "@elastic/eui-theme-borealis": "5.4.0", + "@elastic/eui": "file:./eui_112.3.0_append_prepend_02.tgz", + "@elastic/eui-theme-borealis": "file:./eui_theme_borealis_5.4.0_append_prepend_01.tgz", + "@elastic/eui-theme-common": "file:./eui_theme_common_7.3.0_append_prepend_01.tgz", "@elastic/filesaver": "1.1.2", "@elastic/kibana-d3-color": "npm:@elastic/kibana-d3-color@2.0.1", "@elastic/monaco-esql": "3.1.18", diff --git a/packages/kbn-dependency-ownership/src/rule.ts b/packages/kbn-dependency-ownership/src/rule.ts index a720ba1f01ad0..7d17ef626bbab 100644 --- a/packages/kbn-dependency-ownership/src/rule.ts +++ b/packages/kbn-dependency-ownership/src/rule.ts @@ -50,6 +50,7 @@ export function packageFilter(pkg: string) { // The EUI team owns the EUI packages, and are not covered by renovate pkg !== '@elastic/eui' && pkg !== '@elastic/eui-theme-borealis' && + pkg !== '@elastic/eui-theme-common' && // Operations owns node, and is not covered by renovate pkg !== '@types/node' ); diff --git a/src/core/packages/chrome/browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap b/src/core/packages/chrome/browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap index bd1a5bb566a4e..eb0511e52d18a 100644 --- a/src/core/packages/chrome/browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap +++ b/src/core/packages/chrome/browser-internal/src/ui/header/__snapshots__/header.test.tsx.snap @@ -37,7 +37,7 @@ exports[`Header renders 1`] = ` class="emotion-euiButtonDisplayContent" > Skip to main content @@ -116,7 +116,7 @@ exports[`Header renders 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > This is the toast message

"`; +exports[`renders matching snapshot 1`] = `"

This is the toast message

"`; diff --git a/src/core/packages/notifications/browser-internal/src/toasts/deduplicate_toasts.test.tsx b/src/core/packages/notifications/browser-internal/src/toasts/deduplicate_toasts.test.tsx index 26ef4f7914d29..da48e087798e0 100644 --- a/src/core/packages/notifications/browser-internal/src/toasts/deduplicate_toasts.test.tsx +++ b/src/core/packages/notifications/browser-internal/src/toasts/deduplicate_toasts.test.tsx @@ -109,7 +109,7 @@ describe('TitleWithBadge component', () => { expect(renderedTitle.container.textContent).toMatch('Welcome! 5'); expect(render(titleComponent).container.innerHTML).toMatchInlineSnapshot( - `"Welcome! 5"` + `"Welcome! 5"` ); }); }); diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts index 4518e7d4d7f90..a597c7cdaf181 100644 --- a/src/dev/license_checker/config.ts +++ b/src/dev/license_checker/config.ts @@ -94,6 +94,7 @@ export const LICENSE_OVERRIDES = { '@elastic/ems-client@8.6.3': ['Elastic License 2.0'], '@elastic/eui@112.3.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], '@elastic/eui-theme-borealis@5.4.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'], + '@elastic/eui-theme-common@7.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/private/kbn-controls-renderer/src/components/control_panel.tsx b/src/platform/packages/private/kbn-controls-renderer/src/components/control_panel.tsx index bbe2fde7eba28..80864345eb66a 100644 --- a/src/platform/packages/private/kbn-controls-renderer/src/components/control_panel.tsx +++ b/src/platform/packages/private/kbn-controls-renderer/src/components/control_panel.tsx @@ -144,26 +144,36 @@ export const ControlPanel = ({ css={styles.formControl} prepend={ <> - - {api?.CustomPrependComponent ? ( - + <> + + + ) : ( - - - - {panelTitle || defaultPanelTitle} - - - + + + + {panelTitle || defaultPanelTitle} + + + + )} } diff --git a/src/platform/packages/private/kbn-controls-renderer/src/components/drag_handle.tsx b/src/platform/packages/private/kbn-controls-renderer/src/components/drag_handle.tsx index 16963d9c39561..404e6ef29704e 100644 --- a/src/platform/packages/private/kbn-controls-renderer/src/components/drag_handle.tsx +++ b/src/platform/packages/private/kbn-controls-renderer/src/components/drag_handle.tsx @@ -8,10 +8,10 @@ */ import React from 'react'; - -import { EuiIcon } from '@elastic/eui'; import { css } from '@emotion/react'; import { i18n } from '@kbn/i18n'; +import { EuiIcon, type UseEuiTheme } from '@elastic/eui'; +import { useMemoCss } from '@kbn/css-utils/public/use_memo_css'; interface DragHandleProps { isEditable: boolean; @@ -19,24 +19,47 @@ interface DragHandleProps { [key: string]: any; // Allows passing additional props (like drag info) } -const dragHandleStyles = css({ - cursor: 'grab', - lineHeight: '0', // Vertically center the grab handle -}); +const dragHandleStyles = { + dragHandle: ({ euiTheme }: UseEuiTheme) => + css({ + display: 'flex', + alignItems: 'center', + blockSize: '100%', + cursor: 'grab', + lineHeight: '0', // Vertically center the grab handle + '.euiIcon': { + color: euiTheme.colors.textDisabled, + }, + '&:hover > .euiIcon:first-of-type': { + color: euiTheme.colors.textParagraph, + }, + '.euiFormLabel': { + pointerEvents: 'none', // Prevent label from blocking drag events + }, + }), +}; + +export const DragHandle = ({ + isEditable, + controlTitle = '', + children, + ...rest +}: DragHandleProps) => { + const styles = useMemoCss(dragHandleStyles); -export const DragHandle = ({ isEditable, controlTitle = '', ...rest }: DragHandleProps) => { - if (!isEditable) return null; + if (!isEditable) return children; return ( - + {children} + ); }; diff --git a/src/platform/packages/shared/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap b/src/platform/packages/shared/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap index b1899d6d2b045..8f2c27ffb4e23 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap +++ b/src/platform/packages/shared/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap @@ -75,7 +75,7 @@ exports[`SampleDataCard installed renders with app links 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Remove @@ -99,7 +99,7 @@ exports[`SampleDataCard installed renders with app links 1`] = ` class="emotion-euiButtonDisplayContent" > View data @@ -193,7 +193,7 @@ exports[`SampleDataCard installed renders without app links 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Remove @@ -213,7 +213,7 @@ exports[`SampleDataCard installed renders without app links 1`] = ` class="emotion-euiButtonDisplayContent" > View data @@ -295,7 +295,7 @@ exports[`SampleDataCard not installed renders 1`] = ` data-euiicon-type="download" /> Install data diff --git a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap index 7abce43d4736f..5d7905c1f7a72 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap +++ b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap @@ -22,7 +22,7 @@ exports[`install footer should render 1`] = ` class="emotion-euiButtonDisplayContent" > Add data diff --git a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap index 6b0a13bda03f6..d8a890f68db68 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap +++ b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap @@ -21,7 +21,7 @@ exports[`install footer should render 1`] = ` data-euiicon-type="download" /> Install data diff --git a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap index e47410c1e7d77..ac5a07cf874e7 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap +++ b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap @@ -17,7 +17,7 @@ exports[`remove footer should render 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Remove @@ -37,7 +37,7 @@ exports[`remove footer should render 1`] = ` class="emotion-euiButtonDisplayContent" > View data diff --git a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/view_button.test.tsx.snap b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/view_button.test.tsx.snap index 472852006ca26..de736cf6aaa73 100644 --- a/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/view_button.test.tsx.snap +++ b/src/platform/packages/shared/home/sample_data_card/src/footer/__snapshots__/view_button.test.tsx.snap @@ -15,7 +15,7 @@ exports[`should render popover when appLinks is not empty 1`] = ` class="emotion-euiButtonDisplayContent" > View data @@ -43,7 +43,7 @@ exports[`should render popover with ordered appLinks 1`] = ` class="emotion-euiButtonDisplayContent" > View data @@ -67,7 +67,7 @@ exports[`should render simple button when appLinks is empty 1`] = ` class="emotion-euiButtonDisplayContent" > View data diff --git a/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/components/assignment/range.tsx b/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/components/assignment/range.tsx index dbedc275e54e0..e85182d9a8458 100644 --- a/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/components/assignment/range.tsx +++ b/src/platform/packages/shared/kbn-coloring/src/shared_components/color_mapping/components/assignment/range.tsx @@ -8,7 +8,7 @@ */ import React from 'react'; -import { EuiButtonEmpty, EuiFieldNumber, EuiFlexItem } from '@elastic/eui'; +import { EuiFieldNumber, EuiFlexItem, EuiFormPrepend } from '@elastic/eui'; import type { ColorMapping } from '../../config'; export const Range: React.FC<{ @@ -24,12 +24,12 @@ export const Range: React.FC<{ updateValue(rule.min, rule.max, !rule.minInclusive, rule.maxInclusive)} - > - {rule.minInclusive ? 'GTE' : 'GT'} - + /> } placeholder="min" value={rule.min} @@ -45,12 +45,12 @@ export const Range: React.FC<{ compressed isInvalid={!maxValid} prepend={ - updateValue(rule.min, rule.max, rule.minInclusive, !rule.maxInclusive)} - > - {rule.maxInclusive ? 'LTE' : 'LT'} - + /> } placeholder="max" value={rule.max} diff --git a/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_item.tsx b/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_item.tsx index bf51176312ebe..bacd74adddddd 100644 --- a/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_item.tsx +++ b/src/platform/packages/shared/kbn-coloring/src/shared_components/coloring/color_ranges/color_ranges_item.tsx @@ -13,7 +13,6 @@ import type { Dispatch, FocusEvent, ChangeEventHandler } from 'react'; import React, { useState, useCallback, useContext, useMemo } from 'react'; import { css } from '@emotion/react'; -import type { EuiFieldNumberProps } from '@elastic/eui'; import { EuiFieldNumber, EuiColorPicker, @@ -73,13 +72,11 @@ const getActionButton = (mode: ColorRangeItemMode) => { }; const getAppend = (rangeType: CustomPaletteParams['rangeType'], mode: ColorRangeItemMode) => { - const items: EuiFieldNumberProps['append'] = []; - if (rangeType === 'percent') { - items.push('%'); + return '%'; } - return items; + return undefined; }; export function ColorRangeItem({ 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 08aa8f5fb7ac2..9ddb4adbae09a 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 @@ -6,7 +6,7 @@ exports[`InTableSearchInput renders input 1`] = ` class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-compressed-group" >
- +
+ +
+
- +
+ + : + +
+
- +
+ +
+
- +
+ +
+
- +
+ +
+
@@ -1279,17 +1343,25 @@ Array [ class="euiFormControlLayout euiFormControlLayout--group emotion-euiFormControlLayout-fullWidth-group" >
- +
+ +
+
- +
+ + At + +
+
- +
+ +
+
- +
+ + At + +
+
- +
+ +
+
- +
+ +
+
- +
+ + : + +
+
- +
+ + At + +
+
- +
+ +
+
- +
+ +
+
- +
+ +
+
- +
+ + : + +
+
- +
+ +
+
- +
+ + : + +
+
- +
+ +
+
- +
+ + At + +
+
Copy to clipboard @@ -118,7 +119,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = ` data-euiicon-type="cross" /> Close diff --git a/src/platform/plugins/shared/kibana_react/public/page_template/no_data_page/no_data_card/__snapshots__/no_data_card.test.tsx.snap b/src/platform/plugins/shared/kibana_react/public/page_template/no_data_page/no_data_card/__snapshots__/no_data_card.test.tsx.snap index b4b868f5f63f9..2bba1ffe19a39 100644 --- a/src/platform/plugins/shared/kibana_react/public/page_template/no_data_page/no_data_card/__snapshots__/no_data_card.test.tsx.snap +++ b/src/platform/plugins/shared/kibana_react/public/page_template/no_data_page/no_data_card/__snapshots__/no_data_card.test.tsx.snap @@ -40,7 +40,7 @@ exports[`NoDataCard props button 1`] = ` class="emotion-euiButtonDisplayContent" > Button @@ -94,7 +94,7 @@ exports[`NoDataCard props href 1`] = ` class="emotion-euiButtonDisplayContent" > Button diff --git a/src/platform/plugins/shared/kql/public/components/query_string_input/filter_button_group.tsx b/src/platform/plugins/shared/kql/public/components/query_string_input/filter_button_group.tsx index 3f28921a8a43d..76c4c4130451c 100644 --- a/src/platform/plugins/shared/kql/public/components/query_string_input/filter_button_group.tsx +++ b/src/platform/plugins/shared/kql/public/components/query_string_input/filter_button_group.tsx @@ -56,7 +56,6 @@ const filterButtonStyles = { css({ position: 'relative', height: euiTheme.size.xl, - backgroundColor: euiTheme.colors.backgroundBaseFormsPrepend, borderRadius: euiTheme.border.radius.medium, '&::after': { content: "''", diff --git a/src/platform/test/functional/page_objects/dashboard_page_controls.ts b/src/platform/test/functional/page_objects/dashboard_page_controls.ts index 2111a188f514a..bec221e2c1af6 100644 --- a/src/platform/test/functional/page_objects/dashboard_page_controls.ts +++ b/src/platform/test/functional/page_objects/dashboard_page_controls.ts @@ -771,7 +771,7 @@ export class DashboardPageControls extends FtrService { public async rangeSliderEnsurePopoverIsClosed(controlId: string) { this.log.debug(`Closing popover for Range Slider: ${controlId}`); const controlLabel = await this.find.byCssSelector( - `li:has([data-control-id='${controlId}']) label` + `li:has([data-control-id='${controlId}']) .controlFrame__dragHandle` ); await controlLabel.click(); await this.testSubjects.waitForDeleted(`rangeSlider__slider`); diff --git a/x-pack/platform/packages/shared/kbn-classic-stream-flyout/src/components/stream_name_input/stream_name_input.tsx b/x-pack/platform/packages/shared/kbn-classic-stream-flyout/src/components/stream_name_input/stream_name_input.tsx index e1853a8e1886d..faad09aa696e3 100644 --- a/x-pack/platform/packages/shared/kbn-classic-stream-flyout/src/components/stream_name_input/stream_name_input.tsx +++ b/x-pack/platform/packages/shared/kbn-classic-stream-flyout/src/components/stream_name_input/stream_name_input.tsx @@ -72,6 +72,28 @@ export const StreamNameInput = ({ [validationError, parts] ); + const inputStyles = css` + .euiFormControlLayout__prepend, + .euiFormControlLayout__append { + /* Prevent truncation on labels */ + max-width: none; + background: ${euiTheme.components.forms.backgroundReadOnly}; + + &::before { + height: 100%; + } + } + + .euiFormControlLayout__prepend + .euiFormControlLayout__childrenWrapper { + border-start-start-radius: 0; + border-end-start-radius: 0; + + .euiFieldText { + border-radius: inherit; + } + } + `; + const getConnectedInputStyles = (isFirst: boolean, isLast: boolean, isInvalid: boolean) => { return css` flex: 1 1 0%; @@ -97,12 +119,6 @@ export const StreamNameInput = ({ &:focus-within { z-index: 1; } - - /* Prevent truncation on labels */ - .euiFormControlLayout__prepend, - .euiFormControlLayout__append { - max-width: none; - } `; }; @@ -126,23 +142,25 @@ export const StreamNameInput = ({ if (!hasMultipleWildcards && inputGroups.length === 1) { const group = inputGroups[0]; return ( - handleWildcardChange(group.wildcardIndex, e.target.value)} - placeholder="*" - fullWidth - isInvalid={isInputInvalid(group.wildcardIndex)} - prepend={group.prepend} - append={group.append} - aria-label={i18n.translate( - 'xpack.createClassicStreamFlyout.streamNameInput.singleWildcardAriaLabel', - { - defaultMessage: 'Stream name', - } - )} - data-test-subj={`${dataTestSubj}-wildcard-${group.wildcardIndex}`} - /> +
+ handleWildcardChange(group.wildcardIndex, e.target.value)} + placeholder="*" + fullWidth + isInvalid={isInputInvalid(group.wildcardIndex)} + prepend={group.prepend} + append={group.append} + aria-label={i18n.translate( + 'xpack.createClassicStreamFlyout.streamNameInput.singleWildcardAriaLabel', + { + defaultMessage: 'Stream name', + } + )} + data-test-subj={`${dataTestSubj}-wildcard-${group.wildcardIndex}`} + /> +
); } @@ -163,7 +181,7 @@ export const StreamNameInput = ({ return ( = ( textToCopy={`${inferenceUri}${config.inferenceId}`} > {(copy) => ( - + } + iconRight="copy" onClick={copy} - data-test-subj="copyInferenceUriToClipboard" - > - - + /> )} } diff --git a/x-pack/platform/packages/shared/response-ops/recurring-schedule-form/components/recurring_schedule_form_fields.tsx b/x-pack/platform/packages/shared/response-ops/recurring-schedule-form/components/recurring_schedule_form_fields.tsx index 5febd2c0aacb9..e50b614adb27b 100644 --- a/x-pack/platform/packages/shared/response-ops/recurring-schedule-form/components/recurring_schedule_form_fields.tsx +++ b/x-pack/platform/packages/shared/response-ops/recurring-schedule-form/components/recurring_schedule_form_fields.tsx @@ -20,7 +20,8 @@ import { EuiComboBox, EuiFlexGroup, EuiFlexItem, - EuiFormLabel, + EuiFormAppend, + EuiFormPrepend, EuiHorizontalRule, EuiSpacer, EuiSplitPanel, @@ -249,9 +250,10 @@ export const RecurringScheduleFormFields = memo( isClearable={false} aria-label={i18n.RECURRING_SCHEDULE_FORM_TIMEZONE} prepend={ - - {i18n.RECURRING_SCHEDULE_FORM_TIMEZONE} - + } compressed={compressed} /> @@ -272,14 +274,16 @@ export const RecurringScheduleFormFields = memo( type: 'number', min: 1, prepend: ( - - {i18n.RECURRING_SCHEDULE_FORM_COUNT_AFTER} - + ), append: ( - - {i18n.RECURRING_SCHEDULE_FORM_COUNT_OCCURRENCE} - + ), readOnly, }, diff --git a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_notify_when.tsx b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_notify_when.tsx index bdfdc4250feb1..1e8cc2c2513a8 100644 --- a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_notify_when.tsx +++ b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_notify_when.tsx @@ -22,10 +22,10 @@ import { EuiSpacer, EuiSuperSelect, EuiPopover, - EuiButtonEmpty, EuiContextMenuPanel, EuiContextMenuItem, useEuiTheme, + EuiFormPrepend, } from '@elastic/eui'; import { some, filter, map } from 'fp-ts/Option'; import { pipe } from 'fp-ts/pipeable'; @@ -294,14 +294,12 @@ export const RuleActionsNotifyWhen = ({ { defaultMessage: 'Action frequency type select' } )} button={ - setSummaryMenuOpen(!summaryMenuOpen), [summaryMenuOpen])} - > - {frequency.summary ? SUMMARY_OF_ALERTS : FOR_EACH_ALERT} - + /> } > diff --git a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_settings.tsx b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_settings.tsx index f62f42786cb56..f42757c1e6880 100644 --- a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_settings.tsx +++ b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_actions/rule_actions_settings.tsx @@ -6,7 +6,13 @@ */ import React from 'react'; -import { EuiFlexGroup, EuiFlexItem, EuiFormLabel, EuiFormRow, EuiSuperSelect } from '@elastic/eui'; +import { + EuiFlexGroup, + EuiFlexItem, + EuiFormPrepend, + EuiFormRow, + EuiSuperSelect, +} from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import type { AlertsFilter, AlertsFilterTimeframe, RuleActionFrequency } from '@kbn/alerting-types'; import { RecoveredActionGroup } from '@kbn/alerting-types'; @@ -212,12 +218,11 @@ export const RuleActionsSettings = (props: RuleActionsSettingsProps) => { {showSelectActionGroup && ( - {ACTION_GROUP_RUN_WHEN} - + inputId={`addNewActionConnectorActionGroup-${action.actionTypeId}`} + label={ACTION_GROUP_RUN_WHEN} + /> } data-test-subj="ruleActionsSettingsSelectActionGroup" fullWidth diff --git a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_alert_delay.tsx b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_alert_delay.tsx index 6e02d41aa364e..f768f083009cc 100644 --- a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_alert_delay.tsx +++ b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_alert_delay.tsx @@ -59,7 +59,7 @@ export const RuleAlertDelay = () => { value={alertDelay?.active ?? 1} name="alertDelay" data-test-subj="alertDelayInput" - prepend={[ALERT_DELAY_TITLE_PREFIX]} + prepend={ALERT_DELAY_TITLE_PREFIX} isInvalid={!!baseErrors?.alertDelay?.length} append={ALERT_DELAY_TITLE_SUFFIX} onChange={onAlertDelayChange} diff --git a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_schedule.tsx b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_schedule.tsx index b127011144040..db8a9f75c3493 100644 --- a/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_schedule.tsx +++ b/x-pack/platform/packages/shared/response-ops/rule_form/src/rule_definition/rule_schedule.tsx @@ -124,7 +124,7 @@ export const RuleSchedule = () => { = ({ value, ...props append={ {(copyText) => ( - )} @@ -93,16 +93,13 @@ export const SelectableTokenField: FunctionComponent prepend={ setIsPopoverOpen(!isPopoverOpen)} - > - {selectedOption.label} - + /> } isOpen={isPopoverOpen} panelPaddingSize="none" diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/random_sampling_menu/random_sampler_range_slider.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/random_sampling_menu/random_sampler_range_slider.tsx index 926dd0ed80af1..1e6fb476b652c 100644 --- a/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/random_sampling_menu/random_sampler_range_slider.tsx +++ b/x-pack/platform/plugins/private/data_visualizer/public/application/common/components/random_sampling_menu/random_sampler_range_slider.tsx @@ -7,7 +7,7 @@ import React, { useState } from 'react'; import { isDefined } from '@kbn/ml-is-defined'; -import { EuiButton, EuiFlexItem, EuiFormRow, EuiRange, EuiSpacer } from '@elastic/eui'; +import { EuiFlexItem, EuiFormAppend, EuiFormRow, EuiRange, EuiSpacer } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { roundToDecimalPlace } from '@kbn/ml-number-utils'; import { FormattedMessage } from '@kbn/i18n-react'; @@ -91,19 +91,21 @@ export const RandomSamplerRangeSlider = ({ step={RANDOM_SAMPLER_STEP} data-test-subj="dvRandomSamplerProbabilityRange" append={ - + } disabled={isInvalidSamplingProbabilityInput} onClick={() => { if (setSamplingProbability && isDefined(samplingProbabilityInput)) { setSamplingProbability(samplingProbabilityInput); } }} - > - - + /> } /> diff --git a/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/esql/limit_size.tsx b/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/esql/limit_size.tsx index b6630a0a81b1f..b4d3559fc2850 100644 --- a/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/esql/limit_size.tsx +++ b/x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/search_panel/esql/limit_size.tsx @@ -6,7 +6,7 @@ */ import React, { type ChangeEvent } from 'react'; import { i18n } from '@kbn/i18n'; -import { EuiSelect, EuiText, useGeneratedHtmlId } from '@elastic/eui'; +import { EuiFormPrepend, EuiSelect, useGeneratedHtmlId } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; import type { ESQLDefaultLimitSizeOption } from '../../../embeddables/grid_embeddable/types'; @@ -53,12 +53,14 @@ export const ESQLDefaultLimitSizeSelect = ({ defaultMessage: 'Limit size', })} prepend={ - - - + + } + /> } /> ); diff --git a/x-pack/platform/plugins/private/graph/public/components/settings/advanced_settings_form.tsx b/x-pack/platform/plugins/private/graph/public/components/settings/advanced_settings_form.tsx index 816c080f87d13..12c2eb7f2a39d 100644 --- a/x-pack/platform/plugins/private/graph/public/components/settings/advanced_settings_form.tsx +++ b/x-pack/platform/plugins/private/graph/public/components/settings/advanced_settings_form.tsx @@ -6,7 +6,7 @@ */ import React, { useState, useEffect } from 'react'; -import { EuiFormRow, EuiFieldNumber, EuiComboBox, EuiSwitch, EuiText } from '@elastic/eui'; +import { EuiFormRow, EuiFieldNumber, EuiComboBox, EuiSwitch, EuiFormAppend } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import type { AdvancedSettings } from '../../types'; import type { SettingsStateProps } from './settings'; @@ -212,13 +212,11 @@ export function AdvancedSettingsForm({ value={formState.timeoutMillis} onChange={getNumberUpdater('timeoutMillis')} append={ - - - {i18n.translate('xpack.graph.settings.advancedSettings.timeoutUnit', { - defaultMessage: 'ms', - })} - - + } /> diff --git a/x-pack/platform/plugins/private/index_lifecycle_management/__jest__/__snapshots__/policy_flyout.test.tsx.snap b/x-pack/platform/plugins/private/index_lifecycle_management/__jest__/__snapshots__/policy_flyout.test.tsx.snap index bf91d3264d44e..269f1df0d842b 100644 --- a/x-pack/platform/plugins/private/index_lifecycle_management/__jest__/__snapshots__/policy_flyout.test.tsx.snap +++ b/x-pack/platform/plugins/private/index_lifecycle_management/__jest__/__snapshots__/policy_flyout.test.tsx.snap @@ -35,6 +35,7 @@ exports[`View policy flyout shows all phases 1`] = ` >
Close @@ -1013,7 +1014,7 @@ exports[`View policy flyout shows all phases 1`] = ` class="emotion-euiButtonDisplayContent" > Manage diff --git a/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/edit_policy/components/phases/shared_fields/min_age_field/min_age_field.tsx b/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/edit_policy/components/phases/shared_fields/min_age_field/min_age_field.tsx index 7fe1c5113f6f5..65b651833aa2f 100644 --- a/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/edit_policy/components/phases/shared_fields/min_age_field/min_age_field.tsx +++ b/x-pack/platform/plugins/private/index_lifecycle_management/public/application/sections/edit_policy/components/phases/shared_fields/min_age_field/min_age_field.tsx @@ -18,6 +18,7 @@ import { EuiSelect, EuiText, EuiIconTip, + EuiFormAppend, } from '@elastic/eui'; import type { PhaseWithTiming } from '../../../../../../../../common/types'; @@ -115,10 +116,11 @@ export const MinAgeField: FunctionComponent = ({ phase }): React.ReactEle /> ); - const selectAppendValue: Array = - isUsingRollover - ? [i18nTexts.editPolicy.minAgeUnitFieldSuffix, icon] - : [i18nTexts.editPolicy.minAgeUnitFieldSuffix]; + const selectAppendValue = ( + + {isUsingRollover ? icon : undefined} + + ); const unitValue = unitField.value as string; let unitOptions = timeUnits; diff --git a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx index 17e23e421ef46..438d5d0859ee5 100644 --- a/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx +++ b/x-pack/platform/plugins/private/monitoring/public/alerts/flyout_expressions/alert_param_percentage.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { EuiFormRow, EuiFieldNumber, EuiText } from '@elastic/eui'; +import { EuiFormRow, EuiFieldNumber, EuiFormAppend } from '@elastic/eui'; interface Props { name: string; @@ -25,11 +25,7 @@ export const AlertParamPercentage: React.FC = (props: Props) => { isInvalid={errors.length > 0} compressed value={value} - append={ - - % - - } + append={} onChange={(e) => { let newValue = parseInt(e.target.value, 10); if (isNaN(newValue)) { diff --git a/x-pack/platform/plugins/private/monitoring/public/components/no_data/__snapshots__/no_data.test.js.snap b/x-pack/platform/plugins/private/monitoring/public/components/no_data/__snapshots__/no_data.test.js.snap index 4016549fe9568..3118b0113051b 100644 --- a/x-pack/platform/plugins/private/monitoring/public/components/no_data/__snapshots__/no_data.test.js.snap +++ b/x-pack/platform/plugins/private/monitoring/public/components/no_data/__snapshots__/no_data.test.js.snap @@ -92,7 +92,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > = ({ > - {/* Wrap as string due to prettier not parsing `//` inside JSX correctly (prettier/prettier#2347) */} - {'hdfs://'} - - } + prepend={} defaultValue={uri ? uri.split('hdfs://')[1] : ''} fullWidth onChange={(e) => { diff --git a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_range_form.tsx b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_range_form.tsx index 1304ca1c6e131..594eb22ebde83 100644 --- a/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_range_form.tsx +++ b/x-pack/platform/plugins/private/transform/public/app/sections/create_transform/components/step_define/common/filter_agg/components/filter_range_form.tsx @@ -12,13 +12,11 @@ import { EuiFlexGroup, EuiFlexItem, EuiSpacer, - EuiButton, + EuiButtonIcon, } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; import type { FilterAggConfigRange } from '../types'; -const BUTTON_SIZE = 40; - // The config prop of the component, to be used for the `updateConfig` function. type FilterRangeFormConfig = ComponentProps< Exclude @@ -70,16 +68,15 @@ export const FilterRangeForm: FilterAggConfigRange['aggTypeConfig']['FilterAggFo }} step="any" prepend={ - { + { updateConfig({ includeFrom: e.target.checked }); }} - fill={includeFrom} - > - {includeFrom ? '≥' : '>'} - + display={includeFrom ? 'fill' : 'base'} + aria-pressed={includeFrom} + aria-label={includeFrom ? '≥' : '>'} + /> } /> @@ -101,16 +98,15 @@ export const FilterRangeForm: FilterAggConfigRange['aggTypeConfig']['FilterAggFo }} step="any" append={ - { updateConfig({ includeTo: !includeTo }); }} - fill={includeTo} - > - {includeTo ? '≤' : '<'} - + display={includeTo ? 'fill' : 'base'} + aria-pressed={includeTo} + aria-label={includeTo ? '≤' : '<'} + /> } /> diff --git a/x-pack/platform/plugins/private/watcher/public/application/sections/watch_edit_page/components/json_watch_edit/json_watch_edit_simulate.tsx b/x-pack/platform/plugins/private/watcher/public/application/sections/watch_edit_page/components/json_watch_edit/json_watch_edit_simulate.tsx index f03187214f303..00de253552096 100644 --- a/x-pack/platform/plugins/private/watcher/public/application/sections/watch_edit_page/components/json_watch_edit/json_watch_edit_simulate.tsx +++ b/x-pack/platform/plugins/private/watcher/public/application/sections/watch_edit_page/components/json_watch_edit/json_watch_edit_simulate.tsx @@ -15,6 +15,7 @@ import { EuiFlexGroup, EuiFlexItem, EuiForm, + EuiFormAppend, EuiFormRow, EuiLink, EuiSelect, @@ -237,9 +238,7 @@ export const JsonWatchEditSimulate = ({ min={0} data-test-subj="triggeredTimeInput" append={ - - {getTimeUnitLabel(TIME_UNITS.SECOND, triggeredTimeValue)} - + } onChange={(e) => { const value = e.target.value; diff --git a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx index 2cc43d5b6cc50..0212bf3bc9fc3 100644 --- a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx +++ b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx @@ -686,7 +686,7 @@ export const FieldsControls: FC> = ({ } > - + onChangeFn('fn', v)} /> diff --git a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/max_series_control.tsx b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/max_series_control.tsx index 638bb24e575d1..9d67fa2b92397 100644 --- a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/max_series_control.tsx +++ b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/max_series_control.tsx @@ -7,7 +7,7 @@ import React, { type FC } from 'react'; import { FormattedMessage } from '@kbn/i18n-react'; -import { EuiFieldNumber, EuiFormRow, EuiIconTip } from '@elastic/eui'; +import { EuiFieldNumber, EuiFormAppend, EuiFormRow, EuiIconTip } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { type NumberValidationResult, numberValidator } from '@kbn/ml-agg-utils'; import { MAX_SERIES } from '../../embeddables/change_point_chart/const'; @@ -46,12 +46,17 @@ export const MaxSeriesControl: FC<{ disabled={disabled} prepend={inline ? label : undefined} append={ - + + + } compressed fullWidth diff --git a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/sampling_menu/random_sampler_range_slider.tsx b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/sampling_menu/random_sampler_range_slider.tsx index 2cd70b35d139e..4a9f0dd899aa2 100644 --- a/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/sampling_menu/random_sampler_range_slider.tsx +++ b/x-pack/platform/plugins/shared/aiops/public/components/log_categorization/sampling_menu/random_sampler_range_slider.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { EuiButton, EuiFlexItem, EuiFormRow, EuiRange, EuiSpacer } from '@elastic/eui'; +import { EuiFlexItem, EuiFormAppend, EuiFormRow, EuiRange, EuiSpacer } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { isDefined } from '@kbn/ml-is-defined'; import { FormattedMessage } from '@kbn/i18n-react'; @@ -91,20 +91,22 @@ export const RandomSamplerRangeSlider = ({ step={RANDOM_SAMPLER_STEP} data-test-subj="dvRandomSamplerProbabilityRange" append={ - + } disabled={isInvalidSamplingProbabilityInput} onClick={() => { if (setSamplingProbability && isDefined(samplingProbabilityInput)) { setSamplingProbability(samplingProbabilityInput); } }} - > - - + data-test-subj="aiopsRandomSamplerRangeSliderApplyButton" + /> } /> diff --git a/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/components/choose_connector.tsx b/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/components/choose_connector.tsx index 1fe14a5575109..15147247d0f50 100644 --- a/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/components/choose_connector.tsx +++ b/x-pack/platform/plugins/shared/content_connectors/public/components/connectors/create_connector/components/choose_connector.tsx @@ -21,6 +21,7 @@ import { useEuiTheme, EuiTextTruncate, EuiBadgeGroup, + EuiFormPrepend, } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; @@ -156,7 +157,7 @@ export const ChooseConnector: React.FC = ({ 'xpack.contentConnectors.createConnector.chooseConnectorSelectable.euiComboBox.accessibleScreenReaderLabelLabel', { defaultMessage: 'Select a data source for your connector to use.' } )} - prepend={} + prepend={} singleSelection fullWidth placeholder={i18n.translate( diff --git a/x-pack/platform/plugins/shared/content_connectors/public/components/search_index/access_control_index_selector/access_control_index_selector.tsx b/x-pack/platform/plugins/shared/content_connectors/public/components/search_index/access_control_index_selector/access_control_index_selector.tsx index b62f0e142930f..2288169e583ce 100644 --- a/x-pack/platform/plugins/shared/content_connectors/public/components/search_index/access_control_index_selector/access_control_index_selector.tsx +++ b/x-pack/platform/plugins/shared/content_connectors/public/components/search_index/access_control_index_selector/access_control_index_selector.tsx @@ -10,6 +10,7 @@ import React from 'react'; import { EuiFlexGroup, EuiFlexItem, + EuiFormPrepend, EuiIcon, EuiSuperSelect, EuiText, @@ -83,7 +84,7 @@ export const AccessControlIndexSelector: React.FC = ({ )} prepend={ indexSelectorOptions.some((option) => option.error) ? ( - + ) : undefined } options={indexSelectorOptions.map((option) => { diff --git a/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filter_bar.tsx b/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filter_bar.tsx index 8646e1c1566aa..001703d900019 100644 --- a/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filter_bar.tsx +++ b/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filter_bar.tsx @@ -40,6 +40,7 @@ export const FilterBar = ({ query, onQueryChange }: FilterBarComponentProps) => onChange={onChange} isClearable={true} aria-label={ariaLabel} + compressed /> ); }; diff --git a/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filters.tsx b/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filters.tsx index c8e6888aeaab6..545dd61c6cd71 100644 --- a/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filters.tsx +++ b/x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/filters/filters.tsx @@ -8,7 +8,6 @@ import { EuiFilterGroup, EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import React from 'react'; -import { css } from '@emotion/css'; import { useDatasetQualityFilters } from '../../../hooks/use_dataset_quality_filters'; import { useKibanaContextForPlugin } from '../../../utils'; import { FilterBar } from './filter_bar'; @@ -36,15 +35,6 @@ const typesNoneAvailable = i18n.translate('xpack.datasetQuality.selector.types.n defaultMessage: 'No types available', }); -const datePickerStyle = css` - .euiFormControlLayout { - height: 40px; - } - .euiButton { - height: 40px; - } -`; - // Allow for lazy loading // eslint-disable-next-line import/no-default-export export default function Filters() { @@ -74,7 +64,7 @@ export default function Filters() { - + - + } readOnly={true} diff --git a/x-pack/platform/plugins/shared/fleet/moon.yml b/x-pack/platform/plugins/shared/fleet/moon.yml index d0420939c4128..0e771c5c0e367 100644 --- a/x-pack/platform/plugins/shared/fleet/moon.yml +++ b/x-pack/platform/plugins/shared/fleet/moon.yml @@ -119,6 +119,7 @@ dependsOn: - '@kbn/scout' - '@kbn/reporting-common' - '@kbn/reporting-plugin' + - '@kbn/css-utils' tags: - plugin - prod diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/components/fleet_server_instructions/components/fleet_server_hosts_form.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/components/fleet_server_instructions/components/fleet_server_hosts_form.tsx index 975c7d9d08508..b529114382d18 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/components/fleet_server_instructions/components/fleet_server_hosts_form.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/components/fleet_server_instructions/components/fleet_server_hosts_form.tsx @@ -5,7 +5,7 @@ * 2.0. */ import React, { useMemo } from 'react'; -import { EuiIcon, EuiSpacer, EuiSuperSelect } from '@elastic/eui'; +import { EuiFormPrepend, EuiIcon, EuiSpacer, EuiSuperSelect } from '@elastic/eui'; import { EuiText } from '@elastic/eui'; import type { EuiTheme } from '@kbn/kibana-react-plugin/common'; @@ -68,12 +68,14 @@ export const FleetServerHostSelect: React.FunctionComponent - - + + } + /> } onChange={(fleetServerHostId) => setFleetServerHost( diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/health_check_panel.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/health_check_panel.tsx index eede59e7a9f43..74d70ce7bdfca 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/health_check_panel.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/health_check_panel.tsx @@ -14,6 +14,7 @@ import { EuiFlexItem, EuiCallOut, EuiHealth, + EuiFormPrepend, } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; @@ -123,12 +124,14 @@ export const HealthCheckPanel: React.FunctionComponent = () => { } )} prepend={ - - - + + } + /> } onChange={(fleetServerHostId) => { setHealthData(undefined); diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/integration_debugger.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/integration_debugger.tsx index b3c970ae3cd5c..c4c3aaf605a0f 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/integration_debugger.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/debug/components/integration_debugger.tsx @@ -8,12 +8,12 @@ import React, { useState } from 'react'; import { EuiButton, - EuiButtonEmpty, EuiCallOut, EuiComboBox, EuiConfirmModal, EuiFlexGroup, EuiFlexItem, + EuiFormPrepend, EuiHighlight, EuiIcon, EuiLink, @@ -219,9 +219,7 @@ export const IntegrationDebugger: React.FunctionComponent = () => { isDisabled={integrations.status === 'loading'} prepend={ selectedOptions.length > 0 ? ( - - - + ) : undefined } renderOption={(option, searchValue, contentClassName) => ( diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/search_box.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/search_box.tsx index c6621727664ed..912151a68a630 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/search_box.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_list_grid/search_box.tsx @@ -8,9 +8,18 @@ import type { FunctionComponent } from 'react'; import React, { useMemo } from 'react'; -import { EuiFieldSearch, EuiText, useEuiTheme, EuiIcon, EuiScreenReaderOnly } from '@elastic/eui'; +import { + EuiFieldSearch, + EuiIcon, + EuiScreenReaderOnly, + EuiFormPrepend, + type UseEuiTheme, + mathWithUnits, +} from '@elastic/eui'; +import { css } from '@emotion/react'; import { i18n } from '@kbn/i18n'; +import { useMemoCss } from '@kbn/css-utils/public/use_memo_css'; import type { ExtendedIntegrationCategory, @@ -44,7 +53,7 @@ export const SearchBox: FunctionComponent = ({ setUrlandReplaceHistory, onlyAgentlessFilter = false, }) => { - const { euiTheme } = useEuiTheme(); + const styles = useMemoCss(searchBoxStyles); const onQueryChange = (e: any) => { const queryText = e.target.value; @@ -107,43 +116,42 @@ export const SearchBox: FunctionComponent = ({ fullWidth prepend={ selectedCategoryTitle ? ( - + + Searching category: + + {getCategoriesLabel} + + } data-test-subj="epmList.categoryBadge" - size="xs" - style={{ - display: 'flex', - alignItems: 'center', - fontWeight: euiTheme.font.weight.bold, - backgroundColor: euiTheme.colors.lightestShade, - }} > - - Searching category: - - {getCategoriesLabel} - + ) : undefined } /> ); }; + +const searchBoxStyles = { + clearButton: ({ euiTheme }: UseEuiTheme) => + css({ + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + blockSize: euiTheme.size.m, + inlineSize: euiTheme.size.m, + padding: euiTheme.size.s, + borderRadius: mathWithUnits(euiTheme.border.radius.small, (x) => x / 2), + backgroundColor: euiTheme.colors.backgroundLightText, + }), +}; diff --git a/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/advanced_agent_authentication_settings.tsx b/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/advanced_agent_authentication_settings.tsx index e4dc27f3f9b3b..86d3f707fa9f8 100644 --- a/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/advanced_agent_authentication_settings.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/advanced_agent_authentication_settings.tsx @@ -9,7 +9,14 @@ import type { FunctionComponent } from 'react'; import React, { useEffect, useState, useCallback } from 'react'; import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n-react'; -import { EuiButtonEmpty, EuiButton, EuiCallOut, EuiSelect, EuiSpacer, EuiText } from '@elastic/eui'; +import { + EuiButtonEmpty, + EuiButton, + EuiCallOut, + EuiSelect, + EuiSpacer, + EuiFormPrepend, +} from '@elastic/eui'; import { SO_SEARCH_LIMIT } from '../../applications/fleet/constants'; import type { @@ -205,12 +212,14 @@ export const AdvancedAgentAuthenticationSettings: FunctionComponent = ({ }))} value={selectedApiKeyId || undefined} prepend={ - - - + + } + /> } aria-label={i18n.translate( 'xpack.fleet.enrollmentStepAgentPolicy.enrollmentTokenSelectLabel', diff --git a/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/steps/configure_standalone_agent_step.tsx b/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/steps/configure_standalone_agent_step.tsx index e38dada96e718..1ee426b5f7b92 100644 --- a/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/steps/configure_standalone_agent_step.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/components/agent_enrollment_flyout/steps/configure_standalone_agent_step.tsx @@ -18,7 +18,7 @@ import { EuiLink, EuiCallOut, EuiFieldText, - EuiButtonIcon, + EuiFormAppend, } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; import { i18n } from '@kbn/i18n'; @@ -148,15 +148,10 @@ export const ConfigureStandaloneAgentStep = ({ append={ {(copy) => ( - svg.euiIcon': { - borderRadius: '0 !important', - }, - }} aria-label={i18n.translate('xpack.fleet.apiKeyBanner.field.copyButton', { defaultMessage: 'Copy to clipboard', })} diff --git a/x-pack/platform/plugins/shared/fleet/tsconfig.json b/x-pack/platform/plugins/shared/fleet/tsconfig.json index 1f87126afbcd0..52abdea58974d 100644 --- a/x-pack/platform/plugins/shared/fleet/tsconfig.json +++ b/x-pack/platform/plugins/shared/fleet/tsconfig.json @@ -127,6 +127,7 @@ "@kbn/kql", "@kbn/scout", "@kbn/reporting-common", - "@kbn/reporting-plugin" + "@kbn/reporting-plugin", + "@kbn/css-utils" ] } diff --git a/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/ranges/advanced_editor.tsx b/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/ranges/advanced_editor.tsx index 8fa0f522dfdf3..78371fb1779d8 100644 --- a/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/ranges/advanced_editor.tsx +++ b/x-pack/platform/plugins/shared/lens/public/datasources/form_based/operations/definitions/ranges/advanced_editor.tsx @@ -20,6 +20,8 @@ import { htmlIdGenerator, keys, useEuiTheme, + EuiFormPrepend, + EuiFormAppend, } from '@elastic/eui'; import type { IFieldFormat } from '@kbn/field-formats-plugin/common'; import { @@ -117,9 +119,7 @@ export const RangePopover = ({ }} append={ - - {lteAppendLabel} - + } onKeyDown={({ key }: React.KeyboardEvent) => { @@ -157,9 +157,7 @@ export const RangePopover = ({ }} prepend={ - - {ltPrependLabel} - + } compressed diff --git a/x-pack/platform/plugins/shared/lens/public/shared_components/prepend_provider.tsx b/x-pack/platform/plugins/shared/lens/public/shared_components/prepend_provider.tsx index 02fb5c81521d2..664821a46cd57 100644 --- a/x-pack/platform/plugins/shared/lens/public/shared_components/prepend_provider.tsx +++ b/x-pack/platform/plugins/shared/lens/public/shared_components/prepend_provider.tsx @@ -8,8 +8,8 @@ import { type EuiResizeObserverProps, useEuiTheme, - EuiFormLabel, useResizeObserver, + EuiFormPrepend, } from '@elastic/eui'; import React, { createContext, useState, useContext, useEffect } from 'react'; @@ -53,10 +53,13 @@ export const Prepend = ({ children }: { children: React.ReactNode }) => { }, [width, onResize]); return ( - - - {children} - - + + {children} + + } + /> ); }; diff --git a/x-pack/platform/plugins/shared/lens/public/visualizations/gauge/toolbar_component/appearance_settings.tsx b/x-pack/platform/plugins/shared/lens/public/visualizations/gauge/toolbar_component/appearance_settings.tsx index 4c6bef7c5bdd9..bffc0101ac2cf 100644 --- a/x-pack/platform/plugins/shared/lens/public/visualizations/gauge/toolbar_component/appearance_settings.tsx +++ b/x-pack/platform/plugins/shared/lens/public/visualizations/gauge/toolbar_component/appearance_settings.tsx @@ -8,7 +8,7 @@ import React from 'react'; import type { IconType } from '@elastic/eui'; -import { EuiButtonGroup, EuiComboBox, EuiFormRow, EuiIcon } from '@elastic/eui'; +import { EuiButtonGroup, EuiComboBox, EuiFormPrepend, EuiFormRow, EuiIcon } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import type { GaugeShape } from '@kbn/expression-gauge-plugin/common'; import { GaugeShapes } from '@kbn/expression-gauge-plugin/common'; @@ -113,7 +113,7 @@ export function AppearanceSettings({ }))} selectedOptions={[selectedOption]} singleSelection={{ asPlainText: true }} - prepend={} + prepend={} /> {(state.shape === GaugeShapes.HORIZONTAL_BULLET || diff --git a/x-pack/platform/plugins/shared/lens/public/visualizations/legacy_metric/metric_config_panel/size_options.tsx b/x-pack/platform/plugins/shared/lens/public/visualizations/legacy_metric/metric_config_panel/size_options.tsx index 1541068347230..0ae154f5cefcd 100644 --- a/x-pack/platform/plugins/shared/lens/public/visualizations/legacy_metric/metric_config_panel/size_options.tsx +++ b/x-pack/platform/plugins/shared/lens/public/visualizations/legacy_metric/metric_config_panel/size_options.tsx @@ -7,7 +7,7 @@ import React from 'react'; import { i18n } from '@kbn/i18n'; -import { EuiButtonIcon, EuiSuperSelect } from '@elastic/eui'; +import { EuiFormAppend, EuiFormPrepend, EuiSuperSelect } from '@elastic/eui'; import type { LegacyMetricState } from '@kbn/lens-common'; export interface TitlePositionProps { @@ -68,8 +68,8 @@ export const SizeOptions: React.FC = ({ state, setState }) = return ( changeSize(1)} isDisabled={currSizeIndex === titleSizes.length - 1} aria-label={i18n.translate('xpack.lens.legacyMetric.sizeOptions.increaseSizeAriaLabel', { @@ -78,8 +78,8 @@ export const SizeOptions: React.FC = ({ state, setState }) = /> } prepend={ - changeSize(-1)} isDisabled={currSizeIndex === 0} aria-label={i18n.translate('xpack.lens.legacyMetric.sizeOptions.decreaseSizeAriaLabel', { diff --git a/x-pack/platform/plugins/shared/lens/public/visualizations/partition/toolbar/appearance_settings.tsx b/x-pack/platform/plugins/shared/lens/public/visualizations/partition/toolbar/appearance_settings.tsx index fac2a9bedba37..5bbf5c4bf38e7 100644 --- a/x-pack/platform/plugins/shared/lens/public/visualizations/partition/toolbar/appearance_settings.tsx +++ b/x-pack/platform/plugins/shared/lens/public/visualizations/partition/toolbar/appearance_settings.tsx @@ -8,7 +8,7 @@ import React, { useCallback } from 'react'; import { i18n } from '@kbn/i18n'; import type { EuiComboBoxOptionOption } from '@elastic/eui'; -import { EuiFormRow, EuiComboBox, EuiIcon } from '@elastic/eui'; +import { EuiFormRow, EuiComboBox, EuiIcon, EuiFormPrepend } from '@elastic/eui'; import type { LensPartitionVisualizationState as PieVisualizationState, VisualizationToolbarProps, @@ -76,7 +76,9 @@ export function PartitionAppearanceSettings( options={options} selectedOptions={selectedOptions} singleSelection={{ asPlainText: true }} - prepend={selectedOption?.icon ? : undefined} + prepend={ + selectedOption?.icon ? : undefined + } /> ); 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 a43687bc5d2eb..2d665296a757d 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 @@ -85,7 +85,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Cancel @@ -229,7 +229,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1 class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Cancel @@ -373,7 +373,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1 class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Cancel @@ -517,7 +517,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Cancel @@ -661,7 +661,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Cancel diff --git a/x-pack/platform/plugins/shared/maps/public/classes/styles/vector/components/symbol/prepend_button.tsx b/x-pack/platform/plugins/shared/maps/public/classes/styles/vector/components/symbol/prepend_button.tsx index d006b9c38d1f2..0b182467c7da7 100644 --- a/x-pack/platform/plugins/shared/maps/public/classes/styles/vector/components/symbol/prepend_button.tsx +++ b/x-pack/platform/plugins/shared/maps/public/classes/styles/vector/components/symbol/prepend_button.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import type { UseEuiTheme } from '@elastic/eui'; +import { EuiFormPrepend, type UseEuiTheme } from '@elastic/eui'; import { useMemoCss } from '@kbn/css-utils/public/use_memo_css'; import { SymbolIcon } from '../legend/symbol_icon'; import { getIsDarkMode } from '../../../../../kibana_services'; @@ -20,12 +20,14 @@ const prependButtonStyles = { export const PrependButton = ({ value, svg }: { value: string; svg: string }) => { const styles = useMemoCss(prependButtonStyles); return ( - + + + ); }; diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/controls/select_interval/select_interval.tsx b/x-pack/platform/plugins/shared/ml/public/application/components/controls/select_interval/select_interval.tsx index dddf0af37a24c..bc68e4d6c9bf4 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/components/controls/select_interval/select_interval.tsx +++ b/x-pack/platform/plugins/shared/ml/public/application/components/controls/select_interval/select_interval.tsx @@ -7,7 +7,7 @@ import type { FC } from 'react'; import React from 'react'; -import { EuiSelect, EuiIconTip } from '@elastic/eui'; +import { EuiSelect, EuiIconTip, EuiFormAppend } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { usePageUrlState, type UrlStateService } from '@kbn/ml-url-state'; @@ -95,14 +95,16 @@ export const SelectIntervalUI: FC = ({ interval, onChange defaultMessage: 'Interval', })} append={ - + + + } compressed options={OPTIONS} diff --git a/x-pack/platform/plugins/shared/ml/public/application/components/custom_urls/custom_url_editor/__snapshots__/list.test.tsx.snap b/x-pack/platform/plugins/shared/ml/public/application/components/custom_urls/custom_url_editor/__snapshots__/list.test.tsx.snap index 1074d533c9251..af16784e2a516 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/components/custom_urls/custom_url_editor/__snapshots__/list.test.tsx.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/components/custom_urls/custom_url_editor/__snapshots__/list.test.tsx.snap @@ -18,12 +18,12 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
- +
- +
- +
Add new condition @@ -39,7 +39,7 @@ exports[`ConditionsSectionExpression renders when enabled with no conditions sup class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Add new condition @@ -129,7 +129,7 @@ exports[`ConditionsSectionExpression renders when enabled with one condition 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Add new condition @@ -287,7 +287,7 @@ exports[`ConditionsSectionExpression renders when enabled with two conditions 1` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Add new condition diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/events_table/__snapshots__/events_table.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/events_table/__snapshots__/events_table.test.js.snap index 5c9557f921630..bc5eee877ab09 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/events_table/__snapshots__/events_table.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/events_table/__snapshots__/events_table.test.js.snap @@ -193,7 +193,7 @@ exports[`EventsTable Renders events table with no search bar 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Delete @@ -226,7 +226,7 @@ exports[`EventsTable Renders events table with no search bar 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page : @@ -288,7 +288,7 @@ exports[`EventsTable Renders events table with no search bar 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -597,7 +597,7 @@ exports[`EventsTable Renders events table with search bar 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Delete @@ -630,7 +630,7 @@ exports[`EventsTable Renders events table with search bar 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page : @@ -692,7 +692,7 @@ exports[`EventsTable Renders events table with search bar 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/imported_events/__snapshots__/imported_events.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/imported_events/__snapshots__/imported_events.test.js.snap index f1e85e53ea377..5a4f0397b3fc3 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/imported_events/__snapshots__/imported_events.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/imported_events/__snapshots__/imported_events.test.js.snap @@ -210,7 +210,7 @@ exports[`ImportedEvents Renders imported events 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Delete @@ -243,7 +243,7 @@ exports[`ImportedEvents Renders imported events 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page : @@ -305,7 +305,7 @@ exports[`ImportedEvents Renders imported events 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/__snapshots__/header.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/__snapshots__/header.test.js.snap index 5c816ea45179f..cc12df1e7f919 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/__snapshots__/header.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/__snapshots__/header.test.js.snap @@ -46,7 +46,7 @@ exports[`CalendarListsHeader renders header 1`] = ` data-euiicon-type="refresh" /> Refresh diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/table/__snapshots__/table.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/table/__snapshots__/table.test.js.snap index cbdc9c722373c..49314e12886bd 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/table/__snapshots__/table.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/table/__snapshots__/table.test.js.snap @@ -410,7 +410,7 @@ exports[`CalendarsListTable renders the table with all calendars 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page : @@ -472,7 +472,7 @@ exports[`CalendarsListTable renders the table with all calendars 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/components/filter_list_usage_popover/__snapshots__/filter_list_usage_popover.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/components/filter_list_usage_popover/__snapshots__/filter_list_usage_popover.test.js.snap index a0009c4ff1958..490988066e532 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/components/filter_list_usage_popover/__snapshots__/filter_list_usage_popover.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/components/filter_list_usage_popover/__snapshots__/filter_list_usage_popover.test.js.snap @@ -14,7 +14,7 @@ exports[`FilterListUsagePopover renders the popover for 1 job 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 job @@ -38,7 +38,7 @@ exports[`FilterListUsagePopover renders the popover for 2 detectors 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 detectors diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/edit/__snapshots__/header.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/edit/__snapshots__/header.test.js.snap index 2a44b580692bc..3b7ede96f5792 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/edit/__snapshots__/header.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/edit/__snapshots__/header.test.js.snap @@ -425,7 +425,7 @@ exports[`EditFilterListHeader renders the header when editing an existing used f class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 detector @@ -451,7 +451,7 @@ exports[`EditFilterListHeader renders the header when editing an existing used f class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 job diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/header.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/header.test.js.snap index 626a158e566a5..e3b0ff828fd3a 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/header.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/header.test.js.snap @@ -46,7 +46,7 @@ exports[`Filter Lists Header renders header 1`] = ` data-euiicon-type="refresh" /> Refresh diff --git a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/table.test.js.snap b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/table.test.js.snap index 74598195b8749..79619638f184d 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/table.test.js.snap +++ b/x-pack/platform/plugins/shared/ml/public/application/settings/filter_lists/list/__snapshots__/table.test.js.snap @@ -478,7 +478,7 @@ exports[`Filter Lists Table renders with filter lists and selection supplied 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page : @@ -540,7 +540,7 @@ exports[`Filter Lists Table renders with filter lists and selection supplied 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -1050,7 +1050,7 @@ exports[`Filter Lists Table renders with filter lists supplied 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page : @@ -1112,7 +1112,7 @@ exports[`Filter Lists Table renders with filter lists supplied 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 diff --git a/x-pack/platform/plugins/shared/ml/public/application/timeseriesexplorer/components/entity_control/entity_config.tsx b/x-pack/platform/plugins/shared/ml/public/application/timeseriesexplorer/components/entity_control/entity_config.tsx index 9edf1ea975463..82ad73cabd0ac 100644 --- a/x-pack/platform/plugins/shared/ml/public/application/timeseriesexplorer/components/entity_control/entity_config.tsx +++ b/x-pack/platform/plugins/shared/ml/public/application/timeseriesexplorer/components/entity_control/entity_config.tsx @@ -9,9 +9,9 @@ import type { FC } from 'react'; import React, { useMemo, useState } from 'react'; import type { EuiRadioGroupOption } from '@elastic/eui'; import { - EuiButtonIcon, EuiFlexGroup, EuiFlexItem, + EuiFormPrepend, EuiFormRow, EuiHorizontalRule, EuiIconTip, @@ -81,12 +81,10 @@ export const EntityConfig: FC = ({ return (
@@ -472,7 +472,7 @@ Object { data-euiicon-type="arrowRight" /> diff --git a/x-pack/solutions/observability/plugins/infra/public/components/schema_selector.tsx b/x-pack/solutions/observability/plugins/infra/public/components/schema_selector.tsx index 36283ef7d7718..0280272f19eb9 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/schema_selector.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/schema_selector.tsx @@ -7,11 +7,10 @@ import React, { useCallback, useMemo, useState } from 'react'; import type { EuiSuperSelectOption } from '@elastic/eui'; import { - EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, + EuiFormPrepend, EuiFormRow, - EuiIcon, EuiLink, EuiPopover, EuiSuperSelect, @@ -39,55 +38,44 @@ const PrependLabel = () => { const [isPopoverOpen, setIsPopoverOpen] = useState(false); return ( - - - - - {i18n.translate('xpack.infra.schemaSelector.label', { - defaultMessage: 'Schema', - })} - - - - - setIsPopoverOpen((popoverValue) => !popoverValue)} + setIsPopoverOpen((popoverValue) => !popoverValue)} + data-test-subj="infraSchemaSelectorHelpButton" + /> + } + isOpen={isPopoverOpen} + closePopover={() => setIsPopoverOpen(false)} + anchorPosition="rightCenter" + > + , + documentation: ( + - - - } - isOpen={isPopoverOpen} - closePopover={() => setIsPopoverOpen(false)} - anchorPosition="rightCenter" - > - , - documentation: ( - - {i18n.translate('xpack.infra.schemaSelector.documentation', { - defaultMessage: 'documentation', - })} - - ), - }} - /> - - - + {i18n.translate('xpack.infra.schemaSelector.documentation', { + defaultMessage: 'documentation', + })} + + ), + }} + /> + ); }; diff --git a/x-pack/solutions/observability/plugins/infra/public/components/shared/alerts/links/__snapshots__/link_to_alerts_page.test.tsx.snap b/x-pack/solutions/observability/plugins/infra/public/components/shared/alerts/links/__snapshots__/link_to_alerts_page.test.tsx.snap index 8eb2938977660..3b6f299d879ef 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/shared/alerts/links/__snapshots__/link_to_alerts_page.test.tsx.snap +++ b/x-pack/solutions/observability/plugins/infra/public/components/shared/alerts/links/__snapshots__/link_to_alerts_page.test.tsx.snap @@ -13,7 +13,7 @@ exports[`LinkToAlertsPage component renders correctly with default props 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Show all @@ -39,7 +39,7 @@ exports[`LinkToAlertsPage component renders correctly with optional props 1`] = class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Show all diff --git a/x-pack/solutions/observability/plugins/infra/public/pages/metrics/inventory_view/components/dropdown_button.tsx b/x-pack/solutions/observability/plugins/infra/public/pages/metrics/inventory_view/components/dropdown_button.tsx index 61070e9da59d3..1a069d8666704 100644 --- a/x-pack/solutions/observability/plugins/infra/public/pages/metrics/inventory_view/components/dropdown_button.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/pages/metrics/inventory_view/components/dropdown_button.tsx @@ -7,17 +7,16 @@ import type { WithEuiThemeProps } from '@elastic/eui'; import { - EuiFlexGroup, - EuiFlexItem, - EuiButtonEmpty, withEuiTheme, - type EuiThemeComputed, - EuiText, + EuiFormControlLayout, + EuiFormControlButton, + EuiFormPrepend, } from '@elastic/eui'; import React from 'react'; import type { ReactNode } from 'react'; -import { i18n } from '@kbn/i18n'; import { css } from '@emotion/react'; +import { i18n } from '@kbn/i18n'; +import { useMemoCss } from '@kbn/css-utils/public/use_memo_css'; import { KubernetesTour } from './kubernetes_tour'; interface Props { @@ -30,60 +29,45 @@ interface Props { type PropsWithTheme = Props & WithEuiThemeProps; -const ButtonLabel = ({ label, theme }: { label: string; theme?: EuiThemeComputed }) => ( - - - {label} - - -); - export const DropdownButton = withEuiTheme((props: PropsWithTheme) => { - const { onClick, label, theme, children, showKubernetesInfo } = props; + const { onClick, label, children, showKubernetesInfo } = props; + + const styles = useMemoCss(dropdownButtonStyles); + return ( - + + + ) : ( + label + ) + } + css={styles.dropdownButton} > - {showKubernetesInfo ? ( - - - - ) : ( - - )} - - - {children} - - - + + {children} + + ); }); + +const dropdownButtonStyles = { + dropdownButton: css({ + '.euiFormControlLayout__prepend': { + maxInlineSize: '100%', + }, + }), +}; diff --git a/x-pack/solutions/observability/plugins/infra/tsconfig.json b/x-pack/solutions/observability/plugins/infra/tsconfig.json index 99a81b4f1936e..0a25a8f7a6142 100644 --- a/x-pack/solutions/observability/plugins/infra/tsconfig.json +++ b/x-pack/solutions/observability/plugins/infra/tsconfig.json @@ -130,7 +130,8 @@ "@kbn/esql-composer", "@kbn/fleet-plugin", "@kbn/observability-agent-builder-plugin", - "@kbn/presentation-publishing" + "@kbn/presentation-publishing", + "@kbn/css-utils" ], "exclude": ["target/**/*"] } diff --git a/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/annotation_range.tsx b/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/annotation_range.tsx index 5039800ffa14d..57829712a48d6 100644 --- a/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/annotation_range.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/annotation_range.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { EuiFormRow, EuiFormLabel, EuiDatePicker } from '@elastic/eui'; +import { EuiFormRow, EuiDatePicker } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; import { Controller, useFormContext } from 'react-hook-form'; import React from 'react'; @@ -51,13 +51,12 @@ export function AnnotationRange() { selected={field.value} fullWidth compressed - prepend={ - - {i18n.translate('xpack.observability.annotationRange.fromFormLabelLabel', { - defaultMessage: 'From', - })} - - } + prepend={i18n.translate( + 'xpack.observability.annotationRange.fromFormLabelLabel', + { + defaultMessage: 'From', + } + )} dateFormat={dateFormat} {...rest} /> @@ -80,13 +79,9 @@ export function AnnotationRange() { selected={field.value} fullWidth compressed - prepend={ - - {i18n.translate('xpack.observability.annotationRange.toFormLabelLabel', { - defaultMessage: 'To', - })} - - } + prepend={i18n.translate('xpack.observability.annotationRange.toFormLabelLabel', { + defaultMessage: 'To', + })} dateFormat={dateFormat} {...rest} /> diff --git a/x-pack/solutions/observability/plugins/profiling/public/components/normalization_menu/index.tsx b/x-pack/solutions/observability/plugins/profiling/public/components/normalization_menu/index.tsx index 5b39a222a6055..ce8c573151a70 100644 --- a/x-pack/solutions/observability/plugins/profiling/public/components/normalization_menu/index.tsx +++ b/x-pack/solutions/observability/plugins/profiling/public/components/normalization_menu/index.tsx @@ -8,12 +8,12 @@ import { EuiButton, EuiButtonGroup, - EuiButtonIcon, EuiFieldNumber, EuiFlexGroup, EuiFlexItem, + EuiFormAppend, EuiFormControlLayout, - EuiFormLabel, + EuiFormPrepend, EuiHorizontalRule, EuiIconTip, EuiPopover, @@ -94,9 +94,10 @@ export function NormalizationMenu(props: Props) { compressed prepend={NORMALIZE_BY_LABEL} append={ - {SCALE_LABEL}} + prepend={ + {SCALE_LABEL} + } data-test-subj="profilingNormalizationMenuFieldNumber" id={baselineScaleFactorInputId} value={baseline} @@ -214,7 +217,9 @@ export function NormalizationMenu(props: Props) { {SCALE_LABEL}} + prepend={ + {SCALE_LABEL} + } data-test-subj="profilingNormalizationMenuFieldNumber" id={comparisonScaleFactorInputId} value={comparison} diff --git a/x-pack/solutions/observability/plugins/slo/public/embeddable/slo/burn_rate/configuration.tsx b/x-pack/solutions/observability/plugins/slo/public/embeddable/slo/burn_rate/configuration.tsx index 02e7baf303894..b7135efa96414 100644 --- a/x-pack/solutions/observability/plugins/slo/public/embeddable/slo/burn_rate/configuration.tsx +++ b/x-pack/solutions/observability/plugins/slo/public/embeddable/slo/burn_rate/configuration.tsx @@ -15,6 +15,7 @@ import { EuiFlyoutBody, EuiFlyoutFooter, EuiFlyoutHeader, + EuiFormAppend, EuiFormRow, EuiIconTip, EuiTitle, @@ -98,16 +99,18 @@ export function Configuration({ onCreate, onCancel }: Props) { onChange={(e) => setDuration(e.target.value)} isInvalid={!isDurationValid} append={ - + + + } /> diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/key_value_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/key_value_field.tsx index 64b411bf4584f..fcdd697eccea9 100644 --- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/key_value_field.tsx +++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/key_value_field.tsx @@ -11,14 +11,13 @@ import { i18n } from '@kbn/i18n'; import { FormattedMessage } from '@kbn/i18n-react'; import { EuiButton, - EuiButtonIcon, EuiFieldText, EuiFlexGroup, EuiFlexItem, EuiFormControlLayoutDelimited, - EuiFormLabel, EuiFormFieldset, EuiSpacer, + EuiFormAppend, } from '@elastic/eui'; const StyledFieldset = styled(EuiFormFieldset)` @@ -154,21 +153,19 @@ export const KeyValuePairsField = ({ - handleDeletePair(index)} - isDisabled={readOnly} - /> - + handleDeletePair(index)} + aria-label={i18n.translate( + 'xpack.synthetics.keyValuePairsField.deleteItem.label', + { + defaultMessage: 'Delete item number {index}, {key}:{value}', + values: { index: index + 1, key, value }, + } + )} + data-test-subj="syntheticsKeyValuePairsFieldButton" + /> } startControl={ onFieldBlur?.('download')} data-test-subj="syntheticsBrowserDownloadSpeed" - append={ - - Mbps - - } + append={} readOnly={readOnly} /> diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx index f0ce48ea8935e..b990ba9b2f120 100644 --- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx +++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_latency_field.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { EuiFieldNumber, EuiFormRow, EuiText } from '@elastic/eui'; +import { EuiFieldNumber, EuiFormAppend, EuiFormRow } from '@elastic/eui'; import React from 'react'; import { i18n } from '@kbn/i18n'; import type { Validation } from '../../../../../../../common/types'; @@ -47,11 +47,7 @@ export const ThrottlingLatencyField = ({ onChange={(event) => handleInputChange(event.target.value)} onBlur={() => onFieldBlur?.('latency')} data-test-subj="syntheticsBrowserLatency" - append={ - - ms - - } + append={} readOnly={readOnly} /> diff --git a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx index 66581ab8a1249..4634c3535d1e4 100644 --- a/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx +++ b/x-pack/solutions/observability/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/throttling/throttling_upload_field.tsx @@ -5,7 +5,7 @@ * 2.0. */ -import { EuiFieldNumber, EuiFormRow, EuiText } from '@elastic/eui'; +import { EuiFieldNumber, EuiFormAppend, EuiFormRow } from '@elastic/eui'; import React from 'react'; import { i18n } from '@kbn/i18n'; import type { Validation } from '../../../../../../../common/types'; @@ -69,11 +69,7 @@ export const ThrottlingUploadField = ({ onChange={(event) => handleInputChange(event.target.value)} onBlur={() => onFieldBlur?.('upload')} data-test-subj="syntheticsBrowserUploadSpeed" - append={ - - Mbps - - } + append={} readOnly={readOnly} /> diff --git a/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/ml/__snapshots__/ml_integerations.test.tsx.snap b/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/ml/__snapshots__/ml_integerations.test.tsx.snap index 831b1d5b19c96..06be403984e64 100644 --- a/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/ml/__snapshots__/ml_integerations.test.tsx.snap +++ b/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/monitor/ml/__snapshots__/ml_integerations.test.tsx.snap @@ -21,7 +21,7 @@ exports[`ML Integrations renders without errors 1`] = ` style="border-color:#0B64DD currentcolor currentcolor currentcolor" /> diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/components/choose_connector.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/components/choose_connector.tsx index 846406202b8b5..238c5f6835692 100644 --- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/components/choose_connector.tsx +++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/connectors/create_connector/components/choose_connector.tsx @@ -21,6 +21,7 @@ import { useEuiTheme, EuiTextTruncate, EuiBadgeGroup, + EuiFormPrepend, } from '@elastic/eui'; import { i18n } from '@kbn/i18n'; @@ -150,7 +151,7 @@ export const ChooseConnector: React.FC = ({ 'xpack.enterpriseSearch.createConnector.chooseConnectorSelectable.euiComboBox.accessibleScreenReaderLabelLabel', { defaultMessage: 'Select a data source for your connector to use.' } )} - prepend={} + prepend={} singleSelection fullWidth placeholder={i18n.translate( diff --git a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/components/access_control_index_selector/access_control_index_selector.tsx b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/components/access_control_index_selector/access_control_index_selector.tsx index 73142ad8483d1..ea6b1b86a20cd 100644 --- a/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/components/access_control_index_selector/access_control_index_selector.tsx +++ b/x-pack/solutions/search/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/components/access_control_index_selector/access_control_index_selector.tsx @@ -10,6 +10,7 @@ import React from 'react'; import { EuiFlexGroup, EuiFlexItem, + EuiFormPrepend, EuiIcon, EuiSuperSelect, EuiText, @@ -81,7 +82,7 @@ export const AccessControlIndexSelector: React.FC = ({ onChange={onChange} prepend={ indexSelectorOptions.some((option) => option.error) ? ( - + ) : undefined } options={indexSelectorOptions.map((option) => { diff --git a/x-pack/solutions/search/plugins/search_playground/public/components/view_code/create_api_key_form.tsx b/x-pack/solutions/search/plugins/search_playground/public/components/view_code/create_api_key_form.tsx index 09eb328cebb9e..6d05558472217 100644 --- a/x-pack/solutions/search/plugins/search_playground/public/components/view_code/create_api_key_form.tsx +++ b/x-pack/solutions/search/plugins/search_playground/public/components/view_code/create_api_key_form.tsx @@ -11,8 +11,8 @@ import { EuiFieldText, EuiFlexGroup, EuiForm, + EuiFormAppend, EuiFormRow, - EuiText, } from '@elastic/eui'; import React, { Controller, useForm } from 'react-hook-form'; import { i18n } from '@kbn/i18n'; @@ -85,14 +85,14 @@ export const CreateApiKeyForm = () => { - + - - + } + /> } type="number" placeholder={i18n.translate( diff --git a/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/edit_service_type.tsx b/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/edit_service_type.tsx index d082a52f985ae..79128511bfb1e 100644 --- a/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/edit_service_type.tsx +++ b/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/edit_service_type.tsx @@ -19,6 +19,7 @@ import { useEuiTheme, EuiTextTruncate, EuiBadgeGroup, + EuiFormPrepend, } from '@elastic/eui'; import { useMutation, useQueryClient } from '@kbn/react-query'; import type { Connector as BaseConnector } from '@kbn/search-connectors'; @@ -227,14 +228,13 @@ export const EditServiceType: React.FC = ({ connector, isD isLoading={isLoading} data-test-subj="serverlessSearchEditConnectorTypeChoices" prepend={ - conn.serviceType === connector.service_type) ?.iconPath ?? '' : 'plugs' } - size="l" /> } singleSelection={{ asPlainText: true }} diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/aws_credentials_form/aws_credential_type_selector.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/aws_credentials_form/aws_credential_type_selector.tsx index 57f61891b80b2..5dc5b6ebe664d 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/aws_credentials_form/aws_credential_type_selector.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/aws_credentials_form/aws_credential_type_selector.tsx @@ -5,7 +5,7 @@ * 2.0. */ import React from 'react'; -import { EuiFormRow, EuiSelect } from '@elastic/eui'; +import { EuiFormAppend, EuiFormRow, EuiSelect } from '@elastic/eui'; import { AWS_CREDENTIALS_TYPE_SELECTOR_TEST_SUBJ } from '@kbn/cloud-security-posture-common'; import type { AwsCredentialsTypeOptions } from './get_aws_credentials_form_options'; import type { AwsCredentialsType } from '../types'; @@ -33,7 +33,13 @@ export const AwsCredentialTypeSelector = ({ onChange={(optionElem) => { onChange(optionElem.target.value as AwsCredentialsType); }} - append={type === 'cloud_connectors' ? : undefined} + append={ + type === 'cloud_connectors' ? ( + + + + ) : undefined + } data-test-subj={AWS_CREDENTIALS_TYPE_SELECTOR_TEST_SUBJ} /> diff --git a/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/azure_credentials_form/azure_credential_type_selector.tsx b/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/azure_credentials_form/azure_credential_type_selector.tsx index ce7af50327d1e..61bc7d7ab767c 100644 --- a/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/azure_credentials_form/azure_credential_type_selector.tsx +++ b/x-pack/solutions/security/packages/kbn-cloud-security-posture/public/src/components/fleet_extensions/azure_credentials_form/azure_credential_type_selector.tsx @@ -6,7 +6,7 @@ */ import React from 'react'; -import { EuiFormRow, EuiSelect } from '@elastic/eui'; +import { EuiFormAppend, EuiFormRow, EuiSelect } from '@elastic/eui'; import { AZURE_CREDENTIALS_TYPE_SELECTOR_TEST_SUBJ } from '@kbn/cloud-security-posture-common'; import { i18n } from '@kbn/i18n'; import type { AzureCredentialsType } from '../types'; @@ -40,7 +40,13 @@ export const AzureCredentialTypeSelector = ({ onChange={(optionElem) => { onChange(optionElem.target.value as AzureCredentialsType); }} - append={type === 'cloud_connectors' ? : undefined} + append={ + type === 'cloud_connectors' ? ( + + + + ) : undefined + } data-test-subj={AZURE_CREDENTIALS_TYPE_SELECTOR_TEST_SUBJ} /> diff --git a/x-pack/solutions/security/plugins/cloud_security_posture/public/components/namespace_selector.tsx b/x-pack/solutions/security/plugins/cloud_security_posture/public/components/namespace_selector.tsx index 77a1f2f00045c..a261659e80397 100644 --- a/x-pack/solutions/security/plugins/cloud_security_posture/public/components/namespace_selector.tsx +++ b/x-pack/solutions/security/plugins/cloud_security_posture/public/components/namespace_selector.tsx @@ -59,7 +59,7 @@ export const NamespaceSelector = ({ fullWidth compressed aria-label={label} - prepend={{label}} + prepend={label} />
); diff --git a/x-pack/solutions/security/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap index cdcc60aeed16d..7a045c2d7b47b 100644 --- a/x-pack/solutions/security/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/kubernetes_security/public/components/tree_view_container/breadcrumb/__snapshots__/index.test.tsx.snap @@ -107,7 +107,7 @@ exports[`Tree view Breadcrumb component When Breadcrumb is mounted renders Bread class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > selected image @@ -227,7 +227,7 @@ exports[`Tree view Breadcrumb component When Breadcrumb is mounted should displa class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > selected image @@ -369,7 +369,7 @@ exports[`Tree view Breadcrumb component When Breadcrumb is mounted should render class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > selected image @@ -467,7 +467,7 @@ exports[`Tree view Breadcrumb component When Breadcrumb is mounted should render class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > selected image diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/empty_page/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/common/components/empty_page/__snapshots__/index.test.tsx.snap index 707e4bc5708f3..002b6f8c6b909 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/components/empty_page/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/empty_page/__snapshots__/index.test.tsx.snap @@ -73,7 +73,7 @@ exports[`EmptyPage component renders actions with descriptions 1`] = ` class="emotion-euiButtonDisplayContent" > Do Something @@ -133,7 +133,7 @@ exports[`EmptyPage component renders actions without descriptions 1`] = ` class="emotion-euiButtonDisplayContent" > Do Something diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/components/ml/tables/select_interval.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/components/ml/tables/select_interval.tsx index 6f178582890ed..0dc2fbe3ddeec 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/components/ml/tables/select_interval.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/components/ml/tables/select_interval.tsx @@ -6,7 +6,7 @@ */ import React, { useCallback } from 'react'; import type { EuiSelectProps } from '@elastic/eui'; -import { EuiSelect, EuiIconTip } from '@elastic/eui'; +import { EuiFormAppend, EuiSelect, EuiIconTip } from '@elastic/eui'; import * as i18n from './translations'; const OPTIONS = [ @@ -43,7 +43,11 @@ export const SelectInterval: React.FC<{ } + append={ + + + + } options={OPTIONS} value={interval} onChange={onChangeCb} diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx index c6696d0898971..cfae9c5decdda 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/duration_input/index.tsx @@ -62,6 +62,10 @@ export const DurationInput = memo(function DurationInputComponent({ .euiFormControlLayout__append { padding-inline: 0 !important; + + &:has(.euiSelect:focus) { + z-index: 1; // ensure focus outline is layered correctly in nested form layout + } } .euiFormControlLayoutIcons { @@ -71,7 +75,7 @@ export const DurationInput = memo(function DurationInputComponent({ const durationUnitSelectStyle = css` min-width: 106px; // Preserve layout when disabled & dropdown arrow is not rendered box-shadow: none !important; // Override disabled state - background: ${euiTheme.colors.backgroundBasePrimary} !important; + background: transparent; color: ${euiTheme.colors.primary}; &:disabled { @@ -79,6 +83,10 @@ export const DurationInput = memo(function DurationInputComponent({ border-top-left-radius: 0; border-bottom-left-radius: 0; } + + &:hover:not(:focus) { + outline: none !important; + } `; const durationInputStyle = css` box-shadow: none !important; // Override disabled state diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx index 23fc5b9daf8b9..97d2e4dcbeccb 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/schedule_item_field/schedule_item_field.tsx @@ -61,6 +61,10 @@ export function ScheduleItemField({ .euiFormControlLayout__append { padding-inline: 0 !important; + + &:has(.euiSelect:focus) { + z-index: 1; // ensure focus outline is layered correctly in nested form layout + } } .euiFormControlLayoutIcons { @@ -70,8 +74,12 @@ export function ScheduleItemField({ const timeUnitSelectStyles = css` min-width: 106px; // Preserve layout when disabled & dropdown arrow is not rendered box-shadow: none; - background: ${euiTheme.colors.backgroundBasePrimary} !important; + background: transparent; color: ${euiTheme.colors.primary}; + + &:hover:not(:focus) { + outline: none !important; + } `; const onChangeTimeType = useCallback>( diff --git a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management_ui/components/rule_import_modal/action_connectors_warning/__snapshots__/action_connectors_warning.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management_ui/components/rule_import_modal/action_connectors_warning/__snapshots__/action_connectors_warning.test.tsx.snap index f2833cef9f446..452f4c9fd3a0d 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management_ui/components/rule_import_modal/action_connectors_warning/__snapshots__/action_connectors_warning.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_management_ui/components/rule_import_modal/action_connectors_warning/__snapshots__/action_connectors_warning.test.tsx.snap @@ -59,7 +59,7 @@ exports[`ActionConnectorWarnings should render if 1 connectors were imported and class="emotion-euiButtonDisplayContent" > Go to connectors @@ -128,7 +128,7 @@ exports[`ActionConnectorWarnings should render if 2 connectors were imported and class="emotion-euiButtonDisplayContent" > Connectors @@ -197,7 +197,7 @@ exports[`ActionConnectorWarnings should render if 2 connectors were imported and class="emotion-euiButtonDisplayContent" > Go to connectors diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap index 8b39d0918663e..d9bbb048c4182 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap @@ -354,7 +354,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -414,7 +414,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -434,7 +434,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -454,7 +454,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -474,7 +474,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -494,7 +494,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_user_table.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_user_table.test.tsx.snap index 306895d03aab9..ac81f3dc3f724 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_user_table.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/components/authentication/__snapshots__/authentications_user_table.test.tsx.snap @@ -354,7 +354,7 @@ exports[`Authentication User Table Component rendering it renders the user authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -414,7 +414,7 @@ exports[`Authentication User Table Component rendering it renders the user authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -434,7 +434,7 @@ exports[`Authentication User Table Component rendering it renders the user authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -454,7 +454,7 @@ exports[`Authentication User Table Component rendering it renders the user authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -474,7 +474,7 @@ exports[`Authentication User Table Component rendering it renders the user authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -494,7 +494,7 @@ exports[`Authentication User Table Component rendering it renders the user authe class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/components/paginated_table/__snapshots__/index.test.tsx.snap index f5b919a1e4c07..fe4f43d2a1247 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/components/paginated_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/components/paginated_table/__snapshots__/index.test.tsx.snap @@ -408,7 +408,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 1 @@ -468,7 +468,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -488,7 +488,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -508,7 +508,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -528,7 +528,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -548,7 +548,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 @@ -574,7 +574,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 10 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/hosts/components/uncommon_process_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/hosts/components/uncommon_process_table/__snapshots__/index.test.tsx.snap index e7e9dd299297c..4b509d3cccc34 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/hosts/components/uncommon_process_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/hosts/components/uncommon_process_table/__snapshots__/index.test.tsx.snap @@ -825,7 +825,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncom class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -885,7 +885,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncom class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -905,7 +905,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncom class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -925,7 +925,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncom class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -945,7 +945,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncom class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -965,7 +965,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncom class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap index 50028211a5f98..9bfe0873529b7 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/embeddables/__snapshots__/index_patterns_missing_prompt.test.tsx.snap @@ -73,7 +73,7 @@ exports[`IndexPatternsMissingPrompt renders correctly against snapshot 1`] = ` class="emotion-euiButtonDisplayContent" > Configure index patterns diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_dns_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_dns_table/__snapshots__/index.test.tsx.snap index ccb71ff90bdf5..f874be8a5193b 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_dns_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_dns_table/__snapshots__/index.test.tsx.snap @@ -915,7 +915,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -975,7 +975,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -995,7 +995,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -1015,7 +1015,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -1035,7 +1035,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -1055,7 +1055,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_http_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_http_table/__snapshots__/index.test.tsx.snap index 81fd281160a11..b96339a597a97 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_http_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_http_table/__snapshots__/index.test.tsx.snap @@ -810,7 +810,7 @@ exports[`NetworkHttp Table Component rendering it renders the default NetworkHtt class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_countries_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_countries_table/__snapshots__/index.test.tsx.snap index aa5ac1f7ffb58..17f6a516c68c6 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_countries_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_countries_table/__snapshots__/index.test.tsx.snap @@ -503,7 +503,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the IP Details class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -563,7 +563,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the IP Details class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -583,7 +583,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the IP Details class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -603,7 +603,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the IP Details class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -623,7 +623,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the IP Details class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -643,7 +643,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the IP Details class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 @@ -1227,7 +1227,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the default Ne class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -1287,7 +1287,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the default Ne class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -1307,7 +1307,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the default Ne class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -1327,7 +1327,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the default Ne class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -1347,7 +1347,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the default Ne class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -1367,7 +1367,7 @@ exports[`NetworkTopCountries Table Component rendering it renders the default Ne class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_n_flow_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_n_flow_table/__snapshots__/index.test.tsx.snap index 993b067ab17ca..97401143178ac 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_n_flow_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/network_top_n_flow_table/__snapshots__/index.test.tsx.snap @@ -643,7 +643,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -703,7 +703,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -723,7 +723,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -743,7 +743,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -763,7 +763,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -783,7 +783,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 @@ -1507,7 +1507,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -1567,7 +1567,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -1587,7 +1587,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -1607,7 +1607,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -1627,7 +1627,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -1647,7 +1647,7 @@ exports[`NetworkTopNFlow Table Component rendering it renders the default Networ class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/tls_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/tls_table/__snapshots__/index.test.tsx.snap index 5815032c79c2c..66a9db7faae8f 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/tls_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/tls_table/__snapshots__/index.test.tsx.snap @@ -517,7 +517,7 @@ exports[`Tls Table Component Rendering it renders the default Domains table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > Rows per page: 10 @@ -577,7 +577,7 @@ exports[`Tls Table Component Rendering it renders the default Domains table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 @@ -597,7 +597,7 @@ exports[`Tls Table Component Rendering it renders the default Domains table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 2 @@ -617,7 +617,7 @@ exports[`Tls Table Component Rendering it renders the default Domains table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 3 @@ -637,7 +637,7 @@ exports[`Tls Table Component Rendering it renders the default Domains table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 4 @@ -657,7 +657,7 @@ exports[`Tls Table Component Rendering it renders the default Domains table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 5 diff --git a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/users_table/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/users_table/__snapshots__/index.test.tsx.snap index 6e7c7b5e46c02..d905d83bf829f 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/users_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/explore/network/components/users_table/__snapshots__/index.test.tsx.snap @@ -561,7 +561,7 @@ exports[`Users Table Component Rendering it renders the default Users table 1`] class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > 1 diff --git a/x-pack/solutions/security/plugins/security_solution/public/overview/components/host_overview/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/overview/components/host_overview/__snapshots__/index.test.tsx.snap index 19f33be4f222b..6cba9f9f17ad4 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/overview/components/host_overview/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/overview/components/host_overview/__snapshots__/index.test.tsx.snap @@ -222,7 +222,7 @@ exports[`Host Summary Component it renders the default Host Summary 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > +1 More @@ -915,7 +915,7 @@ exports[`Host Summary Component it renders the panel view Host Summary 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > +1 More diff --git a/x-pack/solutions/security/plugins/security_solution/public/overview/components/user_overview/__snapshots__/index.test.tsx.snap b/x-pack/solutions/security/plugins/security_solution/public/overview/components/user_overview/__snapshots__/index.test.tsx.snap index 987361bbc3033..66bbba343fc2c 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/overview/components/user_overview/__snapshots__/index.test.tsx.snap +++ b/x-pack/solutions/security/plugins/security_solution/public/overview/components/user_overview/__snapshots__/index.test.tsx.snap @@ -354,7 +354,7 @@ exports[`User Summary Component it renders the default User Summary 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > +1 More @@ -711,7 +711,7 @@ exports[`User Summary Component it renders the panel view User Summary 1`] = ` class="euiButtonEmpty__content emotion-euiButtonDisplayContent" > +1 More diff --git a/x-pack/solutions/security/test/security_solution_cypress/cypress/e2e/investigations/dashboards/detection_response.cy.ts b/x-pack/solutions/security/test/security_solution_cypress/cypress/e2e/investigations/dashboards/detection_response.cy.ts index ec265a3a78309..aea39614611a3 100644 --- a/x-pack/solutions/security/test/security_solution_cypress/cypress/e2e/investigations/dashboards/detection_response.cy.ts +++ b/x-pack/solutions/security/test/security_solution_cypress/cypress/e2e/investigations/dashboards/detection_response.cy.ts @@ -180,9 +180,9 @@ describe('Detection response view', { tags: ['@ess', '@serverless'] }, () => { cy.get(ALERTS_COUNT).should('be.visible').should('have.text', `${alertCount} alerts`); cy.get(CONTROL_FRAMES).should('have.length', 2); cy.get(OPTION_LIST_LABELS).eq(0).should('have.text', `Status`); - cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open1'); + cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open 1'); cy.get(OPTION_LIST_LABELS).eq(1).should('have.text', `Host name`); - cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${hostName}1`); + cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${hostName} 1`); }); }); }); @@ -206,11 +206,11 @@ describe('Detection response view', { tags: ['@ess', '@serverless'] }, () => { cy.get(ALERTS_COUNT).should('be.visible').should('have.text', `${alertCount} alerts`); cy.get(CONTROL_FRAMES).should('have.length', 3); cy.get(OPTION_LIST_LABELS).eq(0).should('have.text', `Status`); - cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open1'); + cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open 1'); cy.get(OPTION_LIST_LABELS).eq(1).should('have.text', 'Host name'); - cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${hostName}1`); + cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${hostName} 1`); cy.get(OPTION_LIST_LABELS).eq(2).should('have.text', 'Severity'); - cy.get(OPTION_LIST_VALUES(2)).should('have.text', `${severityVal}1`); + cy.get(OPTION_LIST_VALUES(2)).should('have.text', `${severityVal} 1`); }); }); }); @@ -236,9 +236,9 @@ describe('Detection response view', { tags: ['@ess', '@serverless'] }, () => { cy.get(ALERTS_COUNT).should('be.visible').should('have.text', `${alertCount} alert`); cy.get(CONTROL_FRAMES).should('have.length', 2); cy.get(OPTION_LIST_LABELS).eq(0).should('have.text', `Status`); - cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open1'); + cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open 1'); cy.get(OPTION_LIST_LABELS).eq(1).should('have.text', `Username`); - cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${userName}1`); + cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${userName} 1`); }); }); }); @@ -262,11 +262,11 @@ describe('Detection response view', { tags: ['@ess', '@serverless'] }, () => { cy.get(ALERTS_COUNT).should('be.visible').should('have.text', `${alertCount} alert`); cy.get(CONTROL_FRAMES).should('have.length', 3); cy.get(OPTION_LIST_LABELS).eq(0).should('have.text', `Status`); - cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open1'); + cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open 1'); cy.get(OPTION_LIST_LABELS).eq(1).should('have.text', 'Username'); - cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${userName}1`); + cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${userName} 1`); cy.get(OPTION_LIST_LABELS).eq(2).should('have.text', 'Severity'); - cy.get(OPTION_LIST_VALUES(2)).should('have.text', `${severityVal}1`); + cy.get(OPTION_LIST_VALUES(2)).should('have.text', `${severityVal} 1`); }); }); }); @@ -287,9 +287,9 @@ describe('Detection response view', { tags: ['@ess', '@serverless'] }, () => { cy.get(ALERTS_COUNT).should('be.visible').should('have.text', `${alertCount} alerts`); cy.get(CONTROL_FRAMES).should('have.length', 2); cy.get(OPTION_LIST_LABELS).eq(0).should('have.text', `Status`); - cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open1'); + cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open 1'); cy.get(OPTION_LIST_LABELS).eq(1).should('have.text', 'Rule name'); - cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${ruleName}1`); + cy.get(OPTION_LIST_VALUES(1)).should('have.text', `${ruleName} 1`); }); }); }); @@ -299,7 +299,7 @@ describe('Detection response view', { tags: ['@ess', '@serverless'] }, () => { waitForAlerts(); cy.get(CONTROL_FRAMES).should('have.length', 1); cy.get(OPTION_LIST_LABELS).eq(0).should('have.text', `Status`); - cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open1'); + cy.get(OPTION_LIST_VALUES(0)).should('have.text', 'open 1'); }); }); }); diff --git a/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/blocklist.ts b/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/blocklist.ts index b9c79fc18340c..85a81e03a36ed 100644 --- a/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/blocklist.ts +++ b/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/blocklist.ts @@ -17,7 +17,7 @@ export const BLOCK_LIST_NAME = getDataTestSubjectSelector('blocklist-form-name-i export const BLOCK_LIST_DESCRIPTION = getDataTestSubjectSelector( 'blocklist-form-description-input' ); -export const BLOCK_LIST_ADD_BUTTON = `[class="eui-textTruncate"]`; +export const BLOCK_LIST_ADD_BUTTON = `.euiFlyoutFooter .euiButton`; export const BLOCK_LIST_TOAST_LIST = getDataTestSubjectSelector('globalToastList'); export const BLOCK_LIST_VALUE_INPUT = (iocId: string) => getDataTestSubjectSelector(`blocklist-form-values-input-${iocId}`); diff --git a/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/cases.ts b/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/cases.ts index e0d207f5aa46b..81370946ce5e6 100644 --- a/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/cases.ts +++ b/x-pack/solutions/security/test/security_solution_cypress/cypress/screens/threat_intelligence/cases.ts @@ -19,7 +19,7 @@ export const FLYOUT_ADD_TO_EXISTING_CASE_ITEM = getDataTestSubjectSelector( export const FLYOUT_ADD_TO_NEW_CASE_ITEM = getDataTestSubjectSelector( 'tiIndicatorFlyoutAddToNewCaseContextMenu' ); -export const SELECT_EXISTING_CASE = `[class="eui-textTruncate"]`; +export const SELECT_EXISTING_CASE = `.euiButton`; export const VIEW_CASE_TOASTER_LINK = getDataTestSubjectSelector('toaster-content-case-view-link'); export const CASE_COMMENT_EXTERNAL_REFERENCE = getDataTestSubjectSelector( 'comment-externalReference-indicator' diff --git a/yarn.lock b/yarn.lock index 2711b6267c758..0c016a9c2ca94 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2641,10 +2641,9 @@ resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-2.8.0.tgz#437c8fc6ad62a0caf7b65b4756497ca37a72d982" integrity sha512-qN5TxJCGM0WrNnwJ9pWGJetWnvddpRLHp8TMF/hfPvmDeYfXFE4yghMp9Wzk8Nohx4NwhYY0sMi6YZFgKZD+1w== -"@elastic/eui-theme-borealis@5.4.0": +"@elastic/eui-theme-borealis@file:./eui_theme_borealis_5.4.0_append_prepend_01.tgz": version "5.4.0" - resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-5.4.0.tgz#b392b43457c5db3fb39c6f148799b5e65ffc5803" - integrity sha512-2NQ9s7A/EM6VgQlkkw4IUFhyqPvs37M8jVNX5nYjwTPRfQwLBMEUXqYqUhIWMQXzjocf1x2IkzEejT8C9eqbXA== + resolved "file:./eui_theme_borealis_5.4.0_append_prepend_01.tgz#b6b85ec88cbab125176aaef01336d3cb2f953114" dependencies: "@elastic/eui-theme-common" "7.3.0" chroma-js "^2.4.2" @@ -2658,12 +2657,18 @@ chroma-js "^2.4.2" lodash "^4.17.21" -"@elastic/eui@112.3.0": +"@elastic/eui-theme-common@file:./eui_theme_common_7.3.0_append_prepend_01.tgz": + version "7.3.0" + resolved "file:./eui_theme_common_7.3.0_append_prepend_01.tgz#96a543cf227ec35d6d3449fc424478364af50235" + dependencies: + "@types/lodash" "^4.14.202" + chroma-js "^2.4.2" + lodash "^4.17.21" + +"@elastic/eui@file:./eui_112.3.0_append_prepend_02.tgz": version "112.3.0" - resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-112.3.0.tgz#017534307c3cf240e536ac646086def958a3c2c9" - integrity sha512-BgUrVEralLuL8XvRkyJ3rfmD4Mn07yhAKLqnG9w4li786F3GFSMmN4SbWQdBMeVLqApZGfHEoMwC6WWRWqI/6w== + resolved "file:./eui_112.3.0_append_prepend_02.tgz#b71d229eee944ebbd0e217924c0ccf110657db42" dependencies: - "@elastic/eui-theme-common" "7.3.0" "@elastic/prismjs-esql" "^1.1.2" "@hello-pangea/dnd" "^16.6.0" "@types/lodash" "^4.14.202" @@ -2705,7 +2710,7 @@ resolved "https://registry.yarnpkg.com/@elastic/filesaver/-/filesaver-1.1.2.tgz#1998ffb3cd89c9da4ec12a7793bfcae10e30c77a" integrity sha512-YZbSufYFBhAj+S2cJgiKALoxIJevqXN2MSr6Yqr42rJdaPuM31cj6pUDwflkql1oDjupqD9la+MfxPFjXI1JFQ== -"@elastic/kibana-d3-color@npm:@elastic/kibana-d3-color@2.0.1", "d3-color@1 - 2", "d3-color@npm:@elastic/kibana-d3-color@2.0.1": +"@elastic/kibana-d3-color@npm:@elastic/kibana-d3-color@2.0.1": version "2.0.1" resolved "https://registry.yarnpkg.com/@elastic/kibana-d3-color/-/kibana-d3-color-2.0.1.tgz#f83b9c2fea09273a918659de04d5e8098c82f65c" integrity sha512-YZ8hV2bWNyYi833Yj3UWczmTxdHzmo/Xc2IVkNXr/ZqtkrTDlTLysCyJm7SfAt9iBy6EVRGWTn8cPz8QOY6Ixw== @@ -19037,6 +19042,11 @@ d3-collection@^1.0.7: resolved "https://registry.yarnpkg.com/d3-collection/-/d3-collection-1.0.7.tgz#349bd2aa9977db071091c13144d5e4f16b5b310e" integrity sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A== +"d3-color@1 - 2", "d3-color@npm:@elastic/kibana-d3-color@2.0.1": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@elastic/kibana-d3-color/-/kibana-d3-color-2.0.1.tgz#f83b9c2fea09273a918659de04d5e8098c82f65c" + integrity sha512-YZ8hV2bWNyYi833Yj3UWczmTxdHzmo/Xc2IVkNXr/ZqtkrTDlTLysCyJm7SfAt9iBy6EVRGWTn8cPz8QOY6Ixw== + "d3-color@1 - 3", d3-color@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-3.1.0.tgz#395b2833dfac71507f12ac2f7af23bf819de24e2" @@ -32363,7 +32373,7 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0": version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -32381,6 +32391,15 @@ string-width@^1.0.1: is-fullwidth-code-point "^1.0.0" strip-ansi "^3.0.0" +string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + string-width@^5.0.1, string-width@^5.1.2: version "5.1.2" resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794" @@ -32473,7 +32492,14 @@ stringify-object@^3.2.1: is-obj "^1.0.1" is-regexp "^1.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@6.0.1, strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + +strip-ansi@6.0.1, strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -35285,7 +35311,7 @@ workerpool@^6.5.1: resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544" integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -35311,6 +35337,15 @@ wrap-ansi@^6.0.1, wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" +wrap-ansi@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" @@ -35441,7 +35476,7 @@ xpath@^0.0.33: resolved "https://registry.yarnpkg.com/xpath/-/xpath-0.0.33.tgz#5136b6094227c5df92002e7c3a13516a5074eb07" integrity sha512-NNXnzrkDrAzalLhIUc01jO2mOzXGXh1JwPgkihcLLzw98c0WgYDmmjSh1Kl3wzaxSVWMuA+fe0WTWOBDWCBmNA== -"xstate5@npm:xstate@^5.19.2", xstate@5.19.2: +"xstate5@npm:xstate@^5.19.2": version "5.19.2" resolved "https://registry.yarnpkg.com/xstate/-/xstate-5.19.2.tgz#db3f1ee614bbb6a49ad3f0c96ddbf98562d456ba" integrity sha512-B8fL2aP0ogn5aviAXFzI5oZseAMqN00fg/TeDa3ZtatyDcViYLIfuQl4y8qmHCiKZgGEzmnTyNtNQL9oeJE2gw== @@ -35451,6 +35486,11 @@ xstate@4.38.3: resolved "https://registry.yarnpkg.com/xstate/-/xstate-4.38.3.tgz#4e15e7ad3aa0ca1eea2010548a5379966d8f1075" integrity sha512-SH7nAaaPQx57dx6qvfcIgqKRXIh4L0A1iYEqim4s1u7c9VoCgzZc+63FY90AKU4ZzOC2cfJzTnpO4zK7fCUzzw== +xstate@5.19.2: + version "5.19.2" + resolved "https://registry.yarnpkg.com/xstate/-/xstate-5.19.2.tgz#db3f1ee614bbb6a49ad3f0c96ddbf98562d456ba" + integrity sha512-B8fL2aP0ogn5aviAXFzI5oZseAMqN00fg/TeDa3ZtatyDcViYLIfuQl4y8qmHCiKZgGEzmnTyNtNQL9oeJE2gw== + "xtend@>=4.0.0 <4.1.0-0", xtend@^4.0.0, xtend@^4.0.1, xtend@^4.0.2, xtend@~4.0.1: version "4.0.2" resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"