github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

Upgrade EUI to v96.1.0 (#194619)

Browse source 
`v95.12.0`⏩`v96.1.0`

_[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)_

---

## [`v96.0.0`](https://github.com/elastic/eui/releases/v96.0.0)

- Improved `EuiPageHeader`/`EuiPageTemplate.Header`'s responsive UX:
([#8044](https://github.com/elastic/eui/pull/8044))
- `rightSideItems` are no longer pushed to the side by wide `tabs`
content
- `rightSideItems` now wrap more responsively at smaller container
widths
- Updated `EuiDraggable` with a new `usePortal` prop.
([#8048](https://github.com/elastic/eui/pull/8048))
- This prop portals the dragged element to the body, allowing it to
escape stacking contexts which prevents buggy drag positioning in e.g.
popovers, modals, and flyouts.

**Bug fixes**

- Fixed `EuiProvider`'s system color mode detection causing errors
during server-side rendering
([#8040](https://github.com/elastic/eui/pull/8040))
- Fixed an `EuiDataGrid` rendering bug that was causing bouncing
scrollbar issues ([#8041](https://github.com/elastic/eui/pull/8041))
- Fixed `EuiSearchBox` skips input when running with React 18 in Legacy
Mode ([#8047](https://github.com/elastic/eui/pull/8047))

**Deprecations**

- Deprecated `EuiPopover`'s `hasDragDrop` prop. Use `EuiDraggable`'s new
`usePortal` prop instead.
([#8048](https://github.com/elastic/eui/pull/8048))

**Breaking changes**

- Removed the following exported `.css` files:
([#8045](https://github.com/elastic/eui/pull/8045))
  - `@elastic/eui/dist/eui_theme_light.css`
  - `@elastic/eui/dist/eui_theme_light.min.css`
  - `@elastic/eui/dist/eui_theme_dark.css`
  - `@elastic/eui/dist/eui_theme_dark.min.css`
- All EUI components are now on CSS-in-JS. A CSS file/import in
consuming applications is no longer needed, and is safe to remove.
([#8045](https://github.com/elastic/eui/pull/8045))
- Removed all `src/theme/legacy` Sass exports
([#8054](https://github.com/elastic/eui/pull/8054))

**CSS-in-JS conversions**

- Removed the following component-specific Sass variables:
([#8031](https://github.com/elastic/eui/pull/8031))
  - `$euiButtonColorDisabled`
  - `$euiButtonColorDisabledText`
  - `$euiButtonColorGhostDisabled`
  - `$euiButtonFontWeight`
  - `$euiFormControlIconSizes`
  - `$euiFormControlLayoutGroupInputHeight`
  - `$euiFormControlLayoutGroupInputCompressedHeight`
  - `$euiFormControlLayoutGroupInputCompressedBorderRadius`
  - `$euiPageSidebarMinWidth`
  - `$euiPageDefaultMaxWidth`
  - `$euiPanelPaddingModifiers`
  - `$euiPanelBorderRadiusModifiers`
  - `$euiPanelBackgroundColorModifiers`
  - `$euiRangeTrackColor`
  - `$euiRangeHighlightColor`
  - `$euiRangeThumbHeight`
  - `$euiRangeThumbWidth`
  - `$euiRangeThumbBorderColor`
  - `$euiRangeThumbBackgroundColor`
  - `$euiRangeTrackWidth`
  - `$euiRangeTrackHeight`
  - `$euiRangeTrackCompressedHeight`
  - `$euiRangeTrackBorderWidth`
  - `$euiRangeTrackBorderColor`
  - `$euiRangeTrackRadius`
  - `$euiRangeDisabledOpacity`
  - `$euiRangeHighlightHeight`
  - `$euiRangeHighlightCompressedHeight`
  - `$euiRangeHeight`
  - `$euiRangeCompressedHeight`
  - `$euiTooltipAnimations`
  - `$euiTooltipBackgroundColor`
  - `$euiTooltipBorderColor`
- Removed the following Sass mixins due to low external usage:
([#8031](https://github.com/elastic/eui/pull/8031))
  - `euiHoverState`
  - `euiFocusState`
  - `euiDisabledState`
  - `euiInteractiveStates`
  - `euiFormControlStyle`
  - `euiFormControlStyleCompressed`
  - `euiFormControlFocusStyle`
  - `euiFormControlInvalidStyle`
  - `euiFormControlDisabledTextStyle`
  - `euiFormControlDisabledStyle`
  - `euiFormControlReadOnlyStyle`
  - `euiFormControlText`
  - `euiFormControlSize`
  - `euiFormControlGradient`
  - `euiFormControlLayoutPadding`
  - `euiFormControlWithIcon`
  - `euiFormControlIsLoading`
  - `euiFormControlSideBorderRadius`
  - `euiPlaceholderPerBrowser`
  - `euiHiddenSelectableInput`
  - `euiLink`
  - `euiLoadingSpinnerBorderColors`
  - `euiRangeTrackSize`
  - `euiRangeTrackPerBrowser`
  - `euiRangeThumbBorder`
  - `euiRangeThumbBoxShadow`
  - `euiRangeThumbFocusBoxShadow`
  - `euiRangeThumbStyle`
  - `euiRangeThumbPerBrowser`
  - `euiRangeThumbFocus`
  - `euiToolTipAnimation`

## [`v96.1.0`](https://github.com/elastic/eui/releases/v96.1.0)

**CSS-in-JS conversions**

- Removed the following component-specific Sass mixins:
([#8055](https://github.com/elastic/eui/pull/8055))
  - `euiButton`
  - `euiButtonBase`
  - `euiButtonFocus`
  - `euiButtonContent`
  - `euiButtonContentDisabled`
  - `euiButtonDefaultStyle`
  - `euiButtonFillStyle`
  - `euiPanel`
  - `euiFormControlDefaultShadow`
  - `euiToolTipTitle`
This commit is contained in:
Cee Chen 2024-10-04 10:53:45 -07:00 • committed by GitHub
parent d3f3d34519
commit 19e37bf5c5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 230 additions and 244 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -117,7 +117,7 @@
"@elastic/ecs": "^8.11.1",
"@elastic/elasticsearch": "^8.15.0",
"@elastic/ems-client": "8.5.3",
"@elastic/eui": "95.12.0-backport.0",
"@elastic/eui": "96.1.0",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

352
packages/kbn-securitysolution-exception-list-components/src/list_header/__snapshots__/list_header.test.tsx.snap generated
View file

@ -45,10 +45,10 @@ exports[`ExceptionListHeader should render edit modal 1`] = `
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"
@ -146,71 +146,67 @@ exports[`ExceptionListHeader should render edit modal 1`] = `
</div>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row-euiPageHeaderContent__rightSideItems"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row"
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<button
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-fill-primary"
data-test-subj="RightSideMenuItemsLinkRulesButton"
type="button"
>
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<button
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-fill-primary"
data-test-subj="RightSideMenuItemsLinkRulesButton"
type="button"
class="emotion-euiButtonDisplayContent"
>
<span
class="emotion-euiButtonDisplayContent"
class="eui-textTruncate"
>
<span
class="eui-textTruncate"
>
Link rules
</span>
Link rules
</span>
</button>
</div>
</span>
</button>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
>
<div
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-primary"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
type="button"
>
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-primary"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
</div>
</div>
@ -269,10 +265,10 @@ exports[`ExceptionListHeader should render the List Header with name, default de
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"
@ -370,71 +366,67 @@ exports[`ExceptionListHeader should render the List Header with name, default de
</div>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row-euiPageHeaderContent__rightSideItems"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row"
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<button
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-fill-primary"
data-test-subj="RightSideMenuItemsLinkRulesButton"
type="button"
>
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<button
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-fill-primary"
data-test-subj="RightSideMenuItemsLinkRulesButton"
type="button"
class="emotion-euiButtonDisplayContent"
>
<span
class="emotion-euiButtonDisplayContent"
class="eui-textTruncate"
>
<span
class="eui-textTruncate"
>
Link rules
</span>
Link rules
</span>
</button>
</div>
</span>
</button>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
>
<div
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-primary"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
type="button"
>
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-primary"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
</div>
</div>
@ -493,10 +485,10 @@ exports[`ExceptionListHeader should render the List Header with name, default de
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"
@ -566,72 +558,68 @@ exports[`ExceptionListHeader should render the List Header with name, default de
</div>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row-euiPageHeaderContent__rightSideItems"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row"
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<button
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-fill-primary"
data-test-subj="RightSideMenuItemsLinkRulesButton"
type="button"
>
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<button
class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-fill-primary"
data-test-subj="RightSideMenuItemsLinkRulesButton"
type="button"
class="emotion-euiButtonDisplayContent"
>
<span
class="emotion-euiButtonDisplayContent"
class="eui-textTruncate"
>
<span
class="eui-textTruncate"
>
Link rules
</span>
Link rules
</span>
</button>
</div>
</span>
</button>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
>
<div
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-disabled-isDisabled"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
disabled=""
type="button"
>
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-disabled-isDisabled"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
disabled=""
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
</div>
</div>
@ -690,10 +678,10 @@ exports[`ExceptionListHeader should render the List Header with name, default de
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"
@ -763,52 +751,48 @@ exports[`ExceptionListHeader should render the List Header with name, default de
</div>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row-euiPageHeaderContent__rightSideItems"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row"
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-center-baseline-row"
data-test-subj="RightSideMenuItemsContainer"
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
>
<span
class="emotion-EuiTextColor"
data-test-subj="noLinkedRules"
>
Linked to 0 rules
</span>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
>
<div
class="euiPopover emotion-euiPopover-inline-block"
data-test-subj="RightSideMenuItemsMenuActionsItems"
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-primary"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
type="button"
>
<button
aria-label="Header menu Button Icon"
class="euiButtonIcon emotion-euiButtonIcon-xs-empty-primary"
data-test-subj="RightSideMenuItemsMenuActionsButtonIcon"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
</button>
</div>
</div>
</div>

9
packages/kbn-test/src/jest/setup/emotion.js
View file

@ -29,5 +29,14 @@ console.error = (message, ...rest) => {
) {
return;
}
// @see https://github.com/jsdom/jsdom/issues/2177
// JSDOM doesn't yet know how to parse @container CSS queries -
// all we can do is silence its errors for now
if (
typeof message === 'object' &&
message?.message?.startsWith('Could not parse CSS stylesheet')
) {
return;
}
consoleError(message, ...rest);
};

14
packages/shared-ux/page/kibana_template/impl/src/__snapshots__/page_template.test.tsx.snap generated
View file

@ -18,10 +18,10 @@ exports[`KibanaPageTemplate render basic template 1`] = `
style="max-width:1200px"
>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<div
class="euiText emotion-euiText-constrainedWidth-m"
@ -32,16 +32,12 @@ exports[`KibanaPageTemplate render basic template 1`] = `
</div>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row-euiPageHeaderContent__rightSideItems"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row"
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
>
test
</div>
test
</div>
</div>
</div>

2
src/dev/license_checker/config.ts
View file

@ -87,7 +87,7 @@ export const LICENSE_OVERRIDES = {
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
'@elastic/ems-client@8.5.3': ['Elastic License 2.0'],
'@elastic/eui@95.12.0-backport.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
'@elastic/eui@96.1.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@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)

70
src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap generated
View file

@ -8,10 +8,10 @@ exports[`Intro component renders correctly 1`] = `
class="euiPageHeaderContent emotion-euiPageHeaderContent-border-l"
>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"
@ -20,50 +20,46 @@ exports[`Intro component renders correctly 1`] = `
</h1>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row-euiPageHeaderContent__rightSideItems"
>
<div
class="euiFlexGroup emotion-euiFlexGroup-wrap-l-flexStart-stretch-row"
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
<button
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-base-danger"
data-test-subj="savedObjectEditDelete"
type="button"
>
<button
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-base-danger"
data-test-subj="savedObjectEditDelete"
type="button"
<span
class="emotion-euiButtonDisplayContent"
>
<span
class="emotion-euiButtonDisplayContent"
>
<span
color="inherit"
data-euiicon-type="trash"
/>
Delete
</span>
</button>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
color="inherit"
data-euiicon-type="trash"
/>
Delete
</span>
</button>
</div>
<div
class="euiFlexItem emotion-euiFlexItem-growZero"
>
<a
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-base-primary"
data-test-subj="savedObjectEditViewInApp"
href="/some-url"
rel="noreferrer"
>
<a
class="euiButton emotion-euiButtonDisplay-s-defaultMinWidth-base-primary"
data-test-subj="savedObjectEditViewInApp"
href="/some-url"
rel="noreferrer"
<span
class="emotion-euiButtonDisplayContent"
>
<span
class="emotion-euiButtonDisplayContent"
>
<span
color="inherit"
data-euiicon-type="eye"
/>
View saved object
</span>
</a>
</div>
color="inherit"
data-euiicon-type="eye"
/>
View saved object
</span>
</a>
</div>
</div>
</div>

1
src/plugins/unified_search/public/filters_builder/filter_item/filter_item.tsx
View file

@ -251,6 +251,7 @@ export function FilterItem({
hasInteractiveChildren={true}
disableInteractiveElementBlocking
className={cx(disabledDraggableCss)}
usePortal
>
{(provided) => (
<EuiFlexGroup

1
src/plugins/unified_search/public/query_string_input/add_filter_popover.tsx
View file

@ -93,7 +93,6 @@ const AddFilterPopoverComponent = React.memo(function AddFilterPopover({
initialFocus=".filterEditor__hiddenItem"
ownFocus
repositionOnScroll
hasDragDrop
>
<FilterEditorWrapper
indexPatterns={indexPatterns}

1
src/plugins/unified_search/public/query_string_input/query_bar_menu.tsx
View file

@ -267,7 +267,6 @@ function QueryBarMenuComponent({
anchorPosition="downLeft"
repositionOnScroll
data-test-subj="queryBarMenuPopover"
hasDragDrop
>
{renderComponent()}
</EuiPopover>

2
x-pack/plugins/cases/public/components/all_cases/columns_popover.tsx
View file

@ -98,7 +98,6 @@ export const ColumnsPopover: React.FC<Props> = ({
closePopover={closePopover}
panelPaddingSize="s"
anchorPosition="leftUp"
hasDragDrop
zIndex={0}
data-test-subj="column-selection-popover"
button={
@ -158,6 +157,7 @@ export const ColumnsPopover: React.FC<Props> = ({
css={{ height: euiTheme.size.xl, paddingLeft: euiTheme.size.base }}
customDragHandle
hasInteractiveChildren
usePortal
>
{(provided) => (
<EuiFlexGroup alignItems="center" gutterSize="m" justifyContent="spaceBetween">

8
x-pack/plugins/license_management/__jest__/__snapshots__/license_page_header.test.js.snap generated
View file

@ -9,10 +9,10 @@ Array [
class="euiPageHeaderContent emotion-euiPageHeaderContent-border-l"
>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"
@ -62,10 +62,10 @@ Array [
class="euiPageHeaderContent emotion-euiPageHeaderContent-border-l"
>
<div
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-l-flexStart-stretch-row"
class="euiFlexGroup euiPageHeaderContent__top emotion-euiFlexGroup-responsive-wrap-l-flexStart-stretch-row-euiPageHeaderContent__top"
>
<div
class="euiFlexItem emotion-euiFlexItem-grow-1"
class="euiFlexItem emotion-euiFlexItem-grow-2-euiPageHeaderContent__leftSideItems"
>
<h1
class="euiTitle emotion-euiTitle-l"

4
x-pack/plugins/ml/public/application/components/chart_tooltip/_chart_tooltip.scss
View file

@ -13,8 +13,10 @@
}
&__header {
@include euiToolTipTitle;
font-weight: $euiFontWeightBold;
padding: $euiSizeXS ($euiSizeXS * 2);
margin-bottom: $euiSizeXS;
border-bottom: $euiBorderThin solid transparentize($euiBorderColor, .8);
}
&__item {

8
yarn.lock
View file

@ -1741,10 +1741,10 @@
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
"@elastic/eui@95.12.0-backport.0":
version "95.12.0-backport.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-95.12.0-backport.0.tgz#de862ded9f23053b24e1f1939de1ff8f8109be60"
integrity sha512-hqhqWdAGw5tQwWTP/hn2VoM8YQE2k9IdMmGh0RdkG+JcD1GZySvSDWdTQgr9iA4/XaulJp9R3OenwDjkLLmjPw==
"@elastic/eui@96.1.0":
version "96.1.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-96.1.0.tgz#cd75f2a7a2ca07df6fb8f9af985dff3f05172fb6"
integrity sha512-LmB92xr704Dfth9UnxCOm4b63lghb/7svXsnd0zcbSQA/BPqktUm1evZjWYIWFIek5D4JI4dmM+ygXLWdKSM+Q==
dependencies:
"@hello-pangea/dnd" "^16.6.0"
"@types/lodash" "^4.14.202"