github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Bumping EUI to v60.1.2. (#135373)

Browse source 
* Bumping EUI to v60.1.0.

* Bumping to bugfixed v60.1.1.

* Updating snapshots for EUI Emotion changes.

* Updating a theme icon size declaration.

* Updating tests for Emotion and new EUI theme objects.

* Updating Lens drag and drop to account for Emotion wrapper.
* Updating icon size in EUI theme object for test.
* Updating Lens Editor Frame test to assert 1 click instead of 2.

* Updating two Jest tests for Emotion extra wrapper.

* Changing a Cypress selector for Emotion classnames.

* Update removed EuiIcon classes

-isLoaded was deprecated in favor of data-attrs - hook should still work

* Remove static EuiIcon classes from static SVG

- these classNames no longer output meaningful CSS and should not be used

* Fix theme JSON imports not to rely on any iconSizes keys

- (which will soon be deprecated by Emotion conversion)
- use the generic euiSizes instead, which will likely be the last to be deprecated

* Fix one more euiIcon-isLoaded className change

- we should be using the `data-is-loaded` attribute that it was switched to

* Bumping EUI to 60.1.2 patch release.

* Updating Storyshots for EUI 60.1.2.

* Removing two assertions from instances_table.spec to match localhost instance UI.

Co-authored-by: Constance Chen <constance.chen@elastic.co>
Co-authored-by: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Trevor Pierce 2022-07-11 16:33:16 -05:00 • committed by GitHub
parent a2234a03e9
commit e21e5069a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 530 additions and 209 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -108,7 +108,7 @@
"@elastic/datemath": "5.0.3",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.3.0-canary.1",
"@elastic/ems-client": "8.3.3",
"@elastic/eui": "60.0.0",
"@elastic/eui": "60.1.2",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

170
packages/shared-ux/button/exit_full_screen/src/__snapshots__/exit_full_screen_button.test.tsx.snap generated
View file

@ -46,9 +46,92 @@ exports[`<ExitFullScreenButton /> with kibana services is rendered 1`] = `
<EuiScreenReaderOnly>
<p
aria-live="polite"
className="euiScreenReaderOnly"
css="unknown styles"
key="null"
>
In full screen mode, press ESC to exit.
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"4rqdyn-euiScreenReaderOnly": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 1,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": undefined,
"name": "4rqdyn-euiScreenReaderOnly",
"next": undefined,
"styles": ";
// Take the element out of the layout
position: absolute;
// Keep it vertically inline
top: auto;
// Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
left: -10000px;
// The element must have a size (for some screen readers)
width: 1px;
height: 1px;
// But reduce the visible size to nothing
clip: rect(0 0 0 0);
clip-path: inset(50%);
// And ensure no overflows occur
overflow: hidden;
// Chrome requires the negative margin to not cause overflows of parent containers
margin: -1px;
;label:euiScreenReaderOnly;;;;",
"toString": [Function],
}
}
/>
<p
aria-live="polite"
className="emotion-euiScreenReaderOnly"
>
In full screen mode, press ESC to exit.
</p>
</p>
</EuiScreenReaderOnly>
<button
@ -164,9 +247,88 @@ exports[`<ExitFullScreenButton /> with manual services is rendered 1`] = `
<EuiScreenReaderOnly>
<p
aria-live="polite"
className="euiScreenReaderOnly"
css="unknown styles"
key="null"
>
In full screen mode, press ESC to exit.
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"4rqdyn-euiScreenReaderOnly": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 1,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": undefined,
"name": "4rqdyn-euiScreenReaderOnly",
"next": undefined,
"styles": ";
// Take the element out of the layout
position: absolute;
// Keep it vertically inline
top: auto;
// Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
left: -10000px;
// The element must have a size (for some screen readers)
width: 1px;
height: 1px;
// But reduce the visible size to nothing
clip: rect(0 0 0 0);
clip-path: inset(50%);
// And ensure no overflows occur
overflow: hidden;
// Chrome requires the negative margin to not cause overflows of parent containers
margin: -1px;
;label:euiScreenReaderOnly;;;;",
"toString": [Function],
}
}
/>
<p
aria-live="polite"
className="emotion-euiScreenReaderOnly"
>
In full screen mode, press ESC to exit.
</p>
</p>
</EuiScreenReaderOnly>
<button

200
packages/shared-ux/button_toolbar/src/buttons/icon_button_group/__snapshots__/icon_button_group.test.tsx.snap generated
View file

@ -156,36 +156,15 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
>
<EuiScreenReaderOnly>
<legend
className="euiScreenReaderOnly"
>
Legend
</legend>
</EuiScreenReaderOnly>
<div
className="euiButtonGroup__buttons"
>
<EuiButtonGroupButton
aria-label="Text"
color="text"
css="unknown styles"
element="button"
iconType="visText"
id="generated-id0"
isDisabled={false}
isIconOnly={true}
key="0"
label="Text"
name="generated-id"
onChange={[Function]}
onClick={[MockFunction]}
size="m"
title="Text"
key="null"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"4rqdyn-euiScreenReaderOnly": true,
"iuv015-EuiButtonGroup": true,
},
"key": "css",
@ -198,6 +177,13 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>
<style
data-emotion="css"
data-s=""
@ -231,13 +217,179 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
data-styled-version="5.1.0"
/>
</head>,
"ctr": 4,
"ctr": 5,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>,
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup{}
</style>,
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6!important;}
</style>,
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup.euiButtonGroupButton:first-of-type{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important;}
</style>,
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup.euiButtonGroupButton:last-of-type{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;}
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": undefined,
"name": "4rqdyn-euiScreenReaderOnly",
"next": undefined,
"styles": ";
// Take the element out of the layout
position: absolute;
// Keep it vertically inline
top: auto;
// Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
left: -10000px;
// The element must have a size (for some screen readers)
width: 1px;
height: 1px;
// But reduce the visible size to nothing
clip: rect(0 0 0 0);
clip-path: inset(50%);
// And ensure no overflows occur
overflow: hidden;
// Chrome requires the negative margin to not cause overflows of parent containers
margin: -1px;
;label:euiScreenReaderOnly;;;;",
"toString": [Function],
}
}
/>
<legend
className="emotion-euiScreenReaderOnly"
>
Legend
</legend>
</legend>
</EuiScreenReaderOnly>
<div
className="euiButtonGroup__buttons"
>
<EuiButtonGroupButton
aria-label="Text"
color="text"
css="unknown styles"
element="button"
iconType="visText"
id="generated-id0"
isDisabled={false}
isIconOnly={true}
key="0"
label="Text"
name="generated-id"
onChange={[Function]}
onClick={[MockFunction]}
size="m"
title="Text"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"4rqdyn-euiScreenReaderOnly": true,
"iuv015-EuiButtonGroup": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {
"emotion-EuiButtonGroup": "&.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6 !important;&:first-of-type{border-top-left-radius:6px !important;border-bottom-left-radius:6px !important;}&:last-of-type{border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;}};;label:EuiButtonGroup;",
},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup{}
</style>
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6!important;}
</style>
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup.euiButtonGroupButton:first-of-type{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important;}
</style>
<style
data-emotion="css"
data-s=""
>
.emotion-EuiButtonGroup.euiButtonGroupButton:last-of-type{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;}
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 5,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
</style>,
<style
data-emotion="css"
data-s=""

8
packages/shared-ux/card/no_data/src/__snapshots__/no_data_card.test.tsx.snap generated
View file

@ -37,7 +37,7 @@ exports[`NoDataCard props button 1`] = `
rel="noreferrer"
>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Card title
</span>
@ -111,7 +111,7 @@ exports[`NoDataCard props extends EuiCardProps 1`] = `
rel="noreferrer"
>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Card title
</span>
@ -185,7 +185,7 @@ exports[`NoDataCard props href 1`] = `
rel="noreferrer"
>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Card title
</span>
@ -318,7 +318,7 @@ exports[`NoDataCard renders 1`] = `
rel="noreferrer"
>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Card title
</span>

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

@ -83,6 +83,6 @@ 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.3.3': ['Elastic License 2.0'],
'@elastic/eui@60.0.0': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@60.1.2': ['SSPL-1.0 OR Elastic License 2.0'],
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
};

8
src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap generated
View file

@ -265,7 +265,7 @@ Array [
tabindex="-1"
>
<caption
class="euiScreenReaderOnly euiTableCaption"
class="euiTableCaption emotion-euiScreenReaderOnly"
/>
<thead>
<tr>
@ -381,7 +381,7 @@ Array [
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
role="status"
>
Page 1 of 1
@ -610,7 +610,7 @@ Array [
tabindex="-1"
>
<caption
class="euiScreenReaderOnly euiTableCaption"
class="euiTableCaption emotion-euiScreenReaderOnly"
/>
<thead>
<tr>
@ -727,7 +727,7 @@ Array [
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
role="status"
>
Page 1 of 1

6
src/plugins/data_view_field_editor/public/components/field_format_editor/editors/url/__snapshots__/url.test.tsx.snap generated
View file

@ -185,7 +185,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -250,7 +250,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -303,7 +303,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
tabindex="-1"
>
<caption
class="euiScreenReaderOnly euiTableCaption"
class="euiTableCaption emotion-euiScreenReaderOnly"
/>
<thead>
<tr>

2
src/plugins/kibana_react/public/exit_full_screen_button/__snapshots__/exit_full_screen_button.test.tsx.snap generated
View file

@ -4,7 +4,7 @@ exports[`<ExitFullScreenButton /> is rendered 1`] = `
<div>
<p
aria-live="polite"
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
In full screen mode, press ESC to exit.
</p>

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

@ -38,7 +38,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -87,7 +87,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -136,7 +136,7 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -183,7 +183,7 @@ exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

4
x-pack/plugins/apm/ftr_e2e/cypress/integration/read_only_user/service_overview/instances_table.spec.ts
View file

@ -108,8 +108,8 @@ describe('Instances table', () => {
).click();
cy.contains('Pod logs');
cy.contains('Pod metrics');
cy.contains('Container logs');
cy.contains('Container metrics');
// cy.contains('Container logs');
// cy.contains('Container metrics');
cy.contains('Filter overview by instance');
cy.contains('Metrics');
});

2
x-pack/plugins/apm/public/components/shared/span_icon/icons/elasticsearch.svg
View file

@ -1 +1 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="euiIcon euiIcon--xLarge euiIcon-isLoaded" focusable="false" role="img" aria-hidden="true"><g fill="black" fill-rule="evenodd"><path class="euiIcon__fillNegative" d="M2 16c0 1.384.194 2.72.524 4H22a4 4 0 000-8H2.524A15.984 15.984 0 002 16"></path><path fill="#FEC514" d="M28.924 7.662A15.381 15.381 0 0030.48 6C27.547 2.346 23.05 0 18 0 11.679 0 6.239 3.678 3.644 9H25.51a5.039 5.039 0 003.413-1.338"></path><path fill="#00BFB3" d="M25.51 23H3.645C6.24 28.323 11.679 32 18 32c5.05 0 9.547-2.346 12.48-6a15.381 15.381 0 00-1.556-1.662A5.034 5.034 0 0025.51 23"></path></g></svg>
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" focusable="false" role="img" aria-hidden="true"><g fill="black" fill-rule="evenodd"><path class="euiIcon__fillNegative" d="M2 16c0 1.384.194 2.72.524 4H22a4 4 0 000-8H2.524A15.984 15.984 0 002 16"></path><path fill="#FEC514" d="M28.924 7.662A15.381 15.381 0 0030.48 6C27.547 2.346 23.05 0 18 0 11.679 0 6.239 3.678 3.644 9H25.51a5.039 5.039 0 003.413-1.338"></path><path fill="#00BFB3" d="M25.51 23H3.645C6.24 28.323 11.679 32 18 32c5.05 0 9.547-2.346 12.48-6a15.381 15.381 0 00-1.556-1.662A5.034 5.034 0 0025.51 23"></path></g></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 667 B

After

Width:  |  Height:  |  Size: 618 B

Before After
Before After

8
x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot generated
View file

@ -156,9 +156,9 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
<progress
aria-hidden={false}
aria-labelledby="CanvasAssetManagerLabel"
className="euiProgress euiProgress--native euiProgress--s euiProgress--success"
className="euiProgress emotion-euiProgress-native-s-static-success"
max={25000}
style={null}
style={Object {}}
value={0}
/>
</div>
@ -676,9 +676,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<progress
aria-hidden={false}
aria-labelledby="CanvasAssetManagerLabel"
className="euiProgress euiProgress--native euiProgress--s euiProgress--success"
className="euiProgress emotion-euiProgress-native-s-static-success"
max={25000}
style={null}
style={Object {}}
value={2}
/>
</div>

4
x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/workpad_table.stories.storyshot generated
View file

@ -177,7 +177,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
tabIndex={-1}
>
<caption
className="euiScreenReaderOnly euiTableCaption"
className="euiTableCaption emotion-euiScreenReaderOnly"
/>
<thead>
<tr>
@ -922,7 +922,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
<span
aria-atomic="true"
aria-relevant="additions text"
className="euiScreenReaderOnly"
className="emotion-euiScreenReaderOnly"
role="status"
>
Page 1 of 1

8
x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot generated
View file

@ -217,7 +217,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
disabled={false}
>
<legend
className="euiScreenReaderOnly"
className="emotion-euiScreenReaderOnly"
>
Style options
</legend>
@ -331,7 +331,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
disabled={false}
>
<legend
className="euiScreenReaderOnly"
className="emotion-euiScreenReaderOnly"
>
Alignment options
</legend>
@ -677,7 +677,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
disabled={false}
>
<legend
className="euiScreenReaderOnly"
className="emotion-euiScreenReaderOnly"
>
Style options
</legend>
@ -791,7 +791,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
disabled={false}
>
<legend
className="euiScreenReaderOnly"
className="emotion-euiScreenReaderOnly"
>
Alignment options
</legend>

14
x-pack/plugins/canvas/public/components/tool_tip_shortcut/__stories__/__snapshots__/tool_tip_shortcut.stories.storyshot generated
View file

@ -11,7 +11,7 @@ exports[`Storyshots components/ToolTipShortcut with alt 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
⌥ + P
@ -30,7 +30,7 @@ exports[`Storyshots components/ToolTipShortcut with cmd 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
⌘ + D
@ -49,7 +49,7 @@ exports[`Storyshots components/ToolTipShortcut with down arrow 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
⌘ + SHIFT + ↓
@ -68,7 +68,7 @@ exports[`Storyshots components/ToolTipShortcut with left arrow 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
←
@ -87,7 +87,7 @@ exports[`Storyshots components/ToolTipShortcut with right arrow 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
→
@ -106,7 +106,7 @@ exports[`Storyshots components/ToolTipShortcut with shortcut 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
G
@ -125,7 +125,7 @@ exports[`Storyshots components/ToolTipShortcut with up arrow 1`] = `
}
>
<div
className="emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
className="euiText emotion-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
⌘ + SHIFT + ↑

2
x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot generated
View file

@ -157,7 +157,7 @@ Array [
disabled={false}
>
<legend
className="euiScreenReaderOnly"
className="emotion-euiScreenReaderOnly"
>
Boolean value
</legend>

10
x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__snapshots__/settings.test.tsx.snap generated
View file

@ -20,7 +20,7 @@ exports[`<Settings /> can navigate Autoplay Settings 1`] = `
style="left: 10px; top: 0px;"
/>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
id="generated-id"
>
You are in a dialog. To close this dialog, hit escape.
@ -119,7 +119,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
style="left: 10px; top: 0px;"
/>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
id="generated-id"
>
You are in a dialog. To close this dialog, hit escape.
@ -371,7 +371,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 1`] =
style="left: 10px; top: 0px;"
/>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
id="generated-id"
>
You are in a dialog. To close this dialog, hit escape.
@ -470,7 +470,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
style="left: 10px; top: 0px;"
/>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
id="generated-id"
>
You are in a dialog. To close this dialog, hit escape.
@ -655,7 +655,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] =
style="left: 10px; top: 0px;"
/>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
id="generated-id"
>
You are in a dialog. To close this dialog, hit escape.

2
x-pack/plugins/lens/public/drag_drop/__snapshots__/drag_drop.test.tsx.snap generated
View file

@ -44,7 +44,7 @@ exports[`DragDrop renders if nothing is being dragged 1`] = `
<button
aria-describedby="lnsDragDrop-keyboardInstructions"
aria-label="hello"
class="euiScreenReaderOnly--showOnFocus lnsDragDrop__keyboardHandler"
class="lnsDragDrop__keyboardHandler emotion-euiScreenReaderOnly"
data-test-subj="lnsDragDrop-keyboardHandler"
/>
<button

34
x-pack/plugins/lens/public/drag_drop/drag_drop.test.tsx
View file

@ -412,7 +412,7 @@ describe('DragDrop', () => {
);
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('focus');
keyboardHandler.simulate('keydown', { key: 'ArrowRight' });
@ -452,7 +452,7 @@ describe('DragDrop', () => {
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('focus');
keyboardHandler.simulate('keydown', { key: 'Enter' });
@ -805,7 +805,7 @@ describe('DragDrop', () => {
))}
</ChildDragDropProvider>
);
component.find('[data-test-subj="lnsDragDrop-keyboardHandler"]').first().simulate('focus');
component.find('[data-test-subj="lnsDragDrop-keyboardHandler"]').at(1).simulate('focus');
act(() => {
jest.runAllTimers();
});
@ -838,7 +838,7 @@ describe('DragDrop', () => {
act(() => {
component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('keydown', { key: 'ArrowRight', altKey: true });
});
expect(setActiveDropTarget).toBeCalledWith({
@ -849,7 +849,7 @@ describe('DragDrop', () => {
act(() => {
component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('keydown', { key: 'ArrowRight', shiftKey: true });
});
expect(setActiveDropTarget).toBeCalledWith({
@ -884,7 +884,7 @@ describe('DragDrop', () => {
act(() => {
component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('keydown', { key: 'Alt' });
});
expect(setActiveDropTarget).toBeCalledWith({
@ -895,7 +895,7 @@ describe('DragDrop', () => {
act(() => {
component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('keyup', { key: 'Alt' });
});
expect(setActiveDropTarget).toBeCalledWith({
@ -930,7 +930,7 @@ describe('DragDrop', () => {
act(() => {
component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('keydown', { key: 'Shift' });
});
@ -942,7 +942,7 @@ describe('DragDrop', () => {
act(() => {
component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('keyup', { key: 'Shift' });
});
expect(setActiveDropTarget).toBeCalledWith({
@ -1161,7 +1161,7 @@ describe('DragDrop', () => {
});
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first();
.at(1);
keyboardHandler.simulate('keydown', { key: 'Space' });
keyboardHandler.simulate('keydown', { key: 'ArrowUp' });
@ -1189,7 +1189,7 @@ describe('DragDrop', () => {
});
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.first()
.at(1)
.simulate('focus');
act(() => {
@ -1207,7 +1207,9 @@ describe('DragDrop', () => {
{ dragging: { ...items[0] }, setA11yMessage },
onDropHandler
);
const keyboardHandler = component.find('[data-test-subj="lnsDragDrop-keyboardHandler"]');
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.at(1);
keyboardHandler.simulate('keydown', { key: 'Space' });
keyboardHandler.simulate('keydown', { key: 'Escape' });
act(() => {
@ -1242,7 +1244,9 @@ describe('DragDrop', () => {
setA11yMessage,
});
const keyboardHandler = component.find('[data-test-subj="lnsDragDrop-keyboardHandler"]');
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.at(1);
keyboardHandler.simulate('keydown', { key: 'Space' });
keyboardHandler.simulate('keydown', { key: 'ArrowDown' });
@ -1318,7 +1322,9 @@ describe('DragDrop', () => {
</ReorderProvider>
</ChildDragDropProvider>
);
const keyboardHandler = component.find('[data-test-subj="lnsDragDrop-keyboardHandler"]');
const keyboardHandler = component
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.at(1);
keyboardHandler.simulate('keydown', { key: 'Space' });
keyboardHandler.simulate('keydown', { key: 'ArrowUp' });

1
x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/layer_panel.test.tsx
View file

@ -829,6 +829,7 @@ describe('LayerPanel', () => {
.find(DragDrop)
.at(1)
.find('[data-test-subj="lnsDragDrop-keyboardHandler"]')
.at(1)
.instance();
const focusedEl = document.activeElement;
expect(focusedEl).toEqual(secondButton);

2
x-pack/plugins/lens/public/editor_frame_service/editor_frame/editor_frame.test.tsx
View file

@ -728,7 +728,7 @@ describe('editor_frame', () => {
instance.find('[data-test-subj="lnsSuggestion"]').at(2).simulate('click');
});
expect(mockVisualization.getConfiguration).toHaveBeenCalledTimes(2);
expect(mockVisualization.getConfiguration).toHaveBeenCalledTimes(1);
expect(mockVisualization.getConfiguration).toHaveBeenLastCalledWith(
expect.objectContaining({
state: suggestionVisState,

2
x-pack/plugins/lens/public/indexpattern_datasource/datapanel.test.tsx
View file

@ -781,7 +781,7 @@ describe('IndexPattern Data Panel', () => {
.first()
.simulate('click');
expect(wrapper.find('[aria-live="polite"]').text()).toEqual(
expect(wrapper.find('[aria-live="polite"]').at(1).text()).toEqual(
'1 available field. 1 empty field. 0 meta fields.'
);
});

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

@ -37,7 +37,7 @@ exports[`RequestTrialExtension component should display when enterprise license
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -109,7 +109,7 @@ exports[`RequestTrialExtension component should display when license is active a
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -181,7 +181,7 @@ exports[`RequestTrialExtension component should display when license is not acti
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -253,7 +253,7 @@ exports[`RequestTrialExtension component should display when platinum license is
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

6
x-pack/plugins/license_management/__jest__/__snapshots__/revert_to_basic.test.js.snap generated
View file

@ -37,7 +37,7 @@ exports[`RevertToBasic component should display when license is about to expire
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -107,7 +107,7 @@ exports[`RevertToBasic component should display when license is expired 1`] = `
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -177,7 +177,7 @@ exports[`RevertToBasic component should display when trial is active 1`] = `
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

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

@ -37,7 +37,7 @@ exports[`StartTrial component when trial is allowed display for basic license 1`
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -107,7 +107,7 @@ exports[`StartTrial component when trial is allowed should display for expired e
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -177,7 +177,7 @@ exports[`StartTrial component when trial is allowed should display for expired p
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -247,7 +247,7 @@ exports[`StartTrial component when trial is allowed should display for gold lice
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

2
x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/components/analytics_list/_analytics_table.scss
View file

@ -13,7 +13,7 @@
// Another override: Because an update to the table replaces the DOM, the same
// icon would still again fade in with an animation. If the table refreshes with
// e.g. 1s this would result in a blinking icon effect.
.euiIcon-isLoaded {
.euiIcon[data-is-loaded] {
animation: none !important;
}
}

4
x-pack/plugins/monitoring/public/components/no_data/__snapshots__/no_data.test.js.snap generated
View file

@ -6,7 +6,7 @@ exports[`NoData should show a default message if reason is unknown 1`] = `
data-test-subj="noDataContainer"
>
<h1
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
No monitoring data found.
</h1>
@ -101,7 +101,7 @@ exports[`NoData should show text next to the spinner while checking a setting 1`
data-test-subj="noDataContainer"
>
<h1
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
No monitoring data found.
</h1>

6
x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap generated
View file

@ -93,7 +93,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -113,7 +113,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -133,7 +133,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

6
x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap generated
View file

@ -164,7 +164,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -184,7 +184,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -204,7 +204,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

12
x-pack/plugins/monitoring/public/components/summary_status/__snapshots__/summary_status.test.js.snap generated
View file

@ -62,7 +62,7 @@ exports[`Summary Status Component should allow label to be optional 1`] = `
127.0.0.1:9300
</p>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
127.0.0.1:9300
</p>
@ -92,7 +92,7 @@ exports[`Summary Status Component should allow label to be optional 1`] = `
24.8k
</p>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Documents 24.8k
</p>
@ -138,7 +138,7 @@ exports[`Summary Status Component should allow status to be optional 1`] = `
173.9 GB
</p>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Free Disk Space 173.9 GB
</p>
@ -168,7 +168,7 @@ exports[`Summary Status Component should allow status to be optional 1`] = `
24.8k
</p>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Documents 24.8k
</p>
@ -242,7 +242,7 @@ exports[`Summary Status Component should render metrics in a summary bar 1`] = `
173.9 GB
</p>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Free Disk Space 173.9 GB
</p>
@ -272,7 +272,7 @@ exports[`Summary Status Component should render metrics in a summary bar 1`] = `
24.8k
</p>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Documents 24.8k
</p>

2
x-pack/plugins/security_solution/cypress/tasks/alerts.ts
View file

@ -65,7 +65,7 @@ export const closeAlerts = () => {
export const expandFirstAlertActions = () => {
cy.get(TIMELINE_CONTEXT_MENU_BTN).should('be.visible');
cy.get(TIMELINE_CONTEXT_MENU_BTN).find('svg').should('have.class', 'euiIcon-isLoaded');
cy.get(TIMELINE_CONTEXT_MENU_BTN).find('svg').should('have.attr', 'data-is-loaded');
cy.get(TIMELINE_CONTEXT_MENU_BTN).first().click({ force: true });
};

4
x-pack/plugins/security_solution/public/common/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap generated
View file

@ -183,7 +183,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe
tabindex="-1"
>
<caption
class="euiScreenReaderOnly euiTableCaption"
class="euiTableCaption emotion-euiScreenReaderOnly"
/>
<thead>
<tr>
@ -413,7 +413,7 @@ exports[`Authentication Host Table Component rendering it renders the host authe
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
role="status"
>
Page 1 of 5

4
x-pack/plugins/security_solution/public/common/components/authentication/__snapshots__/authentications_user_table.test.tsx.snap generated
View file

@ -183,7 +183,7 @@ exports[`Authentication User Table Component rendering it renders the user authe
tabindex="-1"
>
<caption
class="euiScreenReaderOnly euiTableCaption"
class="euiTableCaption emotion-euiScreenReaderOnly"
/>
<thead>
<tr>
@ -413,7 +413,7 @@ exports[`Authentication User Table Component rendering it renders the user authe
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
role="status"
>
Page 1 of 5

6
x-pack/plugins/security_solution/public/common/components/event_details/overview/__snapshots__/index.test.tsx.snap generated
View file

@ -146,7 +146,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
class="c6"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
You are in a dialog, containing options for field kibana.alert.workflow_status. Press tab to navigate options. Press escape to exit.
</p>
@ -215,7 +215,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
class="c6"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
You are in a dialog, containing options for field kibana.alert.risk_score. Press tab to navigate options. Press escape to exit.
</p>
@ -296,7 +296,7 @@ exports[`Event Details Overview Cards renders rows and spacers correctly 1`] = `
class="c6"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
You are in a dialog, containing options for field kibana.alert.rule.name. Press tab to navigate options. Press escape to exit.
</p>

4
x-pack/plugins/security_solution/public/management/components/artifact_entry_card/components/card_compressed_header.tsx
View file

@ -80,8 +80,8 @@ CardCompressedHeader.displayName = 'CardCompressedHeader';
const ButtonIconPlaceHolder = styled.div`
display: inline-block;
// Sizes below should match that of the Eui's Button Icon, so that it holds the same space.
width: ${({ theme }) => theme.eui.euiIconSizes.large};
height: ${({ theme }) => theme.eui.euiIconSizes.large};
width: ${({ theme }) => theme.eui.euiSizeL};
height: ${({ theme }) => theme.eui.euiSizeL};
`;
const StyledEuiFlexGroup = styled(EuiFlexGroup)`

4
x-pack/plugins/security_solution/public/management/components/back_to_external_app_button/back_to_external_app_button.tsx
View file

@ -19,8 +19,8 @@ const EuiButtonEmptyStyled = styled(EuiButtonEmpty)`
margin-bottom: ${({ theme }) => theme.eui.euiSizeS};
.euiIcon {
width: ${({ theme }) => theme.eui.euiIconSizes.small};
height: ${({ theme }) => theme.eui.euiIconSizes.small};
width: ${({ theme }) => theme.eui.euiSizeM};
height: ${({ theme }) => theme.eui.euiSizeM};
}
.text {

2
x-pack/plugins/security_solution/public/timelines/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap generated
View file

@ -330,7 +330,7 @@ exports[`Field Renderers #whoisRenderer it renders correctly against snapshot 1`
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

10
x-pack/plugins/security_solution/public/timelines/components/netflow/__snapshots__/index.test.tsx.snap generated
View file

@ -1176,7 +1176,7 @@ tr:hover .c3:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -2055,7 +2055,7 @@ tr:hover .c3:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -2522,7 +2522,7 @@ tr:hover .c3:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -2624,7 +2624,7 @@ tr:hover .c3:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -2726,7 +2726,7 @@ tr:hover .c3:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

2
x-pack/plugins/security_solution/public/timelines/components/side_panel/__snapshots__/index.test.tsx.snap generated
View file

@ -800,7 +800,7 @@ exports[`Details Panel Component DetailsPanel:NetworkDetails: rendering it shoul
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

138
x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap generated
View file

@ -274,7 +274,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
user.name
</p>
@ -307,7 +307,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -362,7 +362,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
process.name
</p>
@ -395,7 +395,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -459,7 +459,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
event.duration
</p>
@ -486,7 +486,7 @@ tr:hover .c5:focus::before {
</div>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -541,7 +541,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
event.start
</p>
@ -564,7 +564,7 @@ tr:hover .c5:focus::before {
</div>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -619,7 +619,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
event.end
</p>
@ -642,7 +642,7 @@ tr:hover .c5:focus::before {
</div>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -711,7 +711,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
network.direction
</p>
@ -744,7 +744,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -799,7 +799,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
network.protocol
</p>
@ -827,7 +827,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -882,7 +882,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
network.bytes
</p>
@ -903,7 +903,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -958,7 +958,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
network.packets
</p>
@ -979,7 +979,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1034,7 +1034,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
network.transport
</p>
@ -1062,7 +1062,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1117,7 +1117,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
network.community_id
</p>
@ -1145,7 +1145,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1247,7 +1247,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.ip
</p>
@ -1269,7 +1269,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1340,7 +1340,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.port
</p>
@ -1369,7 +1369,7 @@ tr:hover .c5:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -1378,7 +1378,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1451,7 +1451,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.geo.continent_name
</p>
@ -1466,7 +1466,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1529,7 +1529,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.geo.country_name
</p>
@ -1544,7 +1544,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1617,7 +1617,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.geo.country_iso_code
</p>
@ -1632,7 +1632,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1695,7 +1695,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.geo.region_name
</p>
@ -1710,7 +1710,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1773,7 +1773,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.geo.city_name
</p>
@ -1788,7 +1788,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1869,7 +1869,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.bytes
</p>
@ -1895,7 +1895,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -1958,7 +1958,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
source.packets
</p>
@ -1979,7 +1979,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2076,7 +2076,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.bytes
</p>
@ -2102,7 +2102,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2165,7 +2165,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.packets
</p>
@ -2186,7 +2186,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2291,7 +2291,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.ip
</p>
@ -2313,7 +2313,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2384,7 +2384,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.port
</p>
@ -2413,7 +2413,7 @@ tr:hover .c5:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -2422,7 +2422,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2495,7 +2495,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.geo.continent_name
</p>
@ -2510,7 +2510,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2573,7 +2573,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.geo.country_name
</p>
@ -2588,7 +2588,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2661,7 +2661,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.geo.country_iso_code
</p>
@ -2676,7 +2676,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2739,7 +2739,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.geo.region_name
</p>
@ -2754,7 +2754,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2817,7 +2817,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
destination.geo.city_name
</p>
@ -2832,7 +2832,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -2909,7 +2909,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
tls.fingerprints.ja3.hash
</p>
@ -2950,7 +2950,7 @@ tr:hover .c5:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -2966,7 +2966,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -3021,7 +3021,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
tls.client_certificate.fingerprint.sha1
</p>
@ -3062,7 +3062,7 @@ tr:hover .c5:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -3078,7 +3078,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>
@ -3133,7 +3133,7 @@ tr:hover .c5:focus::before {
tabindex="-1"
>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
tls.server_certificate.fingerprint.sha1
</p>
@ -3174,7 +3174,7 @@ tr:hover .c5:focus::before {
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>
@ -3190,7 +3190,7 @@ tr:hover .c5:focus::before {
</span>
</span>
<p
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly"
>
Press enter for options, or press space to begin dragging.
</p>

2
x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap generated
View file

@ -182,7 +182,7 @@ exports[`PingListExpandedRow renders link to docs if body is not recorded but it
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

2
x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap generated
View file

@ -78,7 +78,7 @@ Array [
External link
</span>
<span
class="euiScreenReaderOnly"
class="emotion-euiScreenReaderOnly-euiLink__screenReaderText"
>
(opens in a new tab or window)
</span>

8
yarn.lock
View file

@ -1504,10 +1504,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@60.0.0":
version "60.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-60.0.0.tgz#7b2cc45b4305abb0fb7081bd2adbd3ab41e55e8a"
integrity sha512-TLYttLSBrTw3QloXjRXrTkHZLSmTf3YNi0rakWslG25IkFkllY9yGSKjEUNBLHDDm0SfV9aBReM7Vc9Whzhw+g==
"@elastic/eui@60.1.2":
version "60.1.2"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-60.1.2.tgz#9a07aab77743866f6df40468a2acf4f39ea38152"
integrity sha512-99RZpuFLbButUUS3JTGyHSsiSkkm4bdraDV0K4hDrbQJ7Wss0l9aUdx2FhUgI4pNQ1v41EHRQYykP37J9nolxg==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"