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

Upgrade EUI to v60.0.0 (#134919)

Browse source 
* Upgrade EUI to v60.0.0

* reorganize style tag injection using EuiProvider.cache options

* Convert Jest snapshots for EUI Emotion classNames to a static `emotion-` prefix instead of a dynamic hash

- The goal of this is to reduce thrashing on downstream Kibana snapshots whenever EUI CSS changes

+ Add serializer to Canvas' storyshots tests as well

+ Switch several .html() snapshots to .render() - render uses the new serializer logic, but .html() does not and will still output CSS hashes, plus is more difficult to read

* Update downstream tests for EuiStat Emotion/className changes

* Fix WithEuiTheme(EuiAccordionClass) references

* Rename mounted snapshots of EuiButtonContent to EuiButtonContentDeprecated

* add emotion/cache to kbn-ui-shared-deps

* Fix non-rendering server-side Emotion CSS

* Fix failing Security Cypress test

- the Cypress query/command being used wasn't working correctly

Co-authored-by: Greg Thompson <thompson.glowe@gmail.com>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Constance 2022-06-28 11:23:59 -07:00 • committed by GitHub
parent 0b0b68786a
commit de20876b30
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
160 changed files with 3877 additions and 1164 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -109,7 +109,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": "59.0.1",
"@elastic/eui": "60.0.0",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

2
packages/core/base/core-base-common/src/eui.ts
View file

@ -6,4 +6,4 @@
* Side Public License, v 1.
*/
export const EUI_STYLES_GLOBAL = 'eui-styles-global';
export const EUI_STYLES_GLOBAL = 'eui-global';

2
packages/core/theme/core-theme-browser-internal/src/core_context_provider.tsx
View file

@ -26,7 +26,7 @@ export const CoreContextProvider: FC<CoreContextProviderProps> = ({
children,
globalStyles = false,
}) => {
// `globalStyles` default value is inverted from that of `EuiProvider`.
// `globalStyles` and `utilityClasses` default values are inverted from that of `EuiProvider`.
// Default to `false` (does not add EUI global styles) because more instances use that value.
// A value of `true` (does add EUI global styles) will have `EuiProvider` use its default value.
const includeGlobalStyles = globalStyles === false ? false : undefined;

18
packages/core/theme/core-theme-browser-internal/src/core_theme_provider.tsx
View file

@ -10,7 +10,7 @@ import React, { FC, useMemo } from 'react';
import { Observable } from 'rxjs';
import useObservable from 'react-use/lib/useObservable';
import createCache from '@emotion/cache';
import { EuiProvider, EuiProviderProps } from '@elastic/eui';
import { EuiProvider } from '@elastic/eui';
import { EUI_STYLES_GLOBAL } from '@kbn/core-base-common';
import type { CoreTheme } from '@kbn/core-theme-browser';
import { convertCoreTheme } from './convert_core_theme';
@ -21,13 +21,17 @@ const defaultTheme: CoreTheme = {
interface CoreThemeProviderProps {
theme$: Observable<CoreTheme>;
globalStyles?: EuiProviderProps<{}>['globalStyles'];
globalStyles?: boolean;
}
const emotionCache = createCache({
key: 'eui-styles',
const globalCache = createCache({
key: 'eui',
container: document.querySelector(`meta[name="${EUI_STYLES_GLOBAL}"]`) as HTMLElement,
});
const emotionCache = createCache({
key: 'css',
container: document.querySelector(`meta[name="emotion"]`) as HTMLElement,
});
emotionCache.compat = true;
/**
@ -41,12 +45,14 @@ export const CoreThemeProvider: FC<CoreThemeProviderProps> = ({
}) => {
const coreTheme = useObservable(theme$, defaultTheme);
const euiTheme = useMemo(() => convertCoreTheme(coreTheme), [coreTheme]);
const includeGlobalStyles = globalStyles === false ? false : undefined;
return (
<EuiProvider
globalStyles={globalStyles}
globalStyles={includeGlobalStyles}
utilityClasses={includeGlobalStyles}
colorMode={euiTheme.colorMode}
theme={euiTheme.euiThemeSystem}
cache={emotionCache}
cache={{ default: emotionCache, global: globalCache }}
>
{children}
</EuiProvider>

4
packages/kbn-shared-ux-components/src/page_template/__snapshots__/page_template.test.tsx.snap generated
View file

@ -22,7 +22,7 @@ exports[`KibanaPageTemplate render basic template 1`] = `
class="euiFlexItem"
>
<div
class="euiText css-j3htvy-euiText-constrainedWidth-m"
class="euiText emotion-euiText-constrainedWidth-m"
>
<p>
test
@ -46,7 +46,7 @@ exports[`KibanaPageTemplate render basic template 1`] = `
</div>
</header>
<div
class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone css-10ffim0-euiPanel-grow-none-plain"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-plain"
role="main"
>
<div

10
packages/kbn-storybook/src/lib/decorators.tsx
View file

@ -19,14 +19,18 @@ import 'core_styles';
*/
const EuiProviderDecorator: DecoratorFn = (storyFn, { globals }) => {
const colorMode = globals.euiTheme === 'v8.dark' ? 'dark' : 'light';
const globalCache = createCache({
key: 'eui',
container: document.querySelector(`meta[name="eui-global"]`) as HTMLElement,
});
const emotionCache = createCache({
key: 'eui-styles',
container: document.querySelector(`meta[name="eui-styles-global"]`) as HTMLElement,
key: 'css',
container: document.querySelector(`meta[name="emotion"]`) as HTMLElement,
});
emotionCache.compat = true;
return (
<EuiProvider colorMode={colorMode} cache={emotionCache}>
<EuiProvider colorMode={colorMode} cache={{ default: emotionCache, global: globalCache }}>
{storyFn()}
</EuiProvider>
);

5
packages/kbn-storybook/templates/index.ejs
View file

@ -13,7 +13,8 @@
<% } %>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="eui-styles-global" />
<meta name="eui-global" />
<!-- Added for Kibana shared dependencies -->
<script>
@ -25,6 +26,8 @@
<link id="eui-theme-css" href="kbn-ui-shared-deps-npm.v8.light.css" rel="stylesheet" />
<!-- -->
<meta name="emotion" />
<% if (typeof headHtmlSnippet !== 'undefined') { %> <%= headHtmlSnippet %> <% } %> <%
htmlWebpackPlugin.files.css.forEach(file => { %>
<link href="<%= file %>" rel="stylesheet" />

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

@ -7,11 +7,14 @@
*/
import { createSerializer } from '@emotion/jest';
import { replaceEmotionPrefix } from '@elastic/eui/lib/test';
module.exports = createSerializer({
classNameReplacer: (className) => className,
classNameReplacer: replaceEmotionPrefix,
includeStyles: false,
});
// NOTE: The above `createSerializer` needs to be repeated in canvas'
// `storyshots.test.tsx` file as well, as they do not use the kbn-test config
const consoleError = console.error;
console.error = (message, ...rest) => {

2
packages/kbn-ui-shared-deps-npm/BUILD.bazel
View file

@ -31,6 +31,7 @@ RUNTIME_DEPS = [
"@npm//@elastic/charts",
"@npm//@elastic/eui",
"@npm//@elastic/numeral",
"@npm//@emotion/cache",
"@npm//@emotion/react",
"@npm//babel-loader",
"@npm//core-js",
@ -68,6 +69,7 @@ TYPES_DEPS = [
"@npm//@elastic/charts",
"@npm//@elastic/eui",
"@npm//@elastic/numeral",
"@npm//@emotion/cache",
"@npm//@emotion/react",
"@npm//babel-loader",
"@npm//core-js",

1
packages/kbn-ui-shared-deps-src/src/definitions.js
View file

@ -34,6 +34,7 @@ const externals = {
'@kbn/ui-theme': '__kbnSharedDeps__.KbnUiTheme',
'@kbn/i18n': '__kbnSharedDeps__.KbnI18n',
'@kbn/i18n-react': '__kbnSharedDeps__.KbnI18nReact',
'@emotion/cache': '__kbnSharedDeps__.EmotionCache',
'@emotion/react': '__kbnSharedDeps__.EmotionReact',
jquery: '__kbnSharedDeps__.Jquery',
moment: '__kbnSharedDeps__.Moment',

1
packages/kbn-ui-shared-deps-src/src/entry.js
View file

@ -17,6 +17,7 @@ require('@kbn/flot-charts');
export const KbnUiTheme = require('@kbn/ui-theme');
export const KbnI18n = require('@kbn/i18n');
export const KbnI18nReact = require('@kbn/i18n-react');
export const EmotionCache = require('@emotion/cache');
export const EmotionReact = require('@emotion/react');
export const Moment = require('moment');
export const MomentTimezone = require('moment-timezone/moment-timezone');

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

@ -546,7 +546,7 @@ exports[`<ToolbarButton /> is rendered 1`] = `
}
type="button"
>
<EuiButtonContent
<EuiButtonContentDeprecated
className="euiButton__content"
iconSide="left"
iconType="folderOpen"
@ -578,7 +578,7 @@ exports[`<ToolbarButton /> is rendered 1`] = `
Add from library
</span>
</span>
</EuiButtonContent>
</EuiButtonContentDeprecated>
</button>
</EuiButtonDisplay>
</EuiButton>

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

@ -191,7 +191,7 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
"key": "css",
"nonce": undefined,
"registered": Object {
"css-iuv015-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;",
"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,
@ -203,28 +203,28 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
data-s=""
>
.css-iuv015-EuiButtonGroup{}
.emotion-EuiButtonGroup{}
</style>
<style
data-emotion="css"
data-s=""
>
.css-iuv015-EuiButtonGroup.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6!important;}
.emotion-EuiButtonGroup.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6!important;}
</style>
<style
data-emotion="css"
data-s=""
>
.css-iuv015-EuiButtonGroup.euiButtonGroupButton:first-of-type{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important;}
.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=""
>
.css-iuv015-EuiButtonGroup.euiButtonGroupButton:last-of-type{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;}
.emotion-EuiButtonGroup.euiButtonGroupButton:last-of-type{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;}
</style>
<style
data-styled="active"
@ -243,28 +243,28 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
data-s=""
>
.css-iuv015-EuiButtonGroup{}
.emotion-EuiButtonGroup{}
</style>,
<style
data-emotion="css"
data-s=""
>
.css-iuv015-EuiButtonGroup.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6!important;}
.emotion-EuiButtonGroup.euiButtonGroupButton{background-color:#FFF;border:1px solid #D3DAE6!important;}
</style>,
<style
data-emotion="css"
data-s=""
>
.css-iuv015-EuiButtonGroup.euiButtonGroupButton:first-of-type{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important;}
.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=""
>
.css-iuv015-EuiButtonGroup.euiButtonGroupButton:last-of-type{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;}
.emotion-EuiButtonGroup.euiButtonGroupButton:last-of-type{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important;}
</style>,
],
},
@ -283,7 +283,7 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
/>
<EuiButtonGroupButton
aria-label="Text"
className="css-iuv015-EuiButtonGroup"
className="emotion-EuiButtonGroup"
color="text"
element="button"
iconType="visText"
@ -300,7 +300,7 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
<EuiButtonDisplay
aria-label="Text"
baseClassName="euiButtonGroupButton"
className="euiButtonGroupButton-isIconOnly css-iuv015-EuiButtonGroup"
className="euiButtonGroupButton-isIconOnly emotion-EuiButtonGroup"
color="text"
data-test-subj="generated-id0"
element="button"
@ -324,7 +324,7 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
<button
aria-label="Text"
aria-pressed={false}
className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton-isIconOnly css-iuv015-EuiButtonGroup"
className="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton-isIconOnly emotion-EuiButtonGroup"
data-test-subj="generated-id0"
disabled={false}
id="generated-id"
@ -337,7 +337,7 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
title="Text"
type="button"
>
<EuiButtonContent
<EuiButtonContentDeprecated
className="euiButton__content"
iconSide="left"
iconType="visText"
@ -372,7 +372,7 @@ exports[`<IconButtonGroup /> is rendered 1`] = `
Text
</span>
</span>
</EuiButtonContent>
</EuiButtonContentDeprecated>
</button>
</EuiButtonDisplay>
</EuiButtonGroupButton>

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

@ -439,7 +439,7 @@ exports[`<ToolbarButton /> is rendered 1`] = `
}
type="button"
>
<EuiButtonContent
<EuiButtonContentDeprecated
className="euiButton__content"
iconSide="left"
textProps={
@ -457,7 +457,7 @@ exports[`<ToolbarButton /> is rendered 1`] = `
test
</span>
</span>
</EuiButtonContent>
</EuiButtonContentDeprecated>
</button>
</EuiButtonDisplay>
</EuiButton>

4
packages/shared-ux/button_toolbar/src/popover/__snapshots__/popover.test.tsx.snap generated
View file

@ -365,7 +365,7 @@ exports[`<ToolbarPopover /> is rendered 1`] = `
}
type="button"
>
<EuiButtonContent
<EuiButtonContentDeprecated
className="euiButton__content"
iconSide="left"
textProps={
@ -383,7 +383,7 @@ exports[`<ToolbarPopover /> is rendered 1`] = `
test
</span>
</span>
</EuiButtonContent>
</EuiButtonContentDeprecated>
</button>
</EuiButtonDisplay>
</EuiButton>

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

@ -3,7 +3,7 @@
exports[`NoDataCard props button 1`] = `
<div>
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -27,7 +27,7 @@ exports[`NoDataCard props button 1`] = `
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<a
@ -44,7 +44,7 @@ exports[`NoDataCard props button 1`] = `
</a>
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -77,7 +77,7 @@ exports[`NoDataCard props button 1`] = `
exports[`NoDataCard props extends EuiCardProps 1`] = `
<div>
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable custom_class css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable custom_class emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -101,7 +101,7 @@ exports[`NoDataCard props extends EuiCardProps 1`] = `
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<a
@ -118,7 +118,7 @@ exports[`NoDataCard props extends EuiCardProps 1`] = `
</a>
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -151,7 +151,7 @@ exports[`NoDataCard props extends EuiCardProps 1`] = `
exports[`NoDataCard props href 1`] = `
<div>
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -175,7 +175,7 @@ exports[`NoDataCard props href 1`] = `
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<a
@ -192,7 +192,7 @@ exports[`NoDataCard props href 1`] = `
</a>
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -225,7 +225,7 @@ exports[`NoDataCard props href 1`] = `
exports[`NoDataCard props no access to Fleet 1`] = `
<div>
<div
class="euiPanel euiPanel--subdued euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard-isDisabled css-97w5mt-euiPanel-grow-m-l-subdued-EuiCard"
class="euiPanel euiPanel--subdued euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard-isDisabled emotion-euiPanel-grow-m-l-subdued-EuiCard"
>
<div
class="euiCard__top"
@ -249,7 +249,7 @@ exports[`NoDataCard props no access to Fleet 1`] = `
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -258,19 +258,19 @@ exports[`NoDataCard props no access to Fleet 1`] = `
disabled=""
>
<span
class="css-7fidck-euiTextColor-default"
class="emotion-euiTextColor-default"
>
Contact your administrator
</span>
</button>
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
<span
class="css-7fidck-euiTextColor-default"
class="emotion-euiTextColor-default"
>
This integration is not yet enabled. Your administrator has the required permissions to turn it on.
</span>
@ -284,7 +284,7 @@ exports[`NoDataCard props no access to Fleet 1`] = `
exports[`NoDataCard renders 1`] = `
<div>
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -308,7 +308,7 @@ exports[`NoDataCard renders 1`] = `
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<a
@ -325,7 +325,7 @@ exports[`NoDataCard renders 1`] = `
</a>
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>

64
src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap generated
View file

@ -54,7 +54,7 @@ Array [
</div>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--full css-1470ivo-euiHorizontalRule-full"
class="euiHorizontalRule euiHorizontalRule--full emotion-euiHorizontalRule-full"
/>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
@ -104,12 +104,12 @@ Array [
data-test-subj="collapsibleNavGroup-recentlyViewed"
>
<div
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button euiCollapsibleNavGroup__heading css-ot1kdj-euiAccordion__button"
class="euiAccordion__button euiCollapsibleNavGroup__heading emotion-euiAccordion__button"
id="generated-id"
type="button"
>
@ -123,7 +123,7 @@ Array [
class="euiFlexItem"
>
<h3
class="euiTitle euiCollapsibleNavGroup__title css-1po7voc-euiTitle-xxs"
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
id="generated-id__title"
>
Recently viewed
@ -136,7 +136,7 @@ Array [
aria-controls="generated-id"
aria-expanded="true"
aria-labelledby="generated-id"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right emotion-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -150,14 +150,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
class="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=" css-ip8p5q-euiAccordion__children"
class=" emotion-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -212,7 +212,7 @@ Array [
</div>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--full css-1470ivo-euiHorizontalRule-full"
class="euiHorizontalRule euiHorizontalRule--full emotion-euiHorizontalRule-full"
/>
<div
class="euiFlexItem eui-yScroll"
@ -222,12 +222,12 @@ Array [
data-test-subj="collapsibleNavGroup-kibana"
>
<div
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton emotion-euiAccordion__button"
id="generated-id"
type="button"
>
@ -248,7 +248,7 @@ Array [
class="euiFlexItem"
>
<h3
class="euiTitle euiCollapsibleNavGroup__title css-1po7voc-euiTitle-xxs"
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
id="generated-id__title"
>
Analytics
@ -261,7 +261,7 @@ Array [
aria-controls="generated-id"
aria-expanded="true"
aria-labelledby="generated-id"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right emotion-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -275,14 +275,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
class="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=" css-ip8p5q-euiAccordion__children"
class=" emotion-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -354,12 +354,12 @@ Array [
data-test-subj="collapsibleNavGroup-observability"
>
<div
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton emotion-euiAccordion__button"
id="generated-id"
type="button"
>
@ -380,7 +380,7 @@ Array [
class="euiFlexItem"
>
<h3
class="euiTitle euiCollapsibleNavGroup__title css-1po7voc-euiTitle-xxs"
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
id="generated-id__title"
>
Observability
@ -393,7 +393,7 @@ Array [
aria-controls="generated-id"
aria-expanded="true"
aria-labelledby="generated-id"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right emotion-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -407,14 +407,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
class="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=" css-ip8p5q-euiAccordion__children"
class=" emotion-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -469,12 +469,12 @@ Array [
data-test-subj="collapsibleNavGroup-securitySolution"
>
<div
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton emotion-euiAccordion__button"
id="generated-id"
type="button"
>
@ -495,7 +495,7 @@ Array [
class="euiFlexItem"
>
<h3
class="euiTitle euiCollapsibleNavGroup__title css-1po7voc-euiTitle-xxs"
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
id="generated-id__title"
>
Security
@ -508,7 +508,7 @@ Array [
aria-controls="generated-id"
aria-expanded="true"
aria-labelledby="generated-id"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right emotion-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -522,14 +522,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
class="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=" css-ip8p5q-euiAccordion__children"
class=" emotion-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -567,12 +567,12 @@ Array [
data-test-subj="collapsibleNavGroup-management"
>
<div
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton emotion-euiAccordion__button"
id="generated-id"
type="button"
>
@ -593,7 +593,7 @@ Array [
class="euiFlexItem"
>
<h3
class="euiTitle euiCollapsibleNavGroup__title css-1po7voc-euiTitle-xxs"
class="euiTitle euiCollapsibleNavGroup__title emotion-euiTitle-xxs"
id="generated-id__title"
>
Management
@ -606,7 +606,7 @@ Array [
aria-controls="generated-id"
aria-expanded="true"
aria-labelledby="generated-id"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right emotion-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -620,14 +620,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
class="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=" css-ip8p5q-euiAccordion__children"
class=" emotion-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"

8
src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap generated
View file

@ -2100,7 +2100,7 @@ exports[`Header renders 1`] = `
onClick={[Function]}
type="button"
>
<EuiButtonContent
<EuiButtonContentDeprecated
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
@ -2131,7 +2131,7 @@ exports[`Header renders 1`] = `
</span>
</span>
</span>
</EuiButtonContent>
</EuiButtonContentDeprecated>
</button>
</EuiButtonEmpty>
</EuiHeaderSectionItemButton>
@ -2505,7 +2505,7 @@ exports[`Header renders 1`] = `
onTouchEnd={[Function]}
type="button"
>
<EuiButtonContent
<EuiButtonContentDeprecated
className="euiButtonEmpty__content"
iconSide="left"
iconSize="m"
@ -2536,7 +2536,7 @@ exports[`Header renders 1`] = `
</span>
</span>
</span>
</EuiButtonContent>
</EuiButtonContentDeprecated>
</button>
</EuiButtonEmpty>
</EuiHeaderSectionItemButton>

195
src/core/public/overlays/modal/__snapshots__/modal_service.test.tsx.snap generated
View file

@ -89,7 +89,87 @@ Array [
]
`;
exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default euiModal--confirmation\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"euiModalBody\\"><div class=\\"euiModalBody__overflow\\"><div class=\\"euiText eui-styles-1lo1kz-euiText-m\\" data-test-subj=\\"confirmModalBodyText\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div><div class=\\"euiModalFooter\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" data-test-subj=\\"confirmModalCancelButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Cancel</span></span></button><button class=\\"euiButton euiButton--primary euiButton--fill\\" type=\\"button\\" data-test-subj=\\"confirmModalConfirmButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Confirm</span></span></button></div></div></div></div>"`;
exports[`ModalService openConfirm() renders a mountpoint confirm message 2`] = `
<div
data-eui="EuiFocusTrap"
>
<div
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
tabindex="0"
>
<button
aria-label="Closes this modal window"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
<div
class="euiModal__flex"
>
<div
class="euiModalBody"
>
<div
class="euiModalBody__overflow"
>
<div
class="euiText emotion-euiText-m"
data-test-subj="confirmModalBodyText"
>
<div
class="kbnOverlayMountWrapper"
>
<span>
Modal content
</span>
</div>
</div>
</div>
</div>
<div
class="euiModalFooter"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary"
data-test-subj="confirmModalCancelButton"
type="button"
>
<span
class="euiButtonContent euiButtonEmpty__content"
>
<span
class="euiButtonEmpty__text"
>
Cancel
</span>
</span>
</button>
<button
class="euiButton euiButton--primary euiButton--fill"
data-test-subj="confirmModalConfirmButton"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Confirm
</span>
</span>
</button>
</div>
</div>
</div>
</div>
`;
exports[`ModalService openConfirm() renders a string confirm message 1`] = `
Array [
@ -217,7 +297,83 @@ Array [
]
`;
exports[`ModalService openConfirm() renders a string confirm message 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default euiModal--confirmation\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"euiModalBody\\"><div class=\\"euiModalBody__overflow\\"><div class=\\"euiText eui-styles-1lo1kz-euiText-m\\" data-test-subj=\\"confirmModalBodyText\\"><p>Some message</p></div></div></div><div class=\\"euiModalFooter\\"><button class=\\"euiButtonEmpty euiButtonEmpty--primary\\" type=\\"button\\" data-test-subj=\\"confirmModalCancelButton\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\">Cancel</span></span></button><button class=\\"euiButton euiButton--primary euiButton--fill\\" type=\\"button\\" data-test-subj=\\"confirmModalConfirmButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Confirm</span></span></button></div></div></div></div>"`;
exports[`ModalService openConfirm() renders a string confirm message 2`] = `
<div
data-eui="EuiFocusTrap"
>
<div
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
tabindex="0"
>
<button
aria-label="Closes this modal window"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
<div
class="euiModal__flex"
>
<div
class="euiModalBody"
>
<div
class="euiModalBody__overflow"
>
<div
class="euiText emotion-euiText-m"
data-test-subj="confirmModalBodyText"
>
<p>
Some message
</p>
</div>
</div>
</div>
<div
class="euiModalFooter"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary"
data-test-subj="confirmModalCancelButton"
type="button"
>
<span
class="euiButtonContent euiButtonEmpty__content"
>
<span
class="euiButtonEmpty__text"
>
Cancel
</span>
</span>
</button>
<button
class="euiButton euiButton--primary euiButton--fill"
data-test-subj="confirmModalConfirmButton"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Confirm
</span>
</span>
</button>
</div>
</div>
</div>
</div>
`;
exports[`ModalService openConfirm() with a currently active confirm replaces the current confirm with the new one 1`] = `
Array [
@ -912,7 +1068,40 @@ Array [
]
`;
exports[`ModalService openModal() renders a modal to the DOM 2`] = `"<div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiModal euiModal--maxWidth-default\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon\\" type=\\"button\\" aria-label=\\"Closes this modal window\\"><span data-euiicon-type=\\"cross\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button><div class=\\"euiModal__flex\\"><div class=\\"kbnOverlayMountWrapper\\"><span>Modal content</span></div></div></div></div>"`;
exports[`ModalService openModal() renders a modal to the DOM 2`] = `
<div
data-eui="EuiFocusTrap"
>
<div
class="euiModal euiModal--maxWidth-default"
tabindex="0"
>
<button
aria-label="Closes this modal window"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
type="button"
>
<span
aria-hidden="true"
class="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="cross"
/>
</button>
<div
class="euiModal__flex"
>
<div
class="kbnOverlayMountWrapper"
>
<span>
Modal content
</span>
</div>
</div>
</div>
</div>
`;
exports[`ModalService openModal() with a currently active confirm replaces the current confirm with the new one 1`] = `
Array [

6
src/core/public/overlays/modal/modal_service.test.tsx
View file

@ -50,7 +50,7 @@ describe('ModalService', () => {
});
expect(mockReactDomRender.mock.calls).toMatchSnapshot();
const modalContent = mount(mockReactDomRender.mock.calls[0][0]);
expect(modalContent.html()).toMatchSnapshot();
expect(modalContent.render()).toMatchSnapshot();
});
describe('with a currently active modal', () => {
@ -108,7 +108,7 @@ describe('ModalService', () => {
});
expect(mockReactDomRender.mock.calls).toMatchSnapshot();
const modalContent = mount(mockReactDomRender.mock.calls[0][0]);
expect(modalContent.html()).toMatchSnapshot();
expect(modalContent.render()).toMatchSnapshot();
});
it('renders a string confirm message', () => {
@ -116,7 +116,7 @@ describe('ModalService', () => {
modals.openConfirm('Some message');
expect(mockReactDomRender.mock.calls).toMatchSnapshot();
const modalContent = mount(mockReactDomRender.mock.calls[0][0]);
expect(modalContent.html()).toMatchSnapshot();
expect(modalContent.render()).toMatchSnapshot();
});
describe('with a currently active modal', () => {

2
src/core/server/rendering/views/template.tsx
View file

@ -46,7 +46,7 @@ export const Template: FunctionComponent<Props> = ({
{/* Inject EUI reset and global styles before all other component styles */}
<meta name={EUI_STYLES_GLOBAL} />
<Styles darkMode={darkMode} stylesheetPaths={stylesheetPaths} />
<meta name="emotion" />
{/* Inject stylesheets into the <head> before scripts so that KP plugins with bundled styles will override them */}
<meta name="add-styles-here" />
<meta name="add-scripts-here" />

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

@ -77,6 +77,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@59.0.1': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@60.0.0': ['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
};

22
src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap generated
View file

@ -10,18 +10,18 @@ exports[`DashboardEmptyScreen renders correctly with edit mode 1`] = `
data-euiicon-type="visAreaStacked"
/>
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<h3
class="euiTitle css-1c9cwui-euiTitle-xs"
class="euiTitle emotion-euiTitle-xs"
>
Add your first visualization
</h3>
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
class="euiText emotion-euiText-s-euiTextColor-subdued"
>
<span>
Create content that tells a story about your data.
@ -40,7 +40,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
class="euiPageBody euiPageBody--borderRadiusNone"
>
<div
class="euiPanel euiPanel--plain euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent css-n9us4v-euiPanel-grow-m-plain-hasShadow"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent emotion-euiPanel-grow-m-plain-hasShadow"
role="main"
>
<figure
@ -53,7 +53,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
/>
</figure>
<div
class="euiText css-1lo1kz-euiText-m"
class="euiText emotion-euiText-m"
>
<p
style="font-weight: bold;"
@ -62,7 +62,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
</p>
</div>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
class="euiText emotion-euiText-m-euiTextColor-subdued"
>
You need additional privileges to edit this dashboard.
</div>
@ -81,7 +81,7 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
class="euiPageBody euiPageBody--borderRadiusNone"
>
<div
class="euiPanel euiPanel--plain euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent css-n9us4v-euiPanel-grow-m-plain-hasShadow"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent emotion-euiPanel-grow-m-plain-hasShadow"
role="main"
>
<figure
@ -94,7 +94,7 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
/>
</figure>
<div
class="euiText css-1lo1kz-euiText-m"
class="euiText emotion-euiText-m"
>
<p
style="font-weight: bold;"
@ -103,13 +103,13 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
</p>
</div>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="dshStartScreen__panelDesc"
>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
class="euiText emotion-euiText-m-euiTextColor-subdued"
>
<p>
Click edit in the menu bar above to start adding panels.

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

@ -2,7 +2,7 @@
exports[`Inspector Data View component should render empty state 1`] = `
<div
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent"
>
<div
class="euiEmptyPrompt__main"
@ -14,15 +14,15 @@ exports[`Inspector Data View component should render empty state 1`] = `
class="euiEmptyPrompt__contentInner"
>
<h2
class="euiTitle css-1w464ad-euiTitle-m"
class="euiTitle emotion-euiTitle-m"
>
No data available
</h2>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
class="euiText emotion-euiText-m-euiTextColor-subdued"
>
<p>
The element did not provide any data.
@ -206,7 +206,7 @@ Array [
</div>
</div>,
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
class="euiBasicTable insDataTableFormat__table"
@ -334,7 +334,7 @@ Array [
</div>
<div>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll"
@ -459,7 +459,7 @@ Array [
class="euiFlexItem"
>
<div
class="euiText css-1utxlgq-euiText-xs"
class="euiText emotion-euiText-xs"
>
<p
aria-atomic="true"
@ -470,7 +470,7 @@ Array [
</p>
</div>
<div
class="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
class="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -551,7 +551,7 @@ Array [
</div>
</div>,
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
class="euiBasicTable insDataTableFormat__table"
@ -680,7 +680,7 @@ Array [
</div>
<div>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll"

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

@ -170,7 +170,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
id="generated-id-help-0"
>
<a
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/managing-data-views.html#string-field-formatters"
rel="noopener"
target="_blank"
@ -179,7 +179,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
URL template help
</span>
<span
class="css-q4vwwx-euiLink__externalIcon"
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
@ -235,7 +235,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
id="generated-id-help-0"
>
<a
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/managing-data-views.html#string-field-formatters"
rel="noopener"
target="_blank"
@ -244,7 +244,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
Label template help
</span>
<span
class="css-q4vwwx-euiLink__externalIcon"
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link

4
src/plugins/data_view_management/public/components/edit_index_pattern/scripted_fields_table/components/header/__snapshots__/header.test.tsx.snap generated
View file

@ -8,7 +8,7 @@ exports[`Header should render normally 1`] = `
class="euiFlexItem"
>
<div
class="euiText css-1vkrgyt-euiText-s"
class="euiText emotion-euiText-s"
>
<p>
<span>
@ -23,7 +23,7 @@ exports[`Header should render normally 1`] = `
<span>
Scripted fields are deprecated. Use
<button
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
type="button"
>
<span>

22
src/plugins/data_view_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap generated
View file

@ -3,13 +3,13 @@
exports[`ScriptingWarningCallOut should render normally 1`] = `
Array [
<div
class="euiText css-1vkrgyt-euiText-s"
class="euiText emotion-euiText-s"
>
<p>
<span>
Familiarize yourself with
<button
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
type="button"
>
<span>
@ -18,7 +18,7 @@ Array [
</button>
and
<button
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
type="button"
>
<span>
@ -30,17 +30,17 @@ Array [
</p>
</div>,
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>,
<div
class="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning css-1yqbqzs-euiPanel-none-m-warning-euiCallOut"
class="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning emotion-euiPanel-none-m-warning-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-nznt5c-euiTitle-xs-euiCallOutHeader-warning"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-warning"
>
<span
aria-hidden="true"
class="css-15maws8-euiCallOut__icon"
class="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
/>
@ -49,16 +49,16 @@ Array [
</span>
</p>
<div
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
class="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div
class="euiText css-1vkrgyt-euiText-s"
class="euiText emotion-euiText-s"
>
<p>
<span>
For greater flexibility and Painless script support, use
<button
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
type="button"
>
<span>
@ -72,7 +72,7 @@ Array [
</div>
</div>,
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>,
]
`;

4
src/plugins/discover/public/components/common/__snapshots__/loading_indicator.test.tsx.snap generated
View file

@ -9,7 +9,7 @@ exports[`Loading indicator default renders correctly 1`] = `
>
<span
aria-label="Loading"
class="euiLoadingSpinner css-lh9wx8-euiLoadingSpinner-l"
class="euiLoadingSpinner emotion-euiLoadingSpinner-l"
role="progressbar"
/>
</div>
@ -25,7 +25,7 @@ exports[`Loading indicator elastic renders correctly 1`] = `
>
<span
aria-label="Loading"
class="euiLoadingElastic css-1gqpwx6-euiLoadingElastic"
class="euiLoadingElastic emotion-euiLoadingElastic"
role="progressbar"
>
<span

4
src/plugins/embeddable/public/lib/embeddables/error_embeddable.test.tsx
View file

@ -40,10 +40,10 @@ test('ErrorEmbeddable renders in compact mode', async () => {
class="euiPopover__anchor errorEmbeddableCompact__popoverAnchor"
>
<div
class="euiText errorEmbeddableCompact__button css-1utxlgq-euiText-xs"
class="euiText errorEmbeddableCompact__button emotion-euiText-xs"
>
<button
class="euiLink eui-textTruncate css-7rgcqt-euiLink-subdued"
class="euiLink eui-textTruncate emotion-euiLink-subdued"
type="button"
>
<span

10
src/plugins/es_ui_shared/public/components/view_api_request_flyout/__snapshots__/view_api_request_flyout.test.tsx.snap generated
View file

@ -15,7 +15,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
class="euiFlyoutHeader"
>
<h2
class="euiTitle css-1w464ad-euiTitle-m"
class="euiTitle emotion-euiTitle-m"
data-test-subj="apiRequestFlyoutTitle"
>
Test title
@ -32,7 +32,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
class="euiFlyoutBody__overflowContent"
>
<div
class="euiText css-1lo1kz-euiText-m"
class="euiText emotion-euiText-m"
>
<p
data-test-subj="apiRequestFlyoutDescription"
@ -41,10 +41,10 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
</p>
</div>
<div
class="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
class="eui-textRight"
@ -75,7 +75,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
</span>
</div>
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div>
<pre>

20
src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap generated
View file

@ -3,7 +3,7 @@
exports[`bulkCreate should display error message when bulkCreate request fails 1`] = `
Array [
<h2
class="euiTitle css-1w464ad-euiTitle-m"
class="euiTitle emotion-euiTitle-m"
>
Load Kibana objects
</h2>,
@ -14,7 +14,7 @@ Array [
class="euiFlexItem"
>
<div
class="euiText css-1lo1kz-euiText-m"
class="euiText emotion-euiText-m"
>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
@ -42,14 +42,14 @@ Array [
</div>
</div>,
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
class="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning css-1yqbqzs-euiPanel-none-m-warning-euiCallOut"
class="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning emotion-euiPanel-none-m-warning-euiCallOut"
data-test-subj="loadSavedObjects_failed"
>
<p
class="euiTitle euiCallOutHeader__title css-nznt5c-euiTitle-xs-euiCallOutHeader-warning"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-warning"
>
Request failed, Error: simulated bulkRequest error
</p>
@ -60,7 +60,7 @@ Array [
exports[`bulkCreate should display success message when bulkCreate is successful 1`] = `
Array [
<h2
class="euiTitle css-1w464ad-euiTitle-m"
class="euiTitle emotion-euiTitle-m"
>
Load Kibana objects
</h2>,
@ -71,7 +71,7 @@ Array [
class="euiFlexItem"
>
<div
class="euiText css-1lo1kz-euiText-m"
class="euiText emotion-euiText-m"
>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
@ -99,14 +99,14 @@ Array [
</div>
</div>,
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
class="euiPanel euiPanel--success euiPanel--paddingMedium euiCallOut euiCallOut--success css-1kpm4pz-euiPanel-none-m-success-euiCallOut"
class="euiPanel euiPanel--success euiPanel--paddingMedium euiCallOut euiCallOut--success emotion-euiPanel-none-m-success-euiCallOut"
data-test-subj="loadSavedObjects_success"
>
<p
class="euiTitle euiCallOutHeader__title css-8813xx-euiTitle-xs-euiCallOutHeader-success"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-success"
>
1 saved objects successfully added
</p>

2
src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap generated
View file

@ -12,7 +12,7 @@ Array [
class="euiFlexItem"
>
<h1
class="euiTitle css-1mr6cet-euiTitle-s"
class="euiTitle emotion-euiTitle-s"
>
Inspector
</h1>

24
src/plugins/interactive_setup/public/theme/kibana_theme_provider.tsx
View file

@ -6,7 +6,8 @@
* Side Public License, v 1.
*/
import { EuiThemeProvider } from '@elastic/eui';
import { EuiProvider } from '@elastic/eui';
import createCache from '@emotion/cache';
import type { FC } from 'react';
import React, { useMemo } from 'react';
import useObservable from 'react-use/lib/useObservable';
@ -24,11 +25,30 @@ const defaultTheme: CoreTheme = {
darkMode: false,
};
const globalCache = createCache({
key: 'eui',
container: document.querySelector(`meta[name="eui-styles"]`) as HTMLElement,
});
const emotionCache = createCache({
key: 'css',
container: document.querySelector(`meta[name="emotion"]`) as HTMLElement,
});
emotionCache.compat = true;
/**
* Copied from the `kibana_react` plugin, remove once https://github.com/elastic/kibana/issues/119204 is implemented.
*/
export const KibanaThemeProvider: FC<KibanaThemeProviderProps> = ({ theme$, children }) => {
const theme = useObservable(theme$, defaultTheme);
const colorMode = useMemo(() => getColorMode(theme), [theme]);
return <EuiThemeProvider colorMode={colorMode}>{children}</EuiThemeProvider>;
return (
<EuiProvider
colorMode={colorMode}
cache={{ default: emotionCache, global: globalCache }}
globalStyles={false}
utilityClasses={false}
>
{children}
</EuiProvider>
);
};

2
src/plugins/kibana_overview/public/components/overview/__snapshots__/overview.test.tsx.snap generated
View file

@ -1134,7 +1134,7 @@ exports[`Overview show loading spinner during loading 1`] = `
>
<span
aria-label="Loading"
class="euiLoadingSpinner css-1ow0yso-euiLoadingSpinner-xl"
class="euiLoadingSpinner emotion-euiLoadingSpinner-xl"
role="progressbar"
/>
</div>

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

@ -30,7 +30,7 @@ exports[`<ExitFullScreenButton /> is rendered 1`] = `
>
<div>
<div
class="euiText dshExitFullScreenButton__text css-1vkrgyt-euiText-s"
class="euiText dshExitFullScreenButton__text emotion-euiText-s"
>
<p>
Exit full screen

10
src/plugins/kibana_react/public/page_template/__snapshots__/page_template.test.tsx.snap generated
View file

@ -22,7 +22,7 @@ exports[`KibanaPageTemplate render basic template 1`] = `
class="euiFlexItem"
>
<div
class="euiText css-j3htvy-euiText-constrainedWidth-m"
class="euiText emotion-euiText-constrainedWidth-m"
>
<p>
test
@ -46,7 +46,7 @@ exports[`KibanaPageTemplate render basic template 1`] = `
</div>
</header>
<div
class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone css-10ffim0-euiPanel-grow-none-plain"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-plain"
role="main"
>
<div
@ -194,7 +194,7 @@ exports[`KibanaPageTemplate render solutionNav 1`] = `
class="euiPageSideBar euiPageSideBar--sticky kbnPageTemplate__pageSideBar"
/>
<div
class="euiPanel euiPanel--plain euiPageBody euiPageBody--borderRadiusNone css-1a2dgrg-euiPanel-grow-none-plain-hasShadow"
class="euiPanel euiPanel--plain euiPageBody euiPageBody--borderRadiusNone emotion-euiPanel-grow-none-plain-hasShadow"
>
<div
class="euiPageBody euiPageBody--borderRadiusNone euiPageBody--paddingLarge"
@ -213,7 +213,7 @@ exports[`KibanaPageTemplate render solutionNav 1`] = `
class="euiFlexItem"
>
<div
class="euiText css-j3htvy-euiText-constrainedWidth-m"
class="euiText emotion-euiText-constrainedWidth-m"
>
<p>
test
@ -237,7 +237,7 @@ exports[`KibanaPageTemplate render solutionNav 1`] = `
</div>
</header>
<div
class="euiPanel euiPanel--transparent euiPageContent euiPageContent--borderRadiusNone css-1k1l0tw-euiPanel-grow-none-transparent"
class="euiPanel euiPanel--transparent euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-transparent"
role="main"
>
<div

24
src/plugins/kibana_react/public/page_template/no_data_page/no_data_card/__snapshots__/no_data_card.test.tsx.snap generated
View file

@ -2,19 +2,19 @@
exports[`NoDataCard props button 1`] = `
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned css-1nsffwn-euiPanel-grow-m-l-plain-hasShadow"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned emotion-euiPanel-grow-m-l-plain-hasShadow"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Card title
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -45,13 +45,13 @@ exports[`NoDataCard props button 1`] = `
exports[`NoDataCard props href 1`] = `
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1pe7jko-euiPanel-grow-m-l-plain-hasShadow-isClickable"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable emotion-euiPanel-grow-m-l-plain-hasShadow-isClickable"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<a
@ -64,7 +64,7 @@ exports[`NoDataCard props href 1`] = `
</a>
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -95,19 +95,19 @@ exports[`NoDataCard props href 1`] = `
exports[`NoDataCard props recommended 1`] = `
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--hasBetaBadge css-1nsffwn-euiPanel-grow-m-l-plain-hasShadow"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--hasBetaBadge emotion-euiPanel-grow-m-l-plain-hasShadow"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Card title
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -131,19 +131,19 @@ exports[`NoDataCard props recommended 1`] = `
exports[`NoDataCard renders 1`] = `
<div
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned css-1nsffwn-euiPanel-grow-m-l-plain-hasShadow"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned emotion-euiPanel-grow-m-l-plain-hasShadow"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Card title
</span>
<div
class="euiText euiCard__description css-1vkrgyt-euiText-s"
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>

24
src/plugins/kibana_react/public/theme/kibana_theme_provider.tsx
View file

@ -9,7 +9,8 @@
import React, { FC, useMemo } from 'react';
import useObservable from 'react-use/lib/useObservable';
import { Observable } from 'rxjs';
import { EuiThemeProvider } from '@elastic/eui';
import { EuiProvider } from '@elastic/eui';
import createCache from '@emotion/cache';
import type { CoreTheme } from '@kbn/core/public';
import { getColorMode } from './utils';
@ -21,6 +22,16 @@ const defaultTheme: CoreTheme = {
darkMode: false,
};
const globalCache = createCache({
key: 'eui',
container: document.querySelector(`meta[name="eui-global"]`) as HTMLElement,
});
const emotionCache = createCache({
key: 'css',
container: document.querySelector(`meta[name="emotion"]`) as HTMLElement,
});
emotionCache.compat = true;
/* IMPORTANT: This code has been copied to the `interactive_setup` plugin, any changes here should be applied there too.
That copy and this comment can be removed once https://github.com/elastic/kibana/issues/119204 is implemented.*/
// IMPORTANT: This code has been copied to the `kibana_utils` plugin, to avoid cyclical dependency, any changes here should be applied there too.
@ -28,5 +39,14 @@ That copy and this comment can be removed once https://github.com/elastic/kibana
export const KibanaThemeProvider: FC<KibanaThemeProviderProps> = ({ theme$, children }) => {
const theme = useObservable(theme$, defaultTheme);
const colorMode = useMemo(() => getColorMode(theme), [theme]);
return <EuiThemeProvider colorMode={colorMode}>{children}</EuiThemeProvider>;
return (
<EuiProvider
colorMode={colorMode}
cache={{ default: emotionCache, global: globalCache }}
globalStyles={false}
utilityClasses={false}
>
{children}
</EuiProvider>
);
};

24
src/plugins/kibana_utils/public/theme/kibana_theme_provider.tsx
View file

@ -6,7 +6,8 @@
* Side Public License, v 1.
*/
import { EuiThemeProvider } from '@elastic/eui';
import { EuiProvider } from '@elastic/eui';
import createCache from '@emotion/cache';
import type { FC } from 'react';
import React, { useMemo } from 'react';
import useObservable from 'react-use/lib/useObservable';
@ -23,11 +24,30 @@ const defaultTheme: CoreTheme = {
darkMode: false,
};
const globalCache = createCache({
key: 'eui',
container: document.querySelector(`meta[name="eui-global"]`) as HTMLElement,
});
const emotionCache = createCache({
key: 'css',
container: document.querySelector(`meta[name="emotion"]`) as HTMLElement,
});
emotionCache.compat = true;
/**
* Copied from the `kibana_react` plugin, to avoid cyclical dependency
*/
export const KibanaThemeProvider: FC<KibanaThemeProviderProps> = ({ theme$, children }) => {
const theme = useObservable(theme$, defaultTheme);
const colorMode = useMemo(() => getColorMode(theme), [theme]);
return <EuiThemeProvider colorMode={colorMode}>{children}</EuiThemeProvider>;
return (
<EuiProvider
colorMode={colorMode}
cache={{ default: emotionCache, global: globalCache }}
globalStyles={false}
utilityClasses={false}
>
{children}
</EuiProvider>
);
};

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

@ -14,7 +14,7 @@ exports[`Intro component renders correctly 1`] = `
class="euiFlexItem"
>
<h1
class="euiTitle css-1bexacr-euiTitle-l"
class="euiTitle emotion-euiTitle-l"
>
Inspect saved object
</h1>

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

@ -2,21 +2,21 @@
exports[`NotFoundErrors component renders correctly for index-pattern type 1`] = `
<div
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger emotion-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-danger"
>
<span
aria-hidden="true"
class="css-15maws8-euiCallOut__icon"
class="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
/>
There is a problem with this saved object
</p>
<div
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
class="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div>
The data view associated with this object no longer exists.
@ -25,14 +25,14 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
If you know what this error means, you can use the
<a
aria-label="Saved objects APIs"
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
@ -51,21 +51,21 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
exports[`NotFoundErrors component renders correctly for index-pattern-field type 1`] = `
<div
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger emotion-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-danger"
>
<span
aria-hidden="true"
class="css-15maws8-euiCallOut__icon"
class="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
/>
There is a problem with this saved object
</p>
<div
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
class="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div>
A field associated with this object no longer exists in the data view.
@ -74,14 +74,14 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
If you know what this error means, you can use the
<a
aria-label="Saved objects APIs"
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
@ -100,21 +100,21 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
exports[`NotFoundErrors component renders correctly for search type 1`] = `
<div
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger emotion-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-danger"
>
<span
aria-hidden="true"
class="css-15maws8-euiCallOut__icon"
class="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
/>
There is a problem with this saved object
</p>
<div
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
class="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div>
The saved search associated with this object no longer exists.
@ -123,14 +123,14 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
If you know what this error means, you can use the
<a
aria-label="Saved objects APIs"
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
@ -149,35 +149,35 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
<div
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger emotion-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-danger"
>
<span
aria-hidden="true"
class="css-15maws8-euiCallOut__icon"
class="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
/>
There is a problem with this saved object
</p>
<div
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
class="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div />
<div>
If you know what this error means, you can use the
<a
aria-label="Saved objects APIs"
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link

4
src/plugins/unified_search/public/filter_bar/filter_editor/lib/__snapshots__/filter_label.test.tsx.snap generated
View file

@ -10,7 +10,7 @@ exports[`alias 1`] = `
exports[`alias with error status 1`] = `
<div>
<span
class="css-1t6zs07-euiTextColor-danger"
class="emotion-euiTextColor-danger"
>
NOT
</span>
@ -27,7 +27,7 @@ exports[`alias with error status 1`] = `
exports[`alias with warning status 1`] = `
<div>
<span
class="css-1t6zs07-euiTextColor-danger"
class="emotion-euiTextColor-danger"
>
NOT
</span>

4
src/plugins/vis_default_editor/public/components/__snapshots__/agg.test.tsx.snap generated
View file

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`DefaultEditorAgg component should init with the default set of props 1`] = `
<WithEuiTheme(EuiAccordionClass)
<EuiAccordionClass
aria-label="Toggle metric editor"
buttonClassName="eui-textTruncate"
buttonContent={
@ -72,5 +72,5 @@ exports[`DefaultEditorAgg component should init with the default set of props 1`
}
}
/>
</WithEuiTheme(EuiAccordionClass)>
</EuiAccordionClass>
`;

8
src/plugins/vis_types/xy/public/editor/components/options/metrics_axes/__snapshots__/value_axes_panel.test.tsx.snap generated
View file

@ -45,7 +45,7 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
<EuiSpacer
size="s"
/>
<WithEuiTheme(EuiAccordionClass)
<EuiAccordionClass
aria-label="Toggle ValueAxis-1 options"
buttonClassName="eui-textTruncate"
buttonContent={
@ -150,8 +150,8 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
}
}
/>
</WithEuiTheme(EuiAccordionClass)>
<WithEuiTheme(EuiAccordionClass)
</EuiAccordionClass>
<EuiAccordionClass
aria-label="Toggle ValueAxis-1 options"
buttonClassName="eui-textTruncate"
buttonContent={
@ -256,6 +256,6 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
}
}
/>
</WithEuiTheme(EuiAccordionClass)>
</EuiAccordionClass>
</EuiPanel>
`;

4
src/plugins/vis_types/xy/public/editor/components/options/metrics_axes/__snapshots__/value_axis_options.test.tsx.snap generated
View file

@ -112,7 +112,7 @@ exports[`ValueAxisOptions component should init with the default set of props 1`
<EuiHorizontalRule
margin="s"
/>
<WithEuiTheme(EuiAccordionClass)
<EuiAccordionClass
aria-label="Toggle custom extents"
buttonContent="Custom extents"
buttonContentClassName="euiText euiText--small"
@ -139,6 +139,6 @@ exports[`ValueAxisOptions component should init with the default set of props 1`
setValueAxis={[Function]}
setValueAxisScale={[Function]}
/>
</WithEuiTheme(EuiAccordionClass)>
</EuiAccordionClass>
</Fragment>
`;

6
src/plugins/visualizations/public/components/__snapshots__/visualization_noresults.test.js.snap generated
View file

@ -6,7 +6,7 @@ exports[`VisualizationNoResults should render according to snapshot 1`] = `
data-test-subj="visNoResult"
>
<div
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent"
data-test-subj="visualization-error"
>
<div
@ -27,10 +27,10 @@ exports[`VisualizationNoResults should render according to snapshot 1`] = `
class="euiEmptyPrompt__contentInner"
>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
class="euiText emotion-euiText-m-euiTextColor-subdued"
>
<div
class="euiText visualization-error-text css-1utxlgq-euiText-xs"
class="euiText visualization-error-text emotion-euiText-xs"
>
No results found
</div>

2
x-pack/plugins/apm/public/components/shared/stacktrace/cause_stacktrace.test.tsx
View file

@ -47,7 +47,7 @@ describe('CauseStacktrace', () => {
expect(
shallow(<CauseStacktrace {...props} />).find(
'Styled(WithEuiTheme(EuiAccordionClass))'
'Styled(EuiAccordionClass)'
)
).toHaveLength(1);
});

6
x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot generated
View file

@ -75,7 +75,7 @@ exports[`Storyshots arguments/AxisConfig extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
</div>
`;
@ -155,7 +155,7 @@ exports[`Storyshots arguments/AxisConfig/components extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
</div>
`;
@ -171,7 +171,7 @@ exports[`Storyshots arguments/AxisConfig/components extended disabled 1`] = `
}
>
<div
className="euiText css-pwgelg-euiText-xs-euiTextColor-subdued"
className="euiText emotion-euiText-xs-euiTextColor-subdued"
style={Object {}}
>
<p>

4
x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot generated
View file

@ -55,7 +55,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"
@ -130,7 +130,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"

4
x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot generated
View file

@ -65,7 +65,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"
@ -150,7 +150,7 @@ Array [
</div>
</div>,
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
className="euiFormControlLayout euiFormControlLayout--compressed"

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

@ -12,7 +12,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -29,10 +29,10 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
className="euiText eui-textBreakAll emotion-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -42,7 +42,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
</strong>
<br />
<span
className="css-xv0fhq-euiTextColor-subdued"
className="emotion-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -54,7 +54,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"
@ -199,7 +199,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -216,10 +216,10 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
className="euiText eui-textBreakAll emotion-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -229,7 +229,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
</strong>
<br />
<span
className="css-xv0fhq-euiTextColor-subdued"
className="emotion-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -241,7 +241,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"

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

@ -96,7 +96,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
className="euiModalBody__overflow"
>
<div
className="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
className="euiText emotion-euiText-s-euiTextColor-subdued"
style={Object {}}
>
<p>
@ -104,13 +104,13 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium canvasAssetManager__emptyPanel css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium canvasAssetManager__emptyPanel emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent"
>
<div
className="euiEmptyPrompt__main"
@ -133,7 +133,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
className="euiEmptyPrompt__contentInner"
>
<h2
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Import your assets to get started
</h2>
@ -166,7 +166,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero eui-textNoWrap"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
id="CanvasAssetManagerLabel"
>
0% space used
@ -296,7 +296,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiModalBody__overflow"
>
<div
className="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
className="euiText emotion-euiText-s-euiTextColor-subdued"
style={Object {}}
>
<p>
@ -304,7 +304,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive"
@ -313,7 +313,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -330,10 +330,10 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
className="euiText eui-textBreakAll emotion-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -343,7 +343,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</strong>
<br />
<span
className="css-xv0fhq-euiTextColor-subdued"
className="emotion-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -355,7 +355,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"
@ -489,7 +489,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset emotion-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -506,10 +506,10 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</figure>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
className="euiText eui-textBreakAll emotion-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -519,7 +519,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</strong>
<br />
<span
className="css-xv0fhq-euiTextColor-subdued"
className="emotion-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -531,7 +531,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</p>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentCenter euiFlexGroup--directionRow"
@ -686,7 +686,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero eui-textNoWrap"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
id="CanvasAssetManagerLabel"
>
0% space used

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

@ -9,7 +9,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -37,7 +37,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -65,7 +65,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -93,7 +93,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -121,7 +121,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -149,7 +149,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -189,7 +189,7 @@ Array [
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -217,7 +217,7 @@ Array [
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -245,7 +245,7 @@ Array [
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -273,7 +273,7 @@ Array [
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -301,7 +301,7 @@ Array [
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -329,7 +329,7 @@ Array [
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -365,7 +365,7 @@ Array [
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -401,7 +401,7 @@ Array [
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -429,7 +429,7 @@ Array [
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -457,7 +457,7 @@ Array [
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -485,7 +485,7 @@ Array [
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -513,7 +513,7 @@ Array [
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -553,7 +553,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -581,7 +581,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -609,7 +609,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -637,7 +637,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -665,7 +665,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -693,7 +693,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -732,7 +732,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -768,7 +768,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -796,7 +796,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -824,7 +824,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -856,7 +856,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -884,7 +884,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -924,7 +924,7 @@ Array [
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -952,7 +952,7 @@ Array [
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -980,7 +980,7 @@ Array [
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -1016,7 +1016,7 @@ Array [
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -1052,7 +1052,7 @@ Array [
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -1080,7 +1080,7 @@ Array [
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

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

@ -11,7 +11,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -39,7 +39,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -67,7 +67,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -95,7 +95,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -123,7 +123,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -151,7 +151,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -295,7 +295,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -331,7 +331,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -359,7 +359,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -387,7 +387,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -415,7 +415,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -443,7 +443,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -569,7 +569,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -597,7 +597,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -625,7 +625,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -653,7 +653,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
</button>
<button
aria-label="#abc"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -681,7 +681,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
</button>
<button
aria-label="#def"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -709,7 +709,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
</button>
<button
aria-label="#abcdef"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -835,7 +835,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
>
<button
aria-label="white"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -871,7 +871,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
</button>
<button
aria-label="#666"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -899,7 +899,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
</button>
<button
aria-label="black"
className="euiLink canvasColorPalette__dot css-102pf9n-euiLink-primary"
className="euiLink canvasColorPalette__dot emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

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

@ -11,7 +11,7 @@ exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = `
>
<button
aria-label="Color Picker black"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -68,7 +68,7 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors 1`] = `
>
<button
aria-label="Color Picker white"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -108,7 +108,7 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors, value missin
>
<button
aria-label="Color Picker #a1b2c3"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -148,7 +148,7 @@ exports[`Storyshots components/Color/ColorPickerPopover three colors 1`] = `
>
<button
aria-label="Color Picker white"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

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

@ -200,7 +200,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
</div>
</div>
<div
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -211,15 +211,15 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview"
>
<h4
className="euiTitle css-7xv8go-euiTitle-xxxs"
className="euiTitle emotion-euiTitle-xxxs"
>
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -236,13 +236,13 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -517,7 +517,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
</div>
</div>
<div
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -528,15 +528,15 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview"
>
<h4
className="euiTitle css-7xv8go-euiTitle-xxxs"
className="euiTitle emotion-euiTitle-xxxs"
>
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -554,7 +554,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
@ -829,7 +829,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
</div>
</div>
<div
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -840,15 +840,15 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview"
>
<h4
className="euiTitle css-7xv8go-euiTitle-xxxs"
className="euiTitle emotion-euiTitle-xxxs"
>
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -865,7 +865,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
My Chart
@ -1138,7 +1138,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
</div>
</div>
<div
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
className="euiText canvasCustomElementForm__thumbnailHelp emotion-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -1149,15 +1149,15 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
className="euiFlexItem euiFlexItem--flexGrow1 canvasElementCard__wrapper canvasCustomElementForm__preview"
>
<h4
className="euiTitle css-7xv8go-euiTitle-xxxs"
className="euiTitle emotion-euiTitle-xxxs"
>
Element preview
</h4>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -1174,7 +1174,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>

10
x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot generated
View file

@ -35,13 +35,13 @@ exports[`Storyshots components/datasource/DatasourceComponent datasource with ex
</span>
</button>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning css-1yqbqzs-euiPanel-none-m-warning-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning emotion-euiPanel-none-m-warning-euiCallOut"
>
<div
className="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
className="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
style={Object {}}
>
<p>
@ -87,13 +87,13 @@ exports[`Storyshots components/datasource/DatasourceComponent simple datasource
</span>
</button>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="render_to_dom"
/>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-1y0qta5-euiHorizontalRule-full-m"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"

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

@ -9,7 +9,7 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
}
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -27,7 +27,7 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -40,7 +40,7 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -64,7 +64,7 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
}
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -82,13 +82,13 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Element 1
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -112,7 +112,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
}
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -130,7 +130,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -143,7 +143,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -282,7 +282,7 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
}
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -299,13 +299,13 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Element 1
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -25,7 +25,7 @@ exports[`Storyshots Home Home Page 1`] = `
className="euiFlexItem"
>
<h1
className="euiTitle css-1bexacr-euiTitle-l"
className="euiTitle emotion-euiTitle-l"
>
Canvas
</h1>
@ -77,7 +77,7 @@ exports[`Storyshots Home Home Page 1`] = `
className="euiPageHeaderContent__bottom"
>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiTabs euiTabs--large"
@ -119,7 +119,7 @@ exports[`Storyshots Home Home Page 1`] = `
</div>
</header>
<div
className="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone css-10ffim0-euiPanel-grow-none-plain"
className="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone emotion-euiPanel-grow-none-plain"
role="main"
>
<div
@ -138,7 +138,7 @@ exports[`Storyshots Home Home Page 1`] = `
>
<span
aria-label="Loading"
className="euiLoadingSpinner css-1ow0yso-euiLoadingSpinner-xl"
className="euiLoadingSpinner emotion-euiLoadingSpinner-xl"
role="progressbar"
/>
</div>

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

@ -13,10 +13,10 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiPanel euiPanel--subdued euiPanel--paddingMedium css-1wu810y-euiPanel-grow-none-m-subdued"
className="euiPanel euiPanel--subdued euiPanel--paddingMedium emotion-euiPanel-grow-none-m-subdued"
>
<div
className="euiPanel euiPanel--subdued euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-1wqem1z-euiPanel-m-subdued"
className="euiPanel euiPanel--subdued euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-subdued"
>
<div
className="euiEmptyPrompt__main"
@ -39,15 +39,15 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = `
className="euiEmptyPrompt__contentInner"
>
<h2
className="euiTitle css-1w464ad-euiTitle-m"
className="euiTitle emotion-euiTitle-m"
>
Add your first workpad
</h2>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiText css-nexvet-euiText-m-euiTextColor-subdued"
className="euiText emotion-euiText-m-euiTextColor-subdued"
style={Object {}}
>
<p>
@ -57,7 +57,7 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = `
New to Canvas?
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="home#/tutorial_directory/sampleData"
rel="noreferrer"
>

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

@ -2,7 +2,7 @@
exports[`Storyshots Home/Tabs/My Workpads My Workpads 1`] = `
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -17,7 +17,7 @@ exports[`Storyshots Home/Tabs/My Workpads My Workpads 1`] = `
>
<span
aria-label="Loading"
className="euiLoadingSpinner css-1ow0yso-euiLoadingSpinner-xl"
className="euiLoadingSpinner emotion-euiLoadingSpinner-xl"
role="progressbar"
/>
</div>

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

@ -2,7 +2,7 @@
exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div>
<div
@ -90,7 +90,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiBasicTable"
@ -379,7 +379,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
>
<a
aria-label="Load workpad 'Workpad 2'"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
data-test-subj="canvasWorkpadTableWorkpad"
href="/workpad/workpad-2"
onClick={[Function]}
@ -556,7 +556,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
>
<a
aria-label="Load workpad 'Workpad 1'"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
data-test-subj="canvasWorkpadTableWorkpad"
href="/workpad/workpad-1"
onClick={[Function]}
@ -733,7 +733,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
>
<a
aria-label="Load workpad 'Workpad 0'"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
data-test-subj="canvasWorkpadTableWorkpad"
href="/workpad/workpad-0"
onClick={[Function]}
@ -868,7 +868,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
</div>
<div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--wrap eui-xScroll"

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

@ -2,7 +2,7 @@
exports[`Storyshots Home/Tabs/Workpad Templates Workpad Templates 1`] = `
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -17,7 +17,7 @@ exports[`Storyshots Home/Tabs/Workpad Templates Workpad Templates 1`] = `
>
<span
aria-label="Loading"
className="euiLoadingSpinner css-1ow0yso-euiLoadingSpinner-xl"
className="euiLoadingSpinner emotion-euiLoadingSpinner-xl"
role="progressbar"
/>
</div>

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

@ -15,7 +15,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<h2
className="euiTitle css-1mr6cet-euiTitle-s"
className="euiTitle emotion-euiTitle-s"
>
Keyboard shortcuts
</h2>
@ -34,12 +34,12 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
className="canvasKeyboardShortcut"
>
<h4
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Element controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-1u1q69a-euiHorizontalRule-full-s"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -378,19 +378,19 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
</div>
<div
className="canvasKeyboardShortcut"
>
<h4
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Expression controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-1u1q69a-euiHorizontalRule-full-s"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -415,19 +415,19 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
</div>
<div
className="canvasKeyboardShortcut"
>
<h4
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Editor controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-1u1q69a-euiHorizontalRule-full-s"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -734,19 +734,19 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
</div>
<div
className="canvasKeyboardShortcut"
>
<h4
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Presentation controls
</h4>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall css-1u1q69a-euiHorizontalRule-full-s"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall emotion-euiHorizontalRule-full-s"
/>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--reverse euiDescriptionList--compressed"
@ -907,7 +907,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
</dd>
</dl>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
</div>
</div>

18
x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot generated
View file

@ -15,7 +15,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -34,7 +34,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -47,7 +47,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -126,7 +126,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -145,7 +145,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -158,7 +158,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -237,7 +237,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -256,7 +256,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -269,7 +269,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -88,10 +88,10 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent"
>
<div
className="euiEmptyPrompt__main"
@ -114,15 +114,15 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
className="euiEmptyPrompt__contentInner"
>
<h2
className="euiTitle css-1mr6cet-euiTitle-s"
className="euiTitle emotion-euiTitle-s"
>
Add new elements
</h2>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiText css-nexvet-euiText-m-euiTextColor-subdued"
className="euiText emotion-euiText-m-euiTextColor-subdued"
style={Object {}}
>
<p>
@ -254,7 +254,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive"
@ -263,7 +263,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -282,7 +282,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -295,7 +295,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -374,7 +374,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -393,7 +393,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -406,7 +406,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -485,7 +485,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -504,7 +504,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -517,7 +517,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
@ -732,7 +732,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
className="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
className="euiFlexGrid euiFlexGrid--gutterLarge euiFlexGrid--fourths euiFlexGrid--responsive"
@ -741,7 +741,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard emotion-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -760,7 +760,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
className="euiCard__content"
>
<span
className="euiTitle euiCard__title css-1mr6cet-euiTitle-s"
className="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
<button
@ -773,7 +773,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
</button>
</span>
<div
className="euiText euiCard__description css-1vkrgyt-euiText-s"
className="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -8,7 +8,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -33,7 +33,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -58,7 +58,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -83,7 +83,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -110,7 +110,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -135,7 +135,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -160,7 +160,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -185,7 +185,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -210,7 +210,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -235,7 +235,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -260,7 +260,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -286,7 +286,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -314,7 +314,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -339,7 +339,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -364,7 +364,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -389,7 +389,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
className="euiFlexItem"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"

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

@ -8,10 +8,10 @@ exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
className="euiPopover__anchor"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall css-6zsgh2-euiPanel-grow-m-s-plain"
className="euiPanel euiPanel--plain euiPanel--paddingSmall emotion-euiPanel-grow-m-s-plain"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -38,10 +38,10 @@ exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
className="euiPopover__anchor"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall css-6zsgh2-euiPanel-grow-m-s-plain"
className="euiPanel euiPanel--plain euiPanel--paddingSmall emotion-euiPanel-grow-m-s-plain"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -82,10 +82,10 @@ exports[`Storyshots components/Shapes/ShapePickerPopover shape selected 1`] = `
className="euiPopover__anchor"
>
<div
className="euiPanel euiPanel--plain euiPanel--paddingSmall css-6zsgh2-euiPanel-grow-m-s-plain"
className="euiPanel euiPanel--plain euiPanel--paddingSmall emotion-euiPanel-grow-m-s-plain"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

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

@ -5,7 +5,7 @@ exports[`Storyshots components/Sidebar/GroupSettings default 1`] = `
className="canvasSidebar__panel canvasSidebar__panel--isEmpty"
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<p>
Ungroup (U) to edit individual element settings.

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

@ -5,7 +5,7 @@ exports[`Storyshots components/Sidebar/MultiElementSettings default 1`] = `
className="canvasSidebar__panel canvasSidebar__panel--isEmpty"
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<p>
Multiple elements are currently selected.

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

@ -15,7 +15,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader default 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<h3
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Selected layer
</h3>
@ -39,7 +39,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<h3
className="euiTitle css-1c9cwui-euiTitle-xs"
className="euiTitle emotion-euiTitle-xs"
>
Grouped element
</h3>

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

@ -46,7 +46,7 @@ exports[`Storyshots components/Tags/Tag as badge with color 1`] = `
exports[`Storyshots components/Tags/Tag as health 1`] = `
<div
className="euiHealth css-qn8ayk-euiHealth-s"
className="euiHealth emotion-euiHealth-s"
>
<div
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
@ -72,7 +72,7 @@ exports[`Storyshots components/Tags/Tag as health 1`] = `
exports[`Storyshots components/Tags/Tag as health with color 1`] = `
<div
className="euiHealth css-qn8ayk-euiHealth-s"
className="euiHealth emotion-euiHealth-s"
>
<div
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"

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

@ -67,7 +67,7 @@ Array [
exports[`Storyshots components/Tags/TagList with health tags 1`] = `
Array [
<div
className="euiHealth css-qn8ayk-euiHealth-s"
className="euiHealth emotion-euiHealth-s"
>
<div
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
@ -90,7 +90,7 @@ Array [
</div>
</div>,
<div
className="euiHealth css-qn8ayk-euiHealth-s"
className="euiHealth emotion-euiHealth-s"
>
<div
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
@ -113,7 +113,7 @@ Array [
</div>
</div>,
<div
className="euiHealth css-qn8ayk-euiHealth-s"
className="euiHealth emotion-euiHealth-s"
>
<div
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"

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

@ -162,7 +162,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -184,7 +184,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
>
<button
aria-label="Font Color black"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -622,7 +622,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -644,7 +644,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
>
<button
aria-label="Font Color black"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

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

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

@ -44,7 +44,7 @@ Array [
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
className="euiText emotion-euiText-s-euiTextColor-subdued"
style={Object {}}
>
Deleting this variable may adversely affect the workpad. Are you sure you wish to continue?
@ -52,7 +52,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"

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

@ -38,14 +38,14 @@ Array [
>
<div>
<div
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning css-1mgmgmu-euiPanel-none-s-warning-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning emotion-euiPanel-none-s-warning-euiCallOut"
>
<p
className="euiTitle euiCallOutHeader__title css-8qudto-euiTitle-xxs-euiCallOutHeader-warning"
className="euiTitle euiCallOutHeader__title emotion-euiTitle-xxs-euiCallOutHeader-warning"
>
<span
aria-hidden="true"
className="css-15maws8-euiCallOut__icon"
className="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
@ -56,7 +56,7 @@ Array [
</p>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
</div>
<form
@ -229,7 +229,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -331,14 +331,14 @@ Array [
>
<div>
<div
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning css-1mgmgmu-euiPanel-none-s-warning-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning emotion-euiPanel-none-s-warning-euiCallOut"
>
<p
className="euiTitle euiCallOutHeader__title css-8qudto-euiTitle-xxs-euiCallOutHeader-warning"
className="euiTitle euiCallOutHeader__title emotion-euiTitle-xxs-euiCallOutHeader-warning"
>
<span
aria-hidden="true"
className="css-15maws8-euiCallOut__icon"
className="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
@ -349,7 +349,7 @@ Array [
</p>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
</div>
<form
@ -463,7 +463,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -565,14 +565,14 @@ Array [
>
<div>
<div
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning css-1mgmgmu-euiPanel-none-s-warning-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning emotion-euiPanel-none-s-warning-euiCallOut"
>
<p
className="euiTitle euiCallOutHeader__title css-8qudto-euiTitle-xxs-euiCallOutHeader-warning"
className="euiTitle euiCallOutHeader__title emotion-euiTitle-xxs-euiCallOutHeader-warning"
>
<span
aria-hidden="true"
className="css-15maws8-euiCallOut__icon"
className="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="alert"
size="m"
@ -583,7 +583,7 @@ Array [
</p>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
</div>
<form
@ -697,7 +697,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -908,7 +908,7 @@ Array [
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"

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

@ -11,13 +11,13 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
className="euiAccordion canvasVarConfig__listView canvasSidebar__accordion"
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="accordion-variables"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton css-86d10e-euiAccordion__iconButton"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -35,7 +35,7 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
<button
aria-controls="accordion-variables"
aria-expanded={false}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -58,7 +58,7 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
</span>
</button>
<div
className="euiAccordion__optionalAction css-lxr8cy-euiAccordion__optionalAction"
className="euiAccordion__optionalAction emotion-euiAccordion__optionalAction"
>
<span
className="euiToolTipAnchor"
@ -88,7 +88,7 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-bu9wkr-euiAccordion__childWrapper"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper"
id="accordion-variables"
role="region"
tabIndex={-1}

62
x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/filter.component.stories.storyshot generated
View file

@ -2,7 +2,7 @@
exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-m8bxcp-euiPanel-m-m-plain"
className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain"
>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--compressed workpadFilter"
@ -16,7 +16,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Type
@ -32,7 +32,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
exactly
</div>
@ -46,7 +46,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Column
@ -62,7 +62,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
project
</div>
@ -76,7 +76,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Value
@ -92,7 +92,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
kibana
</div>
@ -106,7 +106,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Filter group
@ -122,7 +122,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
Group 1
</div>
@ -133,7 +133,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
exports[`Storyshots components/WorkpadFilters/FilterComponent with component field 1`] = `
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-m8bxcp-euiPanel-m-m-plain"
className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain"
>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--compressed workpadFilter"
@ -147,7 +147,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Type
@ -163,7 +163,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
exactly
</div>
@ -177,7 +177,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Column
@ -193,7 +193,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
project
</div>
@ -207,7 +207,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Value
@ -223,13 +223,13 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
>
<span
className="css-1jxhab0-euiTextColor-success"
className="emotion-euiTextColor-success"
style={Object {}}
>
<h3>
@ -248,7 +248,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Filter group
@ -264,7 +264,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
Group 1
</div>
@ -275,7 +275,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter fields 1`] = `
<div
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-m8bxcp-euiPanel-m-m-plain"
className="euiPanel euiPanel--plain euiPanel--paddingMedium emotion-euiPanel-m-m-plain"
>
<dl
className="euiDescriptionList euiDescriptionList--column euiDescriptionList--compressed workpadFilter"
@ -289,7 +289,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Type
@ -305,7 +305,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
exactly
</div>
@ -319,7 +319,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Column
@ -335,7 +335,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
project
</div>
@ -349,7 +349,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Value
@ -365,7 +365,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
kibana
</div>
@ -379,7 +379,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Filter group
@ -395,7 +395,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
Group 1
</div>
@ -409,7 +409,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
<h4>
Custom Field
@ -425,7 +425,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText css-1vkrgyt-euiText-s"
className="euiText emotion-euiText-s"
>
Some unknown field
</div>

16
x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot generated
View file

@ -16,13 +16,13 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent default 1`]
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -40,7 +40,7 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent default 1`]
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -54,7 +54,7 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent default 1`]
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-0"
role="region"
tabIndex={-1}
@ -80,13 +80,13 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent empty group
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -104,7 +104,7 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent empty group
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -118,7 +118,7 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent empty group
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-0"
role="region"
tabIndex={-1}

50
x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/workpad_filters.component.stories.storyshot generated
View file

@ -22,7 +22,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Empty filt
className="euiFlexItem"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
>
<h5>
Group by
@ -109,7 +109,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
className="euiFlexItem"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
>
<h5>
Group by
@ -181,13 +181,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -205,7 +205,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -219,7 +219,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-0"
role="region"
tabIndex={-1}
@ -253,7 +253,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
className="euiFlexItem"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
>
<h5>
Group by
@ -325,13 +325,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -349,7 +349,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -363,7 +363,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-0"
role="region"
tabIndex={-1}
@ -397,7 +397,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
className="euiFlexItem"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
>
<h5>
Group by
@ -469,13 +469,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -493,7 +493,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -507,7 +507,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-0"
role="region"
tabIndex={-1}
@ -541,7 +541,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
className="euiFlexItem"
>
<div
className="euiText css-1lo1kz-euiText-m"
className="euiText emotion-euiText-m"
>
<h5>
Group by
@ -613,13 +613,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -637,7 +637,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
<button
aria-controls="canvas-filter-group-0"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -651,7 +651,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-0"
role="region"
tabIndex={-1}
@ -670,13 +670,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
}
>
<div
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper emotion-euiAccordion__triggerWrapper"
>
<button
aria-controls="canvas-filter-group-1"
aria-expanded={true}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-euiAccordion__iconButton-isOpen"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen"
onClick={[Function]}
tabIndex={-1}
type="button"
@ -694,7 +694,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
<button
aria-controls="canvas-filter-group-1"
aria-expanded={true}
className="euiAccordion__button css-ot1kdj-euiAccordion__button"
className="euiAccordion__button emotion-euiAccordion__button"
id="generated-id"
onClick={[Function]}
type="button"
@ -708,7 +708,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
</div>
<div
aria-labelledby="generated-id"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
className="euiAccordion__childWrapper emotion-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-1"
role="region"
tabIndex={-1}

34
x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot generated
View file

@ -12,15 +12,15 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
>
<div>
<h6
className="euiTitle css-1a3pmln-euiTitle-uppercase-xxxs"
className="euiTitle emotion-euiTitle-uppercase-xxxs"
>
Appearance
</h6>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -225,18 +225,18 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<h6
className="euiTitle css-1a3pmln-euiTitle-uppercase-xxxs"
className="euiTitle emotion-euiTitle-uppercase-xxxs"
>
Border
</h6>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -394,7 +394,7 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
>
<button
aria-label="Border white"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -811,7 +811,7 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
>
<button
aria-label="Border black"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -858,15 +858,15 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
>
<div>
<h6
className="euiTitle css-1a3pmln-euiTitle-uppercase-xxxs"
className="euiTitle emotion-euiTitle-uppercase-xxxs"
>
Appearance
</h6>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -1071,18 +1071,18 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
</div>
</div>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
className="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<h6
className="euiTitle css-1a3pmln-euiTitle-uppercase-xxxs"
className="euiTitle emotion-euiTitle-uppercase-xxxs"
>
Border
</h6>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiSpacer euiSpacer--xs css-1wffcmx-euiSpacer-xs"
className="euiSpacer euiSpacer--xs emotion-euiSpacer-xs"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -1240,7 +1240,7 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
>
<button
aria-label="Border white"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

4
x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot generated
View file

@ -26,7 +26,7 @@ exports[`Storyshots arguments/ContainerStyle simple 1`] = `
>
<button
aria-label="Container style white"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={
@ -84,7 +84,7 @@ exports[`Storyshots arguments/ContainerStyle/components simple template 1`] = `
>
<button
aria-label="Container style white"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
style={

4
x-pack/plugins/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/extended_template.stories.storyshot generated
View file

@ -81,10 +81,10 @@ exports[`Storyshots arguments/SeriesStyle extended 1`] = `
</div>
</div>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
className="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"

30
x-pack/plugins/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot generated
View file

@ -17,7 +17,7 @@ exports[`Storyshots arguments/SeriesStyle simple 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
Color
</div>
@ -26,11 +26,11 @@ exports[`Storyshots arguments/SeriesStyle simple 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
<button
aria-label="Color: Auto"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -60,7 +60,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: defaults 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
Color
</div>
@ -69,11 +69,11 @@ exports[`Storyshots arguments/SeriesStyle/components simple: defaults 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
<button
aria-label="Color: Auto"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -103,7 +103,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no labels 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
Color
</div>
@ -112,11 +112,11 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no labels 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
<button
aria-label="Color: Auto"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -146,7 +146,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
Color
</div>
@ -155,11 +155,11 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
<button
aria-label="Color: Auto"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"
@ -208,7 +208,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: with series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
Color
</div>
@ -217,11 +217,11 @@ exports[`Storyshots arguments/SeriesStyle/components simple: with series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText css-1utxlgq-euiText-xs"
className="euiText emotion-euiText-xs"
>
<button
aria-label="Color: Auto"
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
disabled={false}
onClick={[Function]}
type="button"

1380
x-pack/plugins/canvas/shareable_runtime/api/__snapshots__/shareable.test.tsx.snap generated
View file

File diff suppressed because it is too large Load diff

20
x-pack/plugins/canvas/shareable_runtime/api/shareable.test.tsx
View file

@ -36,10 +36,10 @@ describe('Canvas Shareable Workpad API', () => {
attachTo: container,
});
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
share();
await tick();
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
});
test('Placed successfully with height specified', async () => {
@ -52,13 +52,13 @@ describe('Canvas Shareable Workpad API', () => {
}
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
share();
await tick();
expect(wrapper.html()).toMatch(
/<div class=\"container\" style="height: 350px; width: 525px;\">/
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
});
test('Placed successfully with width specified', async () => {
@ -71,13 +71,13 @@ describe('Canvas Shareable Workpad API', () => {
}
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
share();
await tick();
expect(wrapper.html()).toMatch(
/<div class=\"container\" style="height: 267px; width: 400px;\">/
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
});
test('Placed successfully with width and height specified', async () => {
@ -95,13 +95,13 @@ describe('Canvas Shareable Workpad API', () => {
}
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
share();
await tick();
expect(wrapper.html()).toMatch(
/<div class=\"container\" style="height: 350px; width: 350px;\">/
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
});
test('Placed successfully with page specified', async () => {
@ -114,9 +114,9 @@ describe('Canvas Shareable Workpad API', () => {
}
);
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
share();
await tick();
expect(wrapper.html()).toMatchSnapshot();
expect(wrapper.render()).toMatchSnapshot();
});
});

18
x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot generated
View file

@ -1319,7 +1319,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -1342,7 +1342,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -1407,7 +1407,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page
@ -2801,7 +2801,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -2824,7 +2824,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -2889,7 +2889,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page
@ -3099,7 +3099,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -3122,7 +3122,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -3187,7 +3187,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page

12
x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot generated
View file

@ -1272,7 +1272,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -1295,7 +1295,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -1360,7 +1360,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page
@ -1524,7 +1524,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -1547,7 +1547,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -1612,7 +1612,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page

6
x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot generated
View file

@ -56,7 +56,7 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page
@ -153,7 +153,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page
@ -250,7 +250,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
Page

12
x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot generated
View file

@ -26,7 +26,7 @@ exports[`Storyshots shareables/Footer/Title component 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -49,7 +49,7 @@ exports[`Storyshots shareables/Footer/Title component 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -89,7 +89,7 @@ exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -112,7 +112,7 @@ exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
@ -152,7 +152,7 @@ exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = `
}
>
<a
className="euiLink css-102pf9n-euiLink-primary"
className="euiLink emotion-euiLink-primary"
href="https://www.elastic.co"
rel=""
title="Powered by Elastic.co"
@ -175,7 +175,7 @@ exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = `
}
>
<div
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
className="euiText emotion-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div

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

@ -9,7 +9,7 @@ exports[`<Settings /> can navigate Autoplay Settings 1`] = `
aria-describedby="generated-id"
aria-live="off"
aria-modal="true"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top css-1pupmsc-euiPanel-grow-m-plain"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top emotion-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
@ -108,7 +108,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
aria-describedby="generated-id"
aria-live="off"
aria-modal="true"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen css-1pupmsc-euiPanel-grow-m-plain"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen emotion-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; z-index: 2000;"
@ -258,7 +258,7 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
</span>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-1y0qta5-euiHorizontalRule-full-m"
class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m"
/>
<form>
<div
@ -360,7 +360,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 1`] =
aria-describedby="generated-id"
aria-live="off"
aria-modal="true"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top css-1pupmsc-euiPanel-grow-m-plain"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top emotion-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
@ -459,7 +459,7 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
aria-describedby="generated-id"
aria-live="off"
aria-modal="true"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen css-1pupmsc-euiPanel-grow-m-plain"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen emotion-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; z-index: 2000;"
@ -635,4 +635,187 @@ exports[`<Settings /> can navigate Toolbar Settings, closes when activated 2`] =
</div>
`;
exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `"<div><div data-eui=\\"EuiFocusTrap\\"><div class=\\"euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top css-1pupmsc-euiPanel-grow-m-plain\\" data-popover-panel=\\"true\\" tabindex=\\"0\\" aria-live=\\"off\\" role=\\"dialog\\" aria-modal=\\"true\\" aria-describedby=\\"generated-id\\" style=\\"top: -16px; left: -22px; z-index: 2000;\\"><div class=\\"euiPopover__panelArrow euiPopover__panelArrow--top\\" style=\\"left: 10px; top: 0px;\\"></div><p id=\\"generated-id\\" class=\\"euiScreenReaderOnly\\">You are in a dialog. To close this dialog, hit escape.</p><div><div class=\\"euiContextMenu\\" style=\\"height: 0px;\\"><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft\\" tabindex=\\"-1\\"><div class=\\"euiContextMenuPanelTitle\\"><span class=\\"euiContextMenu__itemLayout\\">Settings</span></div><div><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"play\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Auto Play</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button><button class=\\"euiContextMenuItem\\" type=\\"button\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"boxesHorizontal\\" class=\\"euiContextMenu__icon\\" color=\\"inherit\\"></span><span class=\\"euiContextMenuItem__text\\">Toolbar</span><span data-euiicon-type=\\"arrowRight\\" class=\\"euiContextMenu__arrow\\"></span></span></button></div></div><div class=\\"euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft\\" tabindex=\\"-1\\"><button class=\\"euiContextMenuPanelTitle\\" type=\\"button\\" data-test-subj=\\"contextMenuPanelTitleButton\\"><span class=\\"euiContextMenu__itemLayout\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiContextMenu__icon\\"></span><span class=\\"euiContextMenu__text\\">Toolbar</span></span></button><div><div style=\\"padding: 16px;\\"><div class=\\"euiFormRow\\" id=\\"generated-id-row\\"><div class=\\"euiFormRow__fieldWrapper\\"><div class=\\"euiSwitch\\"><button id=\\"generated-id\\" aria-checked=\\"true\\" class=\\"euiSwitch__button\\" role=\\"switch\\" type=\\"button\\" aria-labelledby=\\"generated-id\\" data-test-subj=\\"hideToolbarSwitch\\" name=\\"toolbarHide\\" aria-describedby=\\"generated-id-help-0\\"><span class=\\"euiSwitch__body\\"><span class=\\"euiSwitch__thumb\\"></span><span class=\\"euiSwitch__track\\"><span data-euiicon-type=\\"cross\\" class=\\"euiSwitch__icon\\"></span><span data-euiicon-type=\\"check\\" class=\\"euiSwitch__icon euiSwitch__icon--checked\\"></span></span></span></button><span class=\\"euiSwitch__label\\" id=\\"generated-id\\">Hide Toolbar</span></div><div class=\\"euiFormHelpText euiFormRow__text\\" id=\\"generated-id-help-0\\">Hide the toolbar when the mouse is not within the Canvas?</div></div></div></div></div></div></div></div></div></div></div>"`;
exports[`<Settings /> can navigate Toolbar Settings, closes when activated 3`] = `
<div>
<div
data-eui="EuiFocusTrap"
>
<div
aria-describedby="generated-id"
aria-live="off"
aria-modal="true"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top emotion-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; z-index: 2000;"
tabindex="0"
>
<div
class="euiPopover__panelArrow euiPopover__panelArrow--top"
style="left: 10px; top: 0px;"
/>
<p
class="euiScreenReaderOnly"
id="generated-id"
>
You are in a dialog. To close this dialog, hit escape.
</p>
<div>
<div
class="euiContextMenu"
style="height: 0px;"
>
<div
class="euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txOutLeft"
tabindex="-1"
>
<div
class="euiContextMenuPanelTitle"
>
<span
class="euiContextMenu__itemLayout"
>
Settings
</span>
</div>
<div>
<button
class="euiContextMenuItem"
type="button"
>
<span
class="euiContextMenu__itemLayout"
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="play"
/>
<span
class="euiContextMenuItem__text"
>
Auto Play
</span>
<span
class="euiContextMenu__arrow"
data-euiicon-type="arrowRight"
/>
</span>
</button>
<button
class="euiContextMenuItem"
type="button"
>
<span
class="euiContextMenu__itemLayout"
>
<span
class="euiContextMenu__icon"
color="inherit"
data-euiicon-type="boxesHorizontal"
/>
<span
class="euiContextMenuItem__text"
>
Toolbar
</span>
<span
class="euiContextMenu__arrow"
data-euiicon-type="arrowRight"
/>
</span>
</button>
</div>
</div>
<div
class="euiContextMenuPanel euiContextMenu__panel euiContextMenuPanel-txInLeft"
tabindex="-1"
>
<button
class="euiContextMenuPanelTitle"
data-test-subj="contextMenuPanelTitleButton"
type="button"
>
<span
class="euiContextMenu__itemLayout"
>
<span
class="euiContextMenu__icon"
data-euiicon-type="arrowLeft"
/>
<span
class="euiContextMenu__text"
>
Toolbar
</span>
</span>
</button>
<div>
<div
style="padding: 16px;"
>
<div
class="euiFormRow"
id="generated-id-row"
>
<div
class="euiFormRow__fieldWrapper"
>
<div
class="euiSwitch"
>
<button
aria-checked="true"
aria-describedby="generated-id-help-0"
aria-labelledby="generated-id"
class="euiSwitch__button"
data-test-subj="hideToolbarSwitch"
id="generated-id"
name="toolbarHide"
role="switch"
type="button"
>
<span
class="euiSwitch__body"
>
<span
class="euiSwitch__thumb"
/>
<span
class="euiSwitch__track"
>
<span
class="euiSwitch__icon"
data-euiicon-type="cross"
/>
<span
class="euiSwitch__icon euiSwitch__icon--checked"
data-euiicon-type="check"
/>
</span>
</span>
</button>
<span
class="euiSwitch__label"
id="generated-id"
>
Hide Toolbar
</span>
</div>
<div
class="euiFormHelpText euiFormRow__text"
id="generated-id-help-0"
>
Hide the toolbar when the mouse is not within the Canvas?
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;

6
x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/autoplay_settings.stories.storyshot generated
View file

@ -70,7 +70,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
</span>
</div>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-1y0qta5-euiHorizontalRule-full-m"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m"
/>
<form
onSubmit={[Function]}
@ -239,7 +239,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
</span>
</div>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-1y0qta5-euiHorizontalRule-full-m"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m"
/>
<form
onSubmit={[Function]}
@ -408,7 +408,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
</span>
</div>
<hr
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium css-1y0qta5-euiHorizontalRule-full-m"
className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium emotion-euiHorizontalRule-full-m"
/>
<form
onSubmit={[Function]}

2
x-pack/plugins/canvas/shareable_runtime/components/footer/settings/settings.test.tsx
View file

@ -80,6 +80,6 @@ describe('<Settings />', () => {
// The Portal should not be open.
expect(popover(wrapper).prop('isOpen')).toEqual(false);
expect(portal(wrapper).html()).toMatchSnapshot();
expect(portal(wrapper).render()).toMatchSnapshot();
});
});

8
x-pack/plugins/canvas/storybook/storyshots.test.tsx
View file

@ -18,6 +18,8 @@ import initStoryshots, { Stories2SnapsConverter } from '@storybook/addon-storysh
// @ts-expect-error untyped library
import styleSheetSerializer from 'jest-styled-components/src/styleSheetSerializer';
import { addSerializer } from 'jest-specific-snapshot';
import { createSerializer } from '@emotion/jest';
import { replaceEmotionPrefix } from '@elastic/eui/lib/test';
// Several of the renderers, used by the runtime, use jQuery.
import jquery from 'jquery';
@ -90,6 +92,12 @@ jest.mock('../public/lib/es_service', () => ({
addSerializer(styleSheetSerializer);
const emotionSerializer = createSerializer({
classNameReplacer: replaceEmotionPrefix,
includeStyles: false,
});
addSerializer(emotionSerializer);
const converter = new Stories2SnapsConverter();
// Initialize Storyshots and build the Jest Snapshots

24
x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap generated
View file

@ -97,35 +97,35 @@ Array [
exports[`extend index management ilm summary extension should return extension when index has lifecycle error 1`] = `
Array [
<h3
class="euiTitle css-1mr6cet-euiTitle-s"
class="euiTitle emotion-euiTitle-s"
>
Index lifecycle management
</h3>,
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>,
<div
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger emotion-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
class="euiTitle euiCallOutHeader__title emotion-euiTitle-xs-euiCallOutHeader-danger"
>
<span
aria-hidden="true"
class="css-15maws8-euiCallOut__icon"
class="emotion-euiCallOut__icon"
color="inherit"
data-euiicon-type="cross"
/>
Index lifecycle error
</p>
<div
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
class="euiText emotion-euiText-s-euiTextColor-default-euiCallOut__description"
>
illegal_argument_exception: setting [index.lifecycle.rollover_alias] for index [testy3] is empty or not defined
</div>
</div>,
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>,
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -147,7 +147,7 @@ Array [
class="euiDescriptionList__description"
>
<a
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="management/data/index_lifecycle_management//policies/edit/testy"
rel="noreferrer"
>
@ -228,7 +228,7 @@ Array [
class="euiPopover__anchor"
>
<button
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
type="button"
>
Show definition
@ -245,12 +245,12 @@ Array [
exports[`extend index management ilm summary extension should return extension when index has lifecycle policy 1`] = `
Array [
<h3
class="euiTitle css-1mr6cet-euiTitle-s"
class="euiTitle emotion-euiTitle-s"
>
Index lifecycle management
</h3>,
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>,
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
@ -272,7 +272,7 @@ Array [
class="euiDescriptionList__description"
>
<a
class="euiLink css-102pf9n-euiLink-primary"
class="euiLink emotion-euiLink-primary"
href="management/data/index_lifecycle_management//policies/edit/testy"
rel="noreferrer"
>

12
x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/policy_table.test.tsx.snap generated
View file

@ -38,11 +38,11 @@ Array [
exports[`policy table shows empty state when there are no policies 1`] = `
<div
class="euiPanel euiPanel--subdued euiPanel--paddingLarge euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter css-1f0qifb-euiPanel-grow-m-l-subdued"
class="euiPanel euiPanel--subdued euiPanel--paddingLarge euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter emotion-euiPanel-grow-m-l-subdued"
role="main"
>
<div
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge emotion-euiPanel-m-transparent"
>
<div
class="euiEmptyPrompt__main"
@ -62,22 +62,22 @@ exports[`policy table shows empty state when there are no policies 1`] = `
class="euiEmptyPrompt__contentInner"
>
<h1
class="euiTitle css-1w464ad-euiTitle-m"
class="euiTitle emotion-euiTitle-m"
>
Create your first index lifecycle policy
</h1>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
class="euiSpacer euiSpacer--m emotion-euiSpacer-m"
/>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
class="euiText emotion-euiText-m-euiTextColor-subdued"
>
<p>
An index lifecycle policy helps you manage your indices as they age.
</p>
</div>
<div
class="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<button
class="euiButton euiButton--primary euiButton--fill"

90
x-pack/plugins/license_management/__jest__/__snapshots__/add_license.test.js.snap generated
View file

@ -1,5 +1,91 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AddLicense component when license is active should display correct verbiage 1`] = `"<div class=\\"euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned css-khmtme-euiPanel-grow-m-m-plain-hasBorder\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiCard__title css-1mr6cet-euiTitle-s\\" id=\\"generated-idTitle\\">Update your license</span><div class=\\"euiText euiCard__description css-1vkrgyt-euiText-s\\" id=\\"generated-idDescription\\"><p>If you already have a new license, upload it now.</p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"/upload_license\\" rel=\\"noreferrer\\" data-test-subj=\\"updateLicenseButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Update license</span></span></a></div></div>"`;
exports[`AddLicense component when license is active should display correct verbiage 1`] = `
<div
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned emotion-euiPanel-grow-m-m-plain-hasBorder"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Update your license
</span>
<div
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
If you already have a new license, upload it now.
</p>
</div>
</div>
<div
class="euiCard__footer"
>
<a
class="euiButton euiButton--primary"
data-test-subj="updateLicenseButton"
href="/upload_license"
rel="noreferrer"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Update license
</span>
</span>
</a>
</div>
</div>
`;
exports[`AddLicense component when license is expired should display with correct verbiage 1`] = `"<div class=\\"euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned css-khmtme-euiPanel-grow-m-m-plain-hasBorder\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiCard__title css-1mr6cet-euiTitle-s\\" id=\\"generated-idTitle\\">Update your license</span><div class=\\"euiText euiCard__description css-1vkrgyt-euiText-s\\" id=\\"generated-idDescription\\"><p>If you already have a new license, upload it now.</p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"/upload_license\\" rel=\\"noreferrer\\" data-test-subj=\\"updateLicenseButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Update license</span></span></a></div></div>"`;
exports[`AddLicense component when license is expired should display with correct verbiage 1`] = `
<div
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned emotion-euiPanel-grow-m-m-plain-hasBorder"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Update your license
</span>
<div
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
If you already have a new license, upload it now.
</p>
</div>
</div>
<div
class="euiCard__footer"
>
<a
class="euiButton euiButton--primary"
data-test-subj="updateLicenseButton"
href="/upload_license"
rel="noreferrer"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Update license
</span>
</span>
</a>
</div>
</div>
`;

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

@ -1,5 +1,109 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`LicenseStatus component should display display warning is expired 1`] = `"<header class=\\"euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center\\"><div class=\\"euiPageHeaderContent\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top\\"><div class=\\"euiFlexItem\\"><h1 class=\\"euiTitle css-1bexacr-euiTitle-l\\"><span data-euiicon-type=\\"alert\\" color=\\"danger\\" class=\\"euiPageHeaderContent__titleIcon\\"></span><span data-test-subj=\\"licenseText\\">Your Platinum license has expired</span></h1><div class=\\"euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiText css-j3htvy-euiText-constrainedWidth-m\\"><p><span data-test-subj=\\"licenseSubText\\">Your license expired on <strong></strong></span></p></div></div></div></div></header><div class=\\"euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l\\"></div>"`;
exports[`LicenseStatus component should display display warning is expired 1`] = `
Array [
<header
class="euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center"
>
<div
class="euiPageHeaderContent"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
>
<div
class="euiFlexItem"
>
<h1
class="euiTitle emotion-euiTitle-l"
>
<span
class="euiPageHeaderContent__titleIcon"
color="danger"
data-euiicon-type="alert"
/>
<span
data-test-subj="licenseText"
>
Your Platinum license has expired
</span>
</h1>
<div
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
class="euiText emotion-euiText-constrainedWidth-m"
>
<p>
<span
data-test-subj="licenseSubText"
>
Your license expired on
<strong />
</span>
</p>
</div>
</div>
</div>
</div>
</header>,
<div
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>,
]
`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<header class=\\"euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center\\"><div class=\\"euiPageHeaderContent\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top\\"><div class=\\"euiFlexItem\\"><h1 class=\\"euiTitle css-1bexacr-euiTitle-l\\"><span data-euiicon-type=\\"checkInCircleFilled\\" color=\\"success\\" class=\\"euiPageHeaderContent__titleIcon\\"></span><span data-test-subj=\\"licenseText\\">Your Gold license is active</span></h1><div class=\\"euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiText css-j3htvy-euiText-constrainedWidth-m\\"><p><span data-test-subj=\\"licenseSubText\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></span></p></div></div></div></div></header><div class=\\"euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l\\"></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `
Array [
<header
class="euiPageHeader euiPageHeader--bottomBorder euiPageHeader--responsive euiPageHeader--center"
>
<div
class="euiPageHeaderContent"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
>
<div
class="euiFlexItem"
>
<h1
class="euiTitle emotion-euiTitle-l"
>
<span
class="euiPageHeaderContent__titleIcon"
color="success"
data-euiicon-type="checkInCircleFilled"
/>
<span
data-test-subj="licenseText"
>
Your Gold license is active
</span>
</h1>
<div
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>
<div
class="euiText emotion-euiText-constrainedWidth-m"
>
<p>
<span
data-test-subj="licenseSubText"
>
Your license will expire on
<strong>
October 12, 2099 7:00 PM EST
</strong>
</span>
</p>
</div>
</div>
</div>
</div>
</header>,
<div
class="euiSpacer euiSpacer--l emotion-euiSpacer-l"
/>,
]
`;

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

@ -1,9 +1,289 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`RequestTrialExtension component should display when enterprise license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned css-khmtme-euiPanel-grow-m-m-plain-hasBorder\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiCard__title css-1mr6cet-euiTitle-s\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiCard__description css-1vkrgyt-euiText-s\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">subscription features<span data-euiicon-type=\\"popout\\" class=\\"css-q4vwwx-euiLink__externalIcon\\">External link</span><span class=\\"euiScreenReaderOnly\\">(opens in a new tab or window)</span></a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" rel=\\"noopener\\" target=\\"_blank\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
exports[`RequestTrialExtension component should display when enterprise license is not active and trial has been used 1`] = `
<div
class="euiFlexItem"
>
<div
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned emotion-euiPanel-grow-m-m-plain-hasBorder"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Extend your trial
</span>
<div
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
<span>
If you’d like to continue using machine learning, advanced security, and our other awesome
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
target="_blank"
>
subscription features
<span
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
, request an extension now.
</span>
</p>
</div>
</div>
<div
class="euiCard__footer"
>
<a
class="euiButton euiButton--primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
target="_blank"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Extend trial
</span>
</span>
</a>
</div>
</div>
</div>
`;
exports[`RequestTrialExtension component should display when license is active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned css-khmtme-euiPanel-grow-m-m-plain-hasBorder\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiCard__title css-1mr6cet-euiTitle-s\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiCard__description css-1vkrgyt-euiText-s\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">subscription features<span data-euiicon-type=\\"popout\\" class=\\"css-q4vwwx-euiLink__externalIcon\\">External link</span><span class=\\"euiScreenReaderOnly\\">(opens in a new tab or window)</span></a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" rel=\\"noopener\\" target=\\"_blank\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
exports[`RequestTrialExtension component should display when license is active and trial has been used 1`] = `
<div
class="euiFlexItem"
>
<div
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned emotion-euiPanel-grow-m-m-plain-hasBorder"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Extend your trial
</span>
<div
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
<span>
If you’d like to continue using machine learning, advanced security, and our other awesome
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
target="_blank"
>
subscription features
<span
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
, request an extension now.
</span>
</p>
</div>
</div>
<div
class="euiCard__footer"
>
<a
class="euiButton euiButton--primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
target="_blank"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Extend trial
</span>
</span>
</a>
</div>
</div>
</div>
`;
exports[`RequestTrialExtension component should display when license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned css-khmtme-euiPanel-grow-m-m-plain-hasBorder\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiCard__title css-1mr6cet-euiTitle-s\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiCard__description css-1vkrgyt-euiText-s\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">subscription features<span data-euiicon-type=\\"popout\\" class=\\"css-q4vwwx-euiLink__externalIcon\\">External link</span><span class=\\"euiScreenReaderOnly\\">(opens in a new tab or window)</span></a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" rel=\\"noopener\\" target=\\"_blank\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
exports[`RequestTrialExtension component should display when license is not active and trial has been used 1`] = `
<div
class="euiFlexItem"
>
<div
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned emotion-euiPanel-grow-m-m-plain-hasBorder"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Extend your trial
</span>
<div
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
<span>
If you’d like to continue using machine learning, advanced security, and our other awesome
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
target="_blank"
>
subscription features
<span
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
, request an extension now.
</span>
</p>
</div>
</div>
<div
class="euiCard__footer"
>
<a
class="euiButton euiButton--primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
target="_blank"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Extend trial
</span>
</span>
</a>
</div>
</div>
</div>
`;
exports[`RequestTrialExtension component should display when platinum license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned css-khmtme-euiPanel-grow-m-m-plain-hasBorder\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiCard__title css-1mr6cet-euiTitle-s\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiCard__description css-1vkrgyt-euiText-s\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">subscription features<span data-euiicon-type=\\"popout\\" class=\\"css-q4vwwx-euiLink__externalIcon\\">External link</span><span class=\\"euiScreenReaderOnly\\">(opens in a new tab or window)</span></a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" rel=\\"noopener\\" target=\\"_blank\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButtonContent euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
exports[`RequestTrialExtension component should display when platinum license is not active and trial has been used 1`] = `
<div
class="euiFlexItem"
>
<div
class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--centerAligned emotion-euiPanel-grow-m-m-plain-hasBorder"
>
<div
class="euiCard__content"
>
<span
class="euiTitle euiCard__title emotion-euiTitle-s"
id="generated-idTitle"
>
Extend your trial
</span>
<div
class="euiText euiCard__description emotion-euiText-s"
id="generated-idDescription"
>
<p>
<span>
If you’d like to continue using machine learning, advanced security, and our other awesome
<a
class="euiLink emotion-euiLink-primary"
href="https://www.elastic.co/subscriptions"
rel="noopener"
target="_blank"
>
subscription features
<span
class="emotion-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
, request an extension now.
</span>
</p>
</div>
</div>
<div
class="euiCard__footer"
>
<a
class="euiButton euiButton--primary"
data-test-subj="extendTrialButton"
href="https://www.elastic.co/trialextension"
rel="noopener"
target="_blank"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Extend trial
</span>
</span>
</a>
</div>
</div>
</div>
`;

Some files were not shown because too many files have changed in this diff Show more