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 v59.0.1 (#133927)

Browse source 
* eui to v59.0.0

* i18n tokens

* update theme var tokens

* mock mouseevent for euiselectable

* mock mouseevent for euiselectable

* update theme var tokens

* [CI] Auto-commit changed files from 'node scripts/precommit_hook.js --ref HEAD~1..HEAD --fix'

* mock mouseevent for euiselectable

* update theme var tokens

* update theme var tokens mocks

* WIP: forwardRef type

* update snapshots

* euiTextColor

* snapshot updates

* jest test updates

* euiTextColor updates

* jest test updates

* update getVisualizeError selector

* euiPaddingSizes

* snapshot update

* WIP: accordion cy.react

* DetailPanelMetadataTab test updates

* eui to v59.0.1

* snapshot updates

* WIP: osquery cypress

* WIP: osquery cypress

* use data-test-subj

* log standard console errors

* snapshot

* paddingSizes update

* euiaccordion class type comment

* snapshots

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Greg Thompson 2022-06-21 17:08:15 -05:00 • committed by GitHub
parent ee1bbf2f41
commit 2336f33632
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
290 changed files with 1420 additions and 2508 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.2.0-canary.2",
"@elastic/ems-client": "8.3.3",
"@elastic/eui": "58.0.0",
"@elastic/eui": "59.0.1",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

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

@ -28,6 +28,7 @@ const emotionCache = createCache({
key: 'eui-styles',
container: document.querySelector(`meta[name="${EUI_STYLES_GLOBAL}"]`) as HTMLElement,
});
emotionCache.compat = true;
/**
* Wrapper around `EuiProvider` converting (and exposing) core's theme to EUI theme.

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

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

@ -23,6 +23,7 @@ const EuiProviderDecorator: DecoratorFn = (storyFn, { globals }) => {
key: 'eui-styles',
container: document.querySelector(`meta[name="eui-styles-global"]`) as HTMLElement,
});
emotionCache.compat = true;
return (
<EuiProvider colorMode={colorMode} cache={emotionCache}>

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

@ -12,3 +12,18 @@ module.exports = createSerializer({
classNameReplacer: (className) => className,
includeStyles: false,
});
const consoleError = console.error;
console.error = (message, ...rest) => {
// @see https://github.com/emotion-js/emotion/issues/1105
// This error that Emotion throws doesn't apply to Jest, so
// we're just going to remove the first/nth-child warning
if (
typeof message === 'string' &&
message.includes('The pseudo class') &&
message.includes('is potentially unsafe when doing server-side rendering. Try changing it to')
) {
return;
}
consoleError(message, ...rest);
};

24
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--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--centerAligned euiCard--isClickable css-1hu4pg0-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -44,7 +44,7 @@ exports[`NoDataCard props button 1`] = `
</a>
</span>
<div
class="euiText euiText--small euiCard__description"
class="euiText euiCard__description css-1vkrgyt-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--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--centerAligned euiCard--isClickable custom_class css-1hu4pg0-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable custom_class css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -118,7 +118,7 @@ exports[`NoDataCard props extends EuiCardProps 1`] = `
</a>
</span>
<div
class="euiText euiText--small euiCard__description"
class="euiText euiCard__description css-1vkrgyt-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--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--centerAligned euiCard--isClickable css-1hu4pg0-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -192,7 +192,7 @@ exports[`NoDataCard props href 1`] = `
</a>
</span>
<div
class="euiText euiText--small euiCard__description"
class="euiText euiCard__description css-1vkrgyt-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--paddingLarge euiPanel--borderRadiusMedium euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiCard euiCard--centerAligned euiCard-isDisabled css-1hu4pg0-EuiCard"
class="euiPanel euiPanel--subdued euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard-isDisabled css-97w5mt-euiPanel-grow-m-l-subdued-EuiCard"
>
<div
class="euiCard__top"
@ -258,19 +258,19 @@ exports[`NoDataCard props no access to Fleet 1`] = `
disabled=""
>
<span
class="euiTextColor euiTextColor--default"
class="css-7fidck-euiTextColor-default"
>
Contact your administrator
</span>
</button>
</span>
<div
class="euiText euiText--small euiCard__description"
class="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
<span
class="euiTextColor euiTextColor--default"
class="css-7fidck-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--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--centerAligned euiCard--isClickable css-1hu4pg0-EuiCard"
class="euiPanel euiPanel--plain euiPanel--paddingLarge euiCard euiCard--centerAligned euiCard--isClickable css-1xmyfa3-euiPanel-grow-m-l-plain-hasShadow-isClickable-EuiCard"
>
<div
class="euiCard__top"
@ -325,7 +325,7 @@ exports[`NoDataCard renders 1`] = `
</a>
</span>
<div
class="euiText euiText--small euiCard__description"
class="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -104,12 +104,12 @@ Array [
data-test-subj="collapsibleNavGroup-recentlyViewed"
>
<div
class="euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button euiCollapsibleNavGroup__heading"
class="euiAccordion__button euiCollapsibleNavGroup__heading css-ot1kdj-euiAccordion__button"
id="generated-id"
type="button"
>
@ -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"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -150,14 +150,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=""
class=" css-ip8p5q-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -222,12 +222,12 @@ Array [
data-test-subj="collapsibleNavGroup-kibana"
>
<div
class="euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
id="generated-id"
type="button"
>
@ -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"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -275,14 +275,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=""
class=" css-ip8p5q-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -354,12 +354,12 @@ Array [
data-test-subj="collapsibleNavGroup-observability"
>
<div
class="euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
id="generated-id"
type="button"
>
@ -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"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -407,14 +407,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=""
class=" css-ip8p5q-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -469,12 +469,12 @@ Array [
data-test-subj="collapsibleNavGroup-securitySolution"
>
<div
class="euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
id="generated-id"
type="button"
>
@ -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"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -522,14 +522,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=""
class=" css-ip8p5q-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"
@ -567,12 +567,12 @@ Array [
data-test-subj="collapsibleNavGroup-management"
>
<div
class="euiAccordion__triggerWrapper"
class="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
>
<button
aria-controls="generated-id"
aria-expanded="true"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton"
class="euiAccordion__button kbnCollapsibleNav__solutionGroupButton css-ot1kdj-euiAccordion__button"
id="generated-id"
type="button"
>
@ -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"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen euiAccordion__iconButton--right css-1flihik-euiAccordion__iconButton-isOpen-arrowRight"
tabindex="-1"
type="button"
>
@ -620,14 +620,14 @@ Array [
</div>
<div
aria-labelledby="generated-id"
class="euiAccordion__childWrapper"
class="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
id="generated-id"
role="region"
tabindex="-1"
>
<div>
<div
class=""
class=" css-ip8p5q-euiAccordion__children"
>
<div
class="euiCollapsibleNavGroup__children"

1
src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap generated
View file

@ -66,6 +66,7 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiColumnSortingDraggable.activeSortLabel": [Function],
"euiColumnSortingDraggable.defaultSortAsc": "A-Z",
"euiColumnSortingDraggable.defaultSortDesc": "Z-A",
"euiColumnSortingDraggable.dragHandleAriaLabel": "Drag handle",
"euiColumnSortingDraggable.removeSortLabel": [Function],
"euiColumnSortingDraggable.toggleLegend": [Function],
"euiComboBox.listboxAriaLabel": "Choose from the following options",

6
src/core/public/i18n/i18n_eui_mapping.tsx
View file

@ -306,6 +306,12 @@ export const getEuiContextMapping = (): EuiTokensObject => {
defaultMessage: 'Select sorting method for {display}',
values: { display },
}),
'euiColumnSortingDraggable.dragHandleAriaLabel': i18n.translate(
'core.euiColumnSortingDraggable.dragHandleAriaLabel',
{
defaultMessage: 'Drag handle',
}
),
'euiComboBox.listboxAriaLabel': i18n.translate('core.euiComboBox.listboxAriaLabel', {
defaultMessage: 'Choose from the following options',
}),

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

@ -89,7 +89,7 @@ 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 euiText--medium\\" 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 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 string confirm message 1`] = `
Array [
@ -217,7 +217,7 @@ 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 euiText--medium\\" 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 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() with a currently active confirm replaces the current confirm with the new one 1`] = `
Array [

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

4
src/plugins/charts/public/static/components/common_chart_styles.ts
View file

@ -17,9 +17,9 @@ export const useCommonChartStyles = () => {
const subdued = useMemo(
() => css`
fill: ${euiTheme.colors.subdued};
fill: ${euiTheme.colors.subduedText};
`,
[euiTheme.colors.subdued]
[euiTheme.colors.subduedText]
);
const accent = css`

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

@ -21,15 +21,11 @@ exports[`DashboardEmptyScreen renders correctly with edit mode 1`] = `
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
class="euiText euiText--small"
class="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
>
<div
class="euiTextColor euiTextColor--subdued"
>
<span>
Create content that tells a story about your data.
</span>
</div>
<span>
Create content that tells a story about your data.
</span>
</div>
</div>
`;
@ -44,7 +40,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
class="euiPageBody euiPageBody--borderRadiusNone"
>
<div
class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent css-n9us4v-euiPanel-grow-m-plain-hasShadow"
role="main"
>
<figure
@ -57,7 +53,7 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
/>
</figure>
<div
class="euiText euiText--medium"
class="euiText css-1lo1kz-euiText-m"
>
<p
style="font-weight: bold;"
@ -66,13 +62,9 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = `
</p>
</div>
<div
class="euiText euiText--medium"
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
>
<div
class="euiTextColor euiTextColor--subdued"
>
You need additional privileges to edit this dashboard.
</div>
You need additional privileges to edit this dashboard.
</div>
</div>
</div>
@ -89,7 +81,7 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
class="euiPageBody euiPageBody--borderRadiusNone"
>
<div
class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--verticalCenter euiPageContent--horizontalCenter dshStartScreen__pageContent css-n9us4v-euiPanel-grow-m-plain-hasShadow"
role="main"
>
<figure
@ -102,7 +94,7 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
/>
</figure>
<div
class="euiText euiText--medium"
class="euiText css-1lo1kz-euiText-m"
>
<p
style="font-weight: bold;"
@ -117,15 +109,11 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = `
class="dshStartScreen__panelDesc"
>
<div
class="euiText euiText--medium"
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
>
<div
class="euiTextColor euiTextColor--subdued"
>
<p>
Click edit in the menu bar above to start adding panels.
</p>
</div>
<p>
Click edit in the menu bar above to start adding panels.
</p>
</div>
</div>
</div>

8
src/plugins/data/public/search/session/sessions_mgmt/components/status.test.tsx
View file

@ -65,9 +65,11 @@ describe('Background Search Session management status labels', () => {
</LocaleWrapper>
);
const label = statusIndicator.find(
`.euiText[data-test-subj="sessionManagementStatusLabel"][data-test-status="in_progress"]`
);
const label = statusIndicator
.find(
`.euiText[data-test-subj="sessionManagementStatusLabel"][data-test-status="in_progress"]`
)
.last();
expect(label.text()).toMatchInlineSnapshot(`"In progress"`);
});

2
src/plugins/data/public/search/session/sessions_mgmt/lib/get_columns.test.tsx
View file

@ -262,7 +262,7 @@ describe('Search Sessions Management table column factory', () => {
const statusLine = mount(status.render!(mockSession.status, mockSession) as ReactElement);
expect(
statusLine.find('.euiText[data-test-subj="sessionManagementStatusTooltip"]').text()
statusLine.find('.euiText[data-test-subj="sessionManagementStatusTooltip"]').last().text()
).toMatchInlineSnapshot(`"In progress"`);
});

26
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--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
>
<div
class="euiEmptyPrompt__main"
@ -18,20 +18,16 @@ exports[`Inspector Data View component should render empty state 1`] = `
>
No data available
</h2>
<span
class="euiTextColor euiTextColor--subdued"
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
class="euiText euiText--medium"
>
<p>
The element did not provide any data.
</p>
</div>
</span>
<p>
The element did not provide any data.
</p>
</div>
</div>
</div>
</div>
@ -463,7 +459,7 @@ Array [
class="euiFlexItem"
>
<div
class="euiText euiText--extraSmall"
class="euiText css-1utxlgq-euiText-xs"
>
<p
aria-atomic="true"

2
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 euiText--small"
class="euiText css-1vkrgyt-euiText-s"
>
<p>
<span>

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

@ -3,7 +3,7 @@
exports[`ScriptingWarningCallOut should render normally 1`] = `
Array [
<div
class="euiText euiText--small"
class="euiText css-1vkrgyt-euiText-s"
>
<p>
<span>
@ -33,7 +33,7 @@ Array [
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>,
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--warning euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--warning css-1flvw80-euiCallOut"
class="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning css-1yqbqzs-euiPanel-none-m-warning-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-nznt5c-euiTitle-xs-euiCallOutHeader-warning"
@ -49,29 +49,25 @@ Array [
</span>
</p>
<div
class="euiText euiText--small css-i7i3v9-euiCallOut__description"
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div
class="euiTextColor euiTextColor--default"
class="euiText css-1vkrgyt-euiText-s"
>
<div
class="euiText euiText--small"
>
<p>
<span>
For greater flexibility and Painless script support, use
<button
class="euiLink css-102pf9n-euiLink-primary"
type="button"
>
<span>
runtime fields
</span>
</button>
.
</span>
</p>
</div>
<p>
<span>
For greater flexibility and Painless script support, use
<button
class="euiLink css-102pf9n-euiLink-primary"
type="button"
>
<span>
runtime fields
</span>
</button>
.
</span>
</p>
</div>
</div>
</div>,

687
src/plugins/discover/public/services/doc_views/components/doc_viewer_source/__snapshots__/source.test.tsx.snap generated
View file

@ -2,7 +2,7 @@
exports[`Source Viewer component renders error state 1`] = `
<div
class="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
>
<div
class="euiEmptyPrompt__main"
@ -26,42 +26,38 @@ exports[`Source Viewer component renders error state 1`] = `
>
An Error Occurred
</h2>
<span
class="euiTextColor euiTextColor--subdued"
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
>
<div
class="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
class="euiText euiText--medium"
>
<div>
Could not fetch data at this time. Refresh the tab to try again.
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<button
class="euiButton euiButton--primary"
type="button"
<div>
Could not fetch data at this time. Refresh the tab to try again.
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<button
class="euiButton euiButton--primary"
type="button"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButtonContent euiButton__content"
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="refresh"
/>
<span
class="euiButton__text"
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="refresh"
/>
<span
class="euiButton__text"
>
Refresh
</span>
Refresh
</span>
</button>
</div>
</span>
</button>
</div>
</span>
</div>
</div>
</div>
</div>
@ -69,599 +65,64 @@ exports[`Source Viewer component renders error state 1`] = `
`;
exports[`Source Viewer component renders json code editor 1`] = `
<DocViewerSource
hasLineNumbers={true}
id="1"
index="index1"
indexPattern={
Object {
"getComputedFields": [Function],
}
}
width={123}
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive dscJsonCodeEditor"
>
<Memo()
hasLineNumbers={true}
jsonValue="{
\\"_index\\": \\"logstash-2014.09.09\\",
\\"_type\\": \\"doc\\",
\\"_id\\": \\"id123\\",
\\"_score\\": 1,
\\"_source\\": {
\\"message\\": \\"Lorem ipsum dolor sit amet\\",
\\"extension\\": \\"html\\",
\\"not_mapped\\": \\"yes\\",
\\"bytes\\": 100,
\\"objectArray\\": [
{
\\"foo\\": true
}
],
\\"relatedContent\\": {
\\"test\\": 1
},
\\"scripted\\": 123,
\\"_underscore\\": 123
}
}"
onEditorDidMount={[Function]}
width={123}
<div
class="euiFlexItem"
>
<JsonCodeEditorCommon
hasLineNumbers={true}
jsonValue="{
\\"_index\\": \\"logstash-2014.09.09\\",
\\"_type\\": \\"doc\\",
\\"_id\\": \\"id123\\",
\\"_score\\": 1,
\\"_source\\": {
\\"message\\": \\"Lorem ipsum dolor sit amet\\",
\\"extension\\": \\"html\\",
\\"not_mapped\\": \\"yes\\",
\\"bytes\\": 100,
\\"objectArray\\": [
{
\\"foo\\": true
}
],
\\"relatedContent\\": {
\\"test\\": 1
},
\\"scripted\\": 123,
\\"_underscore\\": 123
}
}"
onEditorDidMount={[Function]}
width={123}
<div
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
class="eui-textRight"
>
<EuiFlexGroup
className="dscJsonCodeEditor"
direction="column"
gutterSize="s"
<span
class="euiToolTipAnchor"
>
<div
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionColumn euiFlexGroup--responsive dscJsonCodeEditor"
<button
class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
type="button"
>
<EuiFlexItem>
<div
className="euiFlexItem"
<span
class="euiButtonContent euiButtonEmpty__content"
>
<span
class="euiButtonContent__icon"
color="inherit"
data-euiicon-type="copyClipboard"
/>
<span
class="euiButtonEmpty__text"
>
<EuiSpacer
size="s"
>
<div
css="unknown styles"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"155ohbx-euiLoadingSpinner-m": true,
"1w464ad-euiTitle-m": true,
"78drzl-euiSpacer-s": true,
"animation-c24ia8": true,
"jv9za2-euiSpacer-m": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.css-155ohbx-euiLoadingSpinner-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;border-radius:50%;border:2px solid #D3DAE6;border-color:#07C #D3DAE6 #D3DAE6 #D3DAE6;width:16px;height:16px;border-width:calc(1px * 1.5);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>
<style
data-emotion="css"
data-s=""
>
@media screen and (prefers-reduced-motion: no-preference){.css-155ohbx-euiLoadingSpinner-m{-webkit-animation:animation-c24ia8 0.6s infinite linear;animation:animation-c24ia8 0.6s infinite linear;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>
<style
data-emotion="css"
data-s=""
>
@-webkit-keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>
<style
data-emotion="css"
data-s=""
>
@keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>
<style
data-emotion="css"
data-s=""
>
.css-1w464ad-euiTitle-m{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word;font-size:1.9286rem;line-height:2.2857rem;font-weight:700;color:#1a1c21;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RpdGxlL3RpdGxlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lLCB1c2VFdWlUaGVtZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7XG4gIGV1aVRleHRCcmVha1dvcmQsXG4gIGV1aUZvbnRTaXplLFxuICBfRXVpVGhlbWVGb250U2NhbGUsXG4gIF9FdWlUaGVtZUZvbnRTaXplTWVhc3VyZW1lbnQsXG59IGZyb20gJy4uLy4uL2dsb2JhbF9zdHlsaW5nJztcbmltcG9ydCB7IEV1aVRpdGxlU2l6ZSB9IGZyb20gJy4vdGl0bGUnO1xuXG4vKipcbiAqIE1peGluXG4gKi9cbnR5cGUgRXVpVGhlbWVUaXRsZSA9IHtcbiAgZm9udFNpemU6IENTU1Byb3BlcnRpZXNbJ2ZvbnRTaXplJ107XG4gIGxpbmVIZWlnaHQ6IENTU1Byb3BlcnRpZXNbJ2xpbmVIZWlnaHQnXTtcbiAgZm9udFdlaWdodDogQ1NTUHJvcGVydGllc1snZm9udFdlaWdodCddO1xuICBjb2xvcjogQ1NTUHJvcGVydGllc1snY29sb3InXTtcbn07XG5cbmV4cG9ydCBjb25zdCBldWlUaXRsZSA9IChcbiAgc2NhbGU6IEV1aVRpdGxlU2l6ZSA9ICdtJyxcbiAgZXVpVGhlbWU6IFVzZUV1aVRoZW1lWydldWlUaGVtZSddLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgdGl0bGVTY2FsZVRvRm9udFNpemVTY2FsZU1hcDoge1xuICAgIFtzaXplIGluIEV1aVRpdGxlU2l6ZV06IF9FdWlUaGVtZUZvbnRTY2FsZTtcbiAgfSA9IHtcbiAgICB4eHhzOiAneHMnLFxuICAgIHh4czogJ3MnLFxuICAgIHhzOiAnbScsXG4gICAgczogJ2wnLFxuICAgIG06ICd4bCcsXG4gICAgbDogJ3h4bCcsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5ldWlGb250U2l6ZSh0aXRsZVNjYWxlVG9Gb250U2l6ZVNjYWxlTWFwW3NjYWxlXSwgZXVpVGhlbWUsIG1lYXN1cmVtZW50KSxcbiAgICBmb250V2VpZ2h0OiBldWlUaGVtZS5mb250LndlaWdodFtldWlUaGVtZS5mb250LnRpdGxlLndlaWdodF0sXG4gICAgY29sb3I6IGV1aVRoZW1lLmNvbG9ycy50aXRsZSxcbiAgfTtcbn07XG5cbi8vIEhvb2sgdmVyc2lvblxuZXhwb3J0IGNvbnN0IHVzZUV1aVRpdGxlID0gKFxuICBzY2FsZTogRXVpVGl0bGVTaXplID0gJ20nLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgeyBldWlUaGVtZSB9ID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVRpdGxlKHNjYWxlLCBldWlUaGVtZSwgbWVhc3VyZW1lbnQpO1xufTtcblxuLyoqXG4gKiBTdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IGV1aVRpdGxlU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIGV1aVRpdGxlOiBjc3NgXG4gICAgJHtldWlUZXh0QnJlYWtXb3JkKCl9XG5cbiAgICAmICsgJiB7XG4gICAgICBtYXJnaW4tdG9wOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgfVxuICBgLFxuICB1cHBlcmNhc2U6IGNzc2BcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBgLFxuICAvLyBTaXplc1xuICB4eHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHh4cycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgeHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHhzJywgZXVpVGhlbWUpfVxuICBgLFxuICB4czogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ3hzJywgZXVpVGhlbWUpfVxuICBgLFxuICBzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgncycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgbTogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ20nLCBldWlUaGVtZSl9XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2V1aVRpdGxlKCdsJywgZXVpVGhlbWUpfVxuICBgLFxufSk7XG4iXX0= */
</style>
<style
data-emotion="css"
data-s=""
>
.css-1w464ad-euiTitle-m+.css-1w464ad-euiTitle-m{margin-top:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RpdGxlL3RpdGxlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lLCB1c2VFdWlUaGVtZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7XG4gIGV1aVRleHRCcmVha1dvcmQsXG4gIGV1aUZvbnRTaXplLFxuICBfRXVpVGhlbWVGb250U2NhbGUsXG4gIF9FdWlUaGVtZUZvbnRTaXplTWVhc3VyZW1lbnQsXG59IGZyb20gJy4uLy4uL2dsb2JhbF9zdHlsaW5nJztcbmltcG9ydCB7IEV1aVRpdGxlU2l6ZSB9IGZyb20gJy4vdGl0bGUnO1xuXG4vKipcbiAqIE1peGluXG4gKi9cbnR5cGUgRXVpVGhlbWVUaXRsZSA9IHtcbiAgZm9udFNpemU6IENTU1Byb3BlcnRpZXNbJ2ZvbnRTaXplJ107XG4gIGxpbmVIZWlnaHQ6IENTU1Byb3BlcnRpZXNbJ2xpbmVIZWlnaHQnXTtcbiAgZm9udFdlaWdodDogQ1NTUHJvcGVydGllc1snZm9udFdlaWdodCddO1xuICBjb2xvcjogQ1NTUHJvcGVydGllc1snY29sb3InXTtcbn07XG5cbmV4cG9ydCBjb25zdCBldWlUaXRsZSA9IChcbiAgc2NhbGU6IEV1aVRpdGxlU2l6ZSA9ICdtJyxcbiAgZXVpVGhlbWU6IFVzZUV1aVRoZW1lWydldWlUaGVtZSddLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgdGl0bGVTY2FsZVRvRm9udFNpemVTY2FsZU1hcDoge1xuICAgIFtzaXplIGluIEV1aVRpdGxlU2l6ZV06IF9FdWlUaGVtZUZvbnRTY2FsZTtcbiAgfSA9IHtcbiAgICB4eHhzOiAneHMnLFxuICAgIHh4czogJ3MnLFxuICAgIHhzOiAnbScsXG4gICAgczogJ2wnLFxuICAgIG06ICd4bCcsXG4gICAgbDogJ3h4bCcsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5ldWlGb250U2l6ZSh0aXRsZVNjYWxlVG9Gb250U2l6ZVNjYWxlTWFwW3NjYWxlXSwgZXVpVGhlbWUsIG1lYXN1cmVtZW50KSxcbiAgICBmb250V2VpZ2h0OiBldWlUaGVtZS5mb250LndlaWdodFtldWlUaGVtZS5mb250LnRpdGxlLndlaWdodF0sXG4gICAgY29sb3I6IGV1aVRoZW1lLmNvbG9ycy50aXRsZSxcbiAgfTtcbn07XG5cbi8vIEhvb2sgdmVyc2lvblxuZXhwb3J0IGNvbnN0IHVzZUV1aVRpdGxlID0gKFxuICBzY2FsZTogRXVpVGl0bGVTaXplID0gJ20nLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgeyBldWlUaGVtZSB9ID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVRpdGxlKHNjYWxlLCBldWlUaGVtZSwgbWVhc3VyZW1lbnQpO1xufTtcblxuLyoqXG4gKiBTdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IGV1aVRpdGxlU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIGV1aVRpdGxlOiBjc3NgXG4gICAgJHtldWlUZXh0QnJlYWtXb3JkKCl9XG5cbiAgICAmICsgJiB7XG4gICAgICBtYXJnaW4tdG9wOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgfVxuICBgLFxuICB1cHBlcmNhc2U6IGNzc2BcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBgLFxuICAvLyBTaXplc1xuICB4eHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHh4cycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgeHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHhzJywgZXVpVGhlbWUpfVxuICBgLFxuICB4czogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ3hzJywgZXVpVGhlbWUpfVxuICBgLFxuICBzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgncycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgbTogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ20nLCBldWlUaGVtZSl9XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2V1aVRpdGxlKCdsJywgZXVpVGhlbWUpfVxuICBgLFxufSk7XG4iXX0= */
</style>
<style
data-emotion="css"
data-s=""
>
.css-jv9za2-euiSpacer-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;block-size:16px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGxvZ2ljYWxzIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCBjb25zdCBldWlTcGFjZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyBTaXplc1xuICB4czogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgJHtsb2dpY2Fscy5oZWlnaHR9OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-emotion="css"
data-s=""
>
.css-78drzl-euiSpacer-s{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;block-size:8px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGxvZ2ljYWxzIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCBjb25zdCBldWlTcGFjZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyBTaXplc1xuICB4czogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgJHtsb2dpY2Fscy5oZWlnaHR9OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 8,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-155ohbx-euiLoadingSpinner-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;border-radius:50%;border:2px solid #D3DAE6;border-color:#07C #D3DAE6 #D3DAE6 #D3DAE6;width:16px;height:16px;border-width:calc(1px * 1.5);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>,
<style
data-emotion="css"
data-s=""
>
@media screen and (prefers-reduced-motion: no-preference){.css-155ohbx-euiLoadingSpinner-m{-webkit-animation:animation-c24ia8 0.6s infinite linear;animation:animation-c24ia8 0.6s infinite linear;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>,
<style
data-emotion="css"
data-s=""
>
@-webkit-keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>,
<style
data-emotion="css"
data-s=""
>
@keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>,
<style
data-emotion="css"
data-s=""
>
.css-1w464ad-euiTitle-m{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word;font-size:1.9286rem;line-height:2.2857rem;font-weight:700;color:#1a1c21;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RpdGxlL3RpdGxlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lLCB1c2VFdWlUaGVtZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7XG4gIGV1aVRleHRCcmVha1dvcmQsXG4gIGV1aUZvbnRTaXplLFxuICBfRXVpVGhlbWVGb250U2NhbGUsXG4gIF9FdWlUaGVtZUZvbnRTaXplTWVhc3VyZW1lbnQsXG59IGZyb20gJy4uLy4uL2dsb2JhbF9zdHlsaW5nJztcbmltcG9ydCB7IEV1aVRpdGxlU2l6ZSB9IGZyb20gJy4vdGl0bGUnO1xuXG4vKipcbiAqIE1peGluXG4gKi9cbnR5cGUgRXVpVGhlbWVUaXRsZSA9IHtcbiAgZm9udFNpemU6IENTU1Byb3BlcnRpZXNbJ2ZvbnRTaXplJ107XG4gIGxpbmVIZWlnaHQ6IENTU1Byb3BlcnRpZXNbJ2xpbmVIZWlnaHQnXTtcbiAgZm9udFdlaWdodDogQ1NTUHJvcGVydGllc1snZm9udFdlaWdodCddO1xuICBjb2xvcjogQ1NTUHJvcGVydGllc1snY29sb3InXTtcbn07XG5cbmV4cG9ydCBjb25zdCBldWlUaXRsZSA9IChcbiAgc2NhbGU6IEV1aVRpdGxlU2l6ZSA9ICdtJyxcbiAgZXVpVGhlbWU6IFVzZUV1aVRoZW1lWydldWlUaGVtZSddLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgdGl0bGVTY2FsZVRvRm9udFNpemVTY2FsZU1hcDoge1xuICAgIFtzaXplIGluIEV1aVRpdGxlU2l6ZV06IF9FdWlUaGVtZUZvbnRTY2FsZTtcbiAgfSA9IHtcbiAgICB4eHhzOiAneHMnLFxuICAgIHh4czogJ3MnLFxuICAgIHhzOiAnbScsXG4gICAgczogJ2wnLFxuICAgIG06ICd4bCcsXG4gICAgbDogJ3h4bCcsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5ldWlGb250U2l6ZSh0aXRsZVNjYWxlVG9Gb250U2l6ZVNjYWxlTWFwW3NjYWxlXSwgZXVpVGhlbWUsIG1lYXN1cmVtZW50KSxcbiAgICBmb250V2VpZ2h0OiBldWlUaGVtZS5mb250LndlaWdodFtldWlUaGVtZS5mb250LnRpdGxlLndlaWdodF0sXG4gICAgY29sb3I6IGV1aVRoZW1lLmNvbG9ycy50aXRsZSxcbiAgfTtcbn07XG5cbi8vIEhvb2sgdmVyc2lvblxuZXhwb3J0IGNvbnN0IHVzZUV1aVRpdGxlID0gKFxuICBzY2FsZTogRXVpVGl0bGVTaXplID0gJ20nLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgeyBldWlUaGVtZSB9ID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVRpdGxlKHNjYWxlLCBldWlUaGVtZSwgbWVhc3VyZW1lbnQpO1xufTtcblxuLyoqXG4gKiBTdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IGV1aVRpdGxlU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIGV1aVRpdGxlOiBjc3NgXG4gICAgJHtldWlUZXh0QnJlYWtXb3JkKCl9XG5cbiAgICAmICsgJiB7XG4gICAgICBtYXJnaW4tdG9wOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgfVxuICBgLFxuICB1cHBlcmNhc2U6IGNzc2BcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBgLFxuICAvLyBTaXplc1xuICB4eHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHh4cycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgeHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHhzJywgZXVpVGhlbWUpfVxuICBgLFxuICB4czogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ3hzJywgZXVpVGhlbWUpfVxuICBgLFxuICBzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgncycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgbTogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ20nLCBldWlUaGVtZSl9XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2V1aVRpdGxlKCdsJywgZXVpVGhlbWUpfVxuICBgLFxufSk7XG4iXX0= */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-1w464ad-euiTitle-m+.css-1w464ad-euiTitle-m{margin-top:24px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RpdGxlL3RpdGxlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RlEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFVzZUV1aVRoZW1lLCB1c2VFdWlUaGVtZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7XG4gIGV1aVRleHRCcmVha1dvcmQsXG4gIGV1aUZvbnRTaXplLFxuICBfRXVpVGhlbWVGb250U2NhbGUsXG4gIF9FdWlUaGVtZUZvbnRTaXplTWVhc3VyZW1lbnQsXG59IGZyb20gJy4uLy4uL2dsb2JhbF9zdHlsaW5nJztcbmltcG9ydCB7IEV1aVRpdGxlU2l6ZSB9IGZyb20gJy4vdGl0bGUnO1xuXG4vKipcbiAqIE1peGluXG4gKi9cbnR5cGUgRXVpVGhlbWVUaXRsZSA9IHtcbiAgZm9udFNpemU6IENTU1Byb3BlcnRpZXNbJ2ZvbnRTaXplJ107XG4gIGxpbmVIZWlnaHQ6IENTU1Byb3BlcnRpZXNbJ2xpbmVIZWlnaHQnXTtcbiAgZm9udFdlaWdodDogQ1NTUHJvcGVydGllc1snZm9udFdlaWdodCddO1xuICBjb2xvcjogQ1NTUHJvcGVydGllc1snY29sb3InXTtcbn07XG5cbmV4cG9ydCBjb25zdCBldWlUaXRsZSA9IChcbiAgc2NhbGU6IEV1aVRpdGxlU2l6ZSA9ICdtJyxcbiAgZXVpVGhlbWU6IFVzZUV1aVRoZW1lWydldWlUaGVtZSddLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgdGl0bGVTY2FsZVRvRm9udFNpemVTY2FsZU1hcDoge1xuICAgIFtzaXplIGluIEV1aVRpdGxlU2l6ZV06IF9FdWlUaGVtZUZvbnRTY2FsZTtcbiAgfSA9IHtcbiAgICB4eHhzOiAneHMnLFxuICAgIHh4czogJ3MnLFxuICAgIHhzOiAnbScsXG4gICAgczogJ2wnLFxuICAgIG06ICd4bCcsXG4gICAgbDogJ3h4bCcsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5ldWlGb250U2l6ZSh0aXRsZVNjYWxlVG9Gb250U2l6ZVNjYWxlTWFwW3NjYWxlXSwgZXVpVGhlbWUsIG1lYXN1cmVtZW50KSxcbiAgICBmb250V2VpZ2h0OiBldWlUaGVtZS5mb250LndlaWdodFtldWlUaGVtZS5mb250LnRpdGxlLndlaWdodF0sXG4gICAgY29sb3I6IGV1aVRoZW1lLmNvbG9ycy50aXRsZSxcbiAgfTtcbn07XG5cbi8vIEhvb2sgdmVyc2lvblxuZXhwb3J0IGNvbnN0IHVzZUV1aVRpdGxlID0gKFxuICBzY2FsZTogRXVpVGl0bGVTaXplID0gJ20nLFxuICBtZWFzdXJlbWVudDogX0V1aVRoZW1lRm9udFNpemVNZWFzdXJlbWVudCA9ICdyZW0nXG4pOiBFdWlUaGVtZVRpdGxlID0+IHtcbiAgY29uc3QgeyBldWlUaGVtZSB9ID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVRpdGxlKHNjYWxlLCBldWlUaGVtZSwgbWVhc3VyZW1lbnQpO1xufTtcblxuLyoqXG4gKiBTdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IGV1aVRpdGxlU3R5bGVzID0gKHsgZXVpVGhlbWUgfTogVXNlRXVpVGhlbWUpID0+ICh7XG4gIGV1aVRpdGxlOiBjc3NgXG4gICAgJHtldWlUZXh0QnJlYWtXb3JkKCl9XG5cbiAgICAmICsgJiB7XG4gICAgICBtYXJnaW4tdG9wOiAke2V1aVRoZW1lLnNpemUubH07XG4gICAgfVxuICBgLFxuICB1cHBlcmNhc2U6IGNzc2BcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBgLFxuICAvLyBTaXplc1xuICB4eHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHh4cycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgeHhzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgneHhzJywgZXVpVGhlbWUpfVxuICBgLFxuICB4czogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ3hzJywgZXVpVGhlbWUpfVxuICBgLFxuICBzOiBjc3NgXG4gICAgJHtldWlUaXRsZSgncycsIGV1aVRoZW1lKX1cbiAgYCxcbiAgbTogY3NzYFxuICAgICR7ZXVpVGl0bGUoJ20nLCBldWlUaGVtZSl9XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2V1aVRpdGxlKCdsJywgZXVpVGhlbWUpfVxuICBgLFxufSk7XG4iXX0= */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-jv9za2-euiSpacer-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;block-size:16px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGxvZ2ljYWxzIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCBjb25zdCBldWlTcGFjZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyBTaXplc1xuICB4czogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgJHtsb2dpY2Fscy5oZWlnaHR9OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
<style
data-emotion="css"
data-s=""
>
.css-78drzl-euiSpacer-s{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;block-size:8px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGxvZ2ljYWxzIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCBjb25zdCBldWlTcGFjZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyBTaXplc1xuICB4czogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgJHtsb2dpY2Fscy5oZWlnaHR9OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NwYWNlci9zcGFjZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcGFjZXIvc3BhY2VyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgRWxhc3RpY3NlYXJjaCBCLlYuIGFuZC9vciBsaWNlbnNlZCB0byBFbGFzdGljc2VhcmNoIEIuVi4gdW5kZXIgb25lXG4gKiBvciBtb3JlIGNvbnRyaWJ1dG9yIGxpY2Vuc2UgYWdyZWVtZW50cy4gTGljZW5zZWQgdW5kZXIgdGhlIEVsYXN0aWMgTGljZW5zZVxuICogMi4wIGFuZCB0aGUgU2VydmVyIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMTsgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHRcbiAqIGluIGNvbXBsaWFuY2Ugd2l0aCwgYXQgeW91ciBlbGVjdGlvbiwgdGhlIEVsYXN0aWMgTGljZW5zZSAyLjAgb3IgdGhlIFNlcnZlclxuICogU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxLlxuICovXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGxvZ2ljYWxzIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbmV4cG9ydCBjb25zdCBldWlTcGFjZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4gKHtcbiAgZXVpU3BhY2VyOiBjc3NgXG4gICAgZmxleC1zaHJpbms6IDA7IC8vIGRvbid0IGV2ZXIgbGV0IHRoaXMgc2hyaW5rIGluIGhlaWdodCBpZiBkaXJlY3QgZGVzY2VuZGVudCBvZiBmbGV4O1xuICBgLFxuICAvLyBTaXplc1xuICB4czogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnhzfTtcbiAgYCxcbiAgczogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnN9O1xuICBgLFxuICBtOiBjc3NgXG4gICAgJHtsb2dpY2Fscy5oZWlnaHR9OiAke2V1aVRoZW1lLnNpemUuYmFzZX07XG4gIGAsXG4gIGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS5sfTtcbiAgYCxcbiAgeGw6IGNzc2BcbiAgICAke2xvZ2ljYWxzLmhlaWdodH06ICR7ZXVpVGhlbWUuc2l6ZS54bH07XG4gIGAsXG4gIHh4bDogY3NzYFxuICAgICR7bG9naWNhbHMuaGVpZ2h0fTogJHtldWlUaGVtZS5zaXplLnh4bH07XG4gIGAsXG59KTtcbiJdfQ== */",
"name": "78drzl-euiSpacer-s",
"next": undefined,
"styles": "flex-shrink:0;label:euiSpacer;;;block-size:8px;;label:s;;;",
"toString": [Function],
}
}
/>
<div
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
</div>
</EuiSpacer>
<div
className="eui-textRight"
>
<EuiCopy
afterMessage="Copied"
textToCopy="{
\\"_index\\": \\"logstash-2014.09.09\\",
\\"_type\\": \\"doc\\",
\\"_id\\": \\"id123\\",
\\"_score\\": 1,
\\"_source\\": {
\\"message\\": \\"Lorem ipsum dolor sit amet\\",
\\"extension\\": \\"html\\",
\\"not_mapped\\": \\"yes\\",
\\"bytes\\": 100,
\\"objectArray\\": [
{
\\"foo\\": true
}
],
\\"relatedContent\\": {
\\"test\\": 1
},
\\"scripted\\": 123,
\\"_underscore\\": 123
}
}"
>
<EuiToolTip
delay="regular"
display="inlineBlock"
onMouseOut={[Function]}
position="top"
>
<span
className="euiToolTipAnchor"
onMouseOut={[Function]}
onMouseOver={[Function]}
>
<EuiButtonEmpty
flush="right"
iconType="copyClipboard"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
size="xs"
>
<button
className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
disabled={false}
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
type="button"
>
<EuiButtonContent
className="euiButtonEmpty__content"
iconSide="left"
iconSize="s"
iconType="copyClipboard"
textProps={
Object {
"className": "euiButtonEmpty__text",
}
}
>
<span
className="euiButtonContent euiButtonEmpty__content"
>
<EuiIcon
className="euiButtonContent__icon"
color="inherit"
size="s"
type="copyClipboard"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="copyClipboard"
size="s"
/>
</EuiIcon>
<span
className="euiButtonEmpty__text"
>
Copy to clipboard
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonEmpty>
</span>
</EuiToolTip>
</EuiCopy>
</div>
</div>
</EuiFlexItem>
<EuiFlexItem>
<div
className="euiFlexItem"
>
<CodeEditor
aria-label="Read only JSON view of an elasticsearch document"
editorDidMount={[Function]}
languageId="xjson"
options={
Object {
"automaticLayout": true,
"fontSize": 12,
"lineNumbers": "on",
"minimap": Object {
"enabled": false,
},
"overviewRulerBorder": false,
"readOnly": true,
"scrollBeyondLastLine": false,
"scrollbar": Object {
"alwaysConsumeMouseWheel": false,
},
"wordWrap": "on",
"wrappingIndent": "indent",
}
}
value="{
\\"_index\\": \\"logstash-2014.09.09\\",
\\"_type\\": \\"doc\\",
\\"_id\\": \\"id123\\",
\\"_score\\": 1,
\\"_source\\": {
\\"message\\": \\"Lorem ipsum dolor sit amet\\",
\\"extension\\": \\"html\\",
\\"not_mapped\\": \\"yes\\",
\\"bytes\\": 100,
\\"objectArray\\": [
{
\\"foo\\": true
}
],
\\"relatedContent\\": {
\\"test\\": 1
},
\\"scripted\\": 123,
\\"_underscore\\": 123
}
}"
width={123}
>
<EuiErrorBoundary>
<Suspense
fallback={<Fallback />}
>
<Fallback>
<div
style={Object {}}
>
<EuiDelayRender
delay={500}
/>
</div>
</Fallback>
</Suspense>
</EuiErrorBoundary>
</CodeEditor>
</div>
</EuiFlexItem>
</div>
</EuiFlexGroup>
</JsonCodeEditorCommon>
</Memo()>
</DocViewerSource>
Copy to clipboard
</span>
</span>
</button>
</span>
</div>
</div>
<div
class="euiFlexItem"
>
<div />
</div>
</div>
`;
exports[`Source Viewer component renders loading state 1`] = `
<DocViewerSource
hasLineNumbers={true}
id="1"
index="index1"
indexPattern={
Object {
"getComputedFields": [Function],
}
}
width={123}
<div
class="sourceViewer__loading"
>
<span
aria-label="Loading"
class="euiLoadingSpinner sourceViewer__loadingSpinner css-155ohbx-euiLoadingSpinner-m"
role="progressbar"
/>
<div
className="sourceViewer__loading"
class="euiText css-pwgelg-euiText-xs-euiTextColor-subdued"
>
<EuiLoadingSpinner
className="sourceViewer__loadingSpinner"
>
<span
aria-label="Loading"
css="unknown styles"
role="progressbar"
>
<Insertion
cache={
Object {
"insert": [Function],
"inserted": Object {
"155ohbx-euiLoadingSpinner-m": true,
"animation-c24ia8": true,
},
"key": "css",
"nonce": undefined,
"registered": Object {},
"sheet": StyleSheet {
"_alreadyInsertedOrderInsensitiveRule": true,
"_insertTag": [Function],
"before": null,
"container": <head>
<style
data-emotion="css"
data-s=""
>
.css-155ohbx-euiLoadingSpinner-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;border-radius:50%;border:2px solid #D3DAE6;border-color:#07C #D3DAE6 #D3DAE6 #D3DAE6;width:16px;height:16px;border-width:calc(1px * 1.5);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>
<style
data-emotion="css"
data-s=""
>
@media screen and (prefers-reduced-motion: no-preference){.css-155ohbx-euiLoadingSpinner-m{-webkit-animation:animation-c24ia8 0.6s infinite linear;animation:animation-c24ia8 0.6s infinite linear;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>
<style
data-emotion="css"
data-s=""
>
@-webkit-keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>
<style
data-emotion="css"
data-s=""
>
@keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>
<style
data-styled="active"
data-styled-version="5.1.0"
/>
</head>,
"ctr": 4,
"insertionPoint": undefined,
"isSpeedy": false,
"key": "css",
"nonce": undefined,
"prepend": undefined,
"tags": Array [
<style
data-emotion="css"
data-s=""
>
.css-155ohbx-euiLoadingSpinner-m{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;border-radius:50%;border:2px solid #D3DAE6;border-color:#07C #D3DAE6 #D3DAE6 #D3DAE6;width:16px;height:16px;border-width:calc(1px * 1.5);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>,
<style
data-emotion="css"
data-s=""
>
@media screen and (prefers-reduced-motion: no-preference){.css-155ohbx-euiLoadingSpinner-m{-webkit-animation:animation-c24ia8 0.6s infinite linear;animation:animation-c24ia8 0.6s infinite linear;}}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */
</style>,
<style
data-emotion="css"
data-s=""
>
@-webkit-keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>,
<style
data-emotion="css"
data-s=""
>
@keyframes animation-c24ia8{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
</style>,
],
},
}
}
isStringTag={true}
serialized={
Object {
"map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xvYWRpbmcvbG9hZGluZ19zcGlubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nX3NwaW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCBFbGFzdGljc2VhcmNoIEIuVi4gYW5kL29yIGxpY2Vuc2VkIHRvIEVsYXN0aWNzZWFyY2ggQi5WLiB1bmRlciBvbmVcbiAqIG9yIG1vcmUgY29udHJpYnV0b3IgbGljZW5zZSBhZ3JlZW1lbnRzLiBMaWNlbnNlZCB1bmRlciB0aGUgRWxhc3RpYyBMaWNlbnNlXG4gKiAyLjAgYW5kIHRoZSBTZXJ2ZXIgU2lkZSBQdWJsaWMgTGljZW5zZSwgdiAxOyB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdFxuICogaW4gY29tcGxpYW5jZSB3aXRoLCBhdCB5b3VyIGVsZWN0aW9uLCB0aGUgRWxhc3RpYyBMaWNlbnNlIDIuMCBvciB0aGUgU2VydmVyXG4gKiBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDEuXG4gKi9cblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBfRXVpVGhlbWVTaXplLCBldWlDYW5BbmltYXRlIH0gZnJvbSAnLi4vLi4vZ2xvYmFsX3N0eWxpbmcnO1xuaW1wb3J0IHsgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFdWlMb2FkaW5nU3Bpbm5lclNpemUgfSBmcm9tICcuL2xvYWRpbmdfc3Bpbm5lcic7XG5cbmNvbnN0IF9sb2FkaW5nU3Bpbm5lciA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxuYDtcblxuY29uc3Qgc3Bpbm5lclNpemVzOiB7XG4gIFtzaXplIGluIEV1aUxvYWRpbmdTcGlubmVyU2l6ZV06IF9FdWlUaGVtZVNpemU7XG59ID0ge1xuICBzOiAnbScsXG4gIG06ICdiYXNlJyxcbiAgbDogJ2wnLFxuICB4bDogJ3hsJyxcbiAgeHhsOiAneHhsJyxcbn07XG5cbmNvbnN0IHNwaW5uZXJDb2xvcnMgPSAobWFpbjogc3RyaW5nLCBoaWdobGlnaHQ6IHN0cmluZykgPT4ge1xuICByZXR1cm4gYCR7aGlnaGxpZ2h0fSAke21haW59ICR7bWFpbn0gJHttYWlufWA7XG59O1xuXG5leHBvcnQgY29uc3QgZXVpTG9hZGluZ1NwaW5uZXJTdHlsZXMgPSAoeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGV1aUxvYWRpbmdTcGlubmVyOiBjc3NgXG4gICAgICBmbGV4LXNocmluazogMDsgLy8gRW5zdXJlcyBpdCBuZXZlciBzY2FsZXMgZG93biBiZWxvdyBpdHMgaW50ZW5kZWQgc2l6ZVxuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYm9yZGVyOiAke2V1aVRoZW1lLmJvcmRlci50aGlja307XG4gICAgICBib3JkZXItY29sb3I6ICR7c3Bpbm5lckNvbG9ycyhcbiAgICAgICAgZXVpVGhlbWUuYm9yZGVyLmNvbG9yLFxuICAgICAgICBldWlUaGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgKX07XG5cbiAgICAgICR7ZXVpQ2FuQW5pbWF0ZX0ge1xuICAgICAgICBhbmltYXRpb246ICR7X2xvYWRpbmdTcGlubmVyfSAwLjZzIGluZmluaXRlIGxpbmVhcjtcbiAgICAgIH1cbiAgICBgLFxuXG4gICAgLy8gU2l6ZXNcbiAgICBzOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5zXX07XG4gICAgICBoZWlnaHQ6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMuc119O1xuICAgICAgYm9yZGVyLXdpZHRoOiBjYWxjKCR7ZXVpVGhlbWUuYm9yZGVyLndpZHRoLnRoaW59ICogMS41KTtcbiAgICBgLFxuICAgIG06IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLm1dfTtcbiAgICAgIGhlaWdodDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy5tXX07XG4gICAgICBib3JkZXItd2lkdGg6IGNhbGMoJHtldWlUaGVtZS5ib3JkZXIud2lkdGgudGhpbn0gKiAxLjUpO1xuICAgIGAsXG4gICAgbDogY3NzYFxuICAgICAgd2lkdGg6ICR7ZXVpVGhlbWUuc2l6ZVtzcGlubmVyU2l6ZXMubF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLmxdfTtcbiAgICBgLFxuICAgIHhsOiBjc3NgXG4gICAgICB3aWR0aDogJHtldWlUaGVtZS5zaXplW3NwaW5uZXJTaXplcy54bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnhsXX07XG4gICAgYCxcbiAgICB4eGw6IGNzc2BcbiAgICAgIHdpZHRoOiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgICAgaGVpZ2h0OiAke2V1aVRoZW1lLnNpemVbc3Bpbm5lclNpemVzLnh4bF19O1xuICAgIGAsXG4gIH07XG59O1xuIl19 */",
"name": "155ohbx-euiLoadingSpinner-m",
"next": Object {
"name": "animation-c24ia8",
"next": undefined,
"styles": "@keyframes animation-c24ia8{
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}",
},
"styles": "flex-shrink:0;display:inline-block;border-radius:50%;border:2px solid #D3DAE6;border-color:#07C #D3DAE6 #D3DAE6 #D3DAE6;@media screen and (prefers-reduced-motion: no-preference){animation:animation-c24ia8 0.6s infinite linear;};label:euiLoadingSpinner;;;width:16px;height:16px;border-width:calc(1px * 1.5);;label:m;;;",
"toString": [Function],
}
}
/>
<span
aria-label="Loading"
className="euiLoadingSpinner sourceViewer__loadingSpinner css-155ohbx-euiLoadingSpinner-m"
role="progressbar"
/>
</span>
</EuiLoadingSpinner>
<EuiText
color="subdued"
size="xs"
>
<div
className="euiText euiText--extraSmall"
>
<EuiTextColor
color="subdued"
component="div"
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<FormattedMessage
defaultMessage="Loading JSON"
id="discover.loadingJSON"
values={Object {}}
>
Loading JSON
</FormattedMessage>
</div>
</EuiTextColor>
</div>
</EuiText>
Loading JSON
</div>
</DocViewerSource>
</div>
`;

4
src/plugins/discover/public/services/doc_views/components/doc_viewer_source/source.test.tsx
View file

@ -51,7 +51,7 @@ describe('Source Viewer component', () => {
/>
</KibanaContextProvider>
);
expect(comp.children()).toMatchSnapshot();
expect(comp.children().render()).toMatchSnapshot();
const loadingIndicator = comp.find(EuiLoadingSpinner);
expect(loadingIndicator).not.toBe(null);
});
@ -111,7 +111,7 @@ describe('Source Viewer component', () => {
/>
</KibanaContextProvider>
);
expect(comp.children()).toMatchSnapshot();
expect(comp.children().render()).toMatchSnapshot();
const jsonCodeEditor = comp.find(JsonCodeEditorCommon);
expect(jsonCodeEditor).not.toBe(null);
});

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

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

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

@ -32,7 +32,7 @@ exports[`ViewApiRequestFlyout is rendered 1`] = `
class="euiFlyoutBody__overflowContent"
>
<div
class="euiText euiText--medium"
class="euiText css-1lo1kz-euiText-m"
>
<p
data-test-subj="apiRequestFlyoutDescription"

6
src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
View file

@ -8,8 +8,7 @@
import React, { useRef } from 'react';
import classNames from 'classnames';
import { EuiLoadingChart, EuiProgress } from '@elastic/eui';
import { euiLightVars as theme } from '@kbn/ui-theme';
import { EuiLoadingChart, EuiProgress, useEuiTheme } from '@elastic/eui';
import { ExpressionRenderError } from '../types';
import type { ExpressionRendererParams } from './use_expression_renderer';
import { useExpressionRenderer } from './use_expression_renderer';
@ -38,6 +37,7 @@ export function ReactExpressionRenderer({
...expressionRendererOptions
}: ReactExpressionRendererProps) {
const nodeRef = useRef<HTMLDivElement>(null);
const { euiTheme } = useEuiTheme();
const { error, isEmpty, isLoading } = useExpressionRenderer(nodeRef, {
...expressionRendererOptions,
hasCustomErrorRenderer: !!renderError,
@ -51,7 +51,7 @@ export function ReactExpressionRenderer({
const expressionStyles: React.CSSProperties = {};
if (padding) {
expressionStyles.padding = theme.paddingSizes[padding];
expressionStyles.padding = euiTheme.size[padding];
}
return (

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

@ -14,7 +14,7 @@ Array [
class="euiFlexItem"
>
<div
class="euiText euiText--medium"
class="euiText css-1lo1kz-euiText-m"
>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
@ -45,7 +45,7 @@ Array [
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>,
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--warning euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--warning css-1flvw80-euiCallOut"
class="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning css-1yqbqzs-euiPanel-none-m-warning-euiCallOut"
data-test-subj="loadSavedObjects_failed"
>
<p
@ -71,7 +71,7 @@ Array [
class="euiFlexItem"
>
<div
class="euiText euiText--medium"
class="euiText css-1lo1kz-euiText-m"
>
<p>
Imports index pattern, visualizations and pre-defined dashboards.
@ -102,7 +102,7 @@ Array [
class="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>,
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--success euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--success css-1flvw80-euiCallOut"
class="euiPanel euiPanel--success euiPanel--paddingMedium euiCallOut euiCallOut--success css-1kpm4pz-euiPanel-none-m-success-euiCallOut"
data-test-subj="loadSavedObjects_success"
>
<p

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

@ -1,114 +1,53 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<ExitFullScreenButton /> is rendered 1`] = `
<ExitFullScreenButtonUi
chrome={
Object {
"setIsVisible": [MockFunction] {
"calls": Array [
Array [
false,
],
],
"results": Array [
Object {
"type": "return",
"value": undefined,
},
],
},
}
}
onExitFullScreenMode={[MockFunction]}
toggleChrome={true}
>
<div>
<p
aria-live="polite"
class="euiScreenReaderOnly"
>
In full screen mode, press ESC to exit.
</p>
<div>
<EuiScreenReaderOnly>
<p
aria-live="polite"
className="euiScreenReaderOnly"
<button
aria-label="Exit full screen mode"
class="dshExitFullScreenButton"
data-test-subj="exitFullScreenModeLogo"
>
<span
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
>
In full screen mode, press ESC to exit.
</p>
</EuiScreenReaderOnly>
<div>
<button
aria-label="Exit full screen mode"
className="dshExitFullScreenButton"
data-test-subj="exitFullScreenModeLogo"
onClick={[MockFunction]}
>
<EuiFlexGroup
alignItems="center"
component="span"
gutterSize="s"
responsive={false}
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<span
className="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
>
<EuiFlexItem
grow={false}
data-euiicon-type="logoElastic"
/>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
data-test-subj="exitFullScreenModeText"
>
<div>
<div
class="euiText dshExitFullScreenButton__text css-1vkrgyt-euiText-s"
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiIcon
size="l"
type="logoElastic"
>
<span
data-euiicon-type="logoElastic"
size="l"
/>
</EuiIcon>
</div>
</EuiFlexItem>
<EuiFlexItem
data-test-subj="exitFullScreenModeText"
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
data-test-subj="exitFullScreenModeText"
>
<div>
<EuiText
className="dshExitFullScreenButton__text"
size="s"
>
<div
className="euiText euiText--small dshExitFullScreenButton__text"
>
<p>
Exit full screen
</p>
</div>
</EuiText>
</div>
</div>
</EuiFlexItem>
<EuiFlexItem
grow={false}
>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<EuiIcon
className="dshExitFullScreenButton__icon"
type="fullScreen"
>
<span
className="dshExitFullScreenButton__icon"
data-euiicon-type="fullScreen"
/>
</EuiIcon>
</div>
</EuiFlexItem>
</span>
</EuiFlexGroup>
</button>
</div>
<p>
Exit full screen
</p>
</div>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<span
class="dshExitFullScreenButton__icon"
data-euiicon-type="fullScreen"
/>
</div>
</span>
</button>
</div>
</ExitFullScreenButtonUi>
</div>
`;

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

@ -26,7 +26,7 @@ describe('<ExitFullScreenButton />', () => {
<ExitFullScreenButton onExitFullScreenMode={jest.fn()} chrome={MockChrome} />
);
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
test('passing `false` to toggleChrome does not toggle chrome', () => {

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 euiText--medium euiText--constrainedWidth"
class="euiText css-j3htvy-euiText-constrainedWidth-m"
>
<p>
test
@ -46,7 +46,7 @@ exports[`KibanaPageTemplate render basic template 1`] = `
</div>
</header>
<div
class="euiPanel euiPanel--borderRadiusNone euiPanel--plain euiPanel--noShadow euiPageContent euiPageContent--borderRadiusNone"
class="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone css-10ffim0-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--borderRadiusNone euiPanel--plain euiPanel--hasShadow euiPageBody euiPageBody--borderRadiusNone"
class="euiPanel euiPanel--plain euiPageBody euiPageBody--borderRadiusNone css-1a2dgrg-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 euiText--medium euiText--constrainedWidth"
class="euiText css-j3htvy-euiText-constrainedWidth-m"
>
<p>
test
@ -237,7 +237,7 @@ exports[`KibanaPageTemplate render solutionNav 1`] = `
</div>
</header>
<div
class="euiPanel euiPanel--borderRadiusNone euiPanel--transparent euiPanel--noShadow euiPanel--noBorder euiPageContent euiPageContent--borderRadiusNone"
class="euiPanel euiPanel--transparent euiPageContent euiPageContent--borderRadiusNone css-1k1l0tw-euiPanel-grow-none-transparent"
role="main"
>
<div

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

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

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

@ -2,7 +2,7 @@
exports[`NotFoundErrors component renders correctly for index-pattern type 1`] = `
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--danger euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--danger css-1flvw80-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
@ -16,38 +16,34 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
There is a problem with this saved object
</p>
<div
class="euiText euiText--small css-i7i3v9-euiCallOut__description"
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div
class="euiTextColor euiTextColor--default"
>
<div>
The data view associated with this object no longer exists.
</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"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
<div>
The data view associated with this object no longer exists.
</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"
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"
data-euiicon-type="popout"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
</div>
</div>
@ -55,7 +51,7 @@ 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--paddingMedium euiPanel--borderRadiusNone euiPanel--danger euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--danger css-1flvw80-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
@ -69,38 +65,34 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
There is a problem with this saved object
</p>
<div
class="euiText euiText--small css-i7i3v9-euiCallOut__description"
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div
class="euiTextColor euiTextColor--default"
>
<div>
A field associated with this object no longer exists in the data view.
</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"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
<div>
A field associated with this object no longer exists in the data view.
</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"
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"
data-euiicon-type="popout"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
</div>
</div>
@ -108,7 +100,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
exports[`NotFoundErrors component renders correctly for search type 1`] = `
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--danger euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--danger css-1flvw80-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
@ -122,38 +114,34 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
There is a problem with this saved object
</p>
<div
class="euiText euiText--small css-i7i3v9-euiCallOut__description"
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div
class="euiTextColor euiTextColor--default"
>
<div>
The saved search associated with this object no longer exists.
</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"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
<div>
The saved search associated with this object no longer exists.
</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"
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"
data-euiicon-type="popout"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
</div>
</div>
@ -161,7 +149,7 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--danger euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--danger css-1flvw80-euiCallOut"
class="euiPanel euiPanel--danger euiPanel--paddingMedium euiCallOut euiCallOut--danger css-j9niqn-euiPanel-none-m-danger-euiCallOut"
>
<p
class="euiTitle euiCallOutHeader__title css-st4zhi-euiTitle-xs-euiCallOutHeader-danger"
@ -175,36 +163,32 @@ exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
There is a problem with this saved object
</p>
<div
class="euiText euiText--small css-i7i3v9-euiCallOut__description"
class="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
>
<div
class="euiTextColor euiTextColor--default"
>
<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"
href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/saved-objects-api.html#saved-objects-api"
rel="noopener"
target="_blank"
<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"
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"
data-euiicon-type="popout"
>
Saved objects APIs
<span
class="css-q4vwwx-euiLink__externalIcon"
data-euiicon-type="popout"
>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
External link
</span>
<span
class="euiScreenReaderOnly"
>
(opens in a new tab or window)
</span>
</a>
to fix it — otherwise click the delete button above.
</div>
</div>
</div>

2
src/plugins/saved_objects_management/public/management_section/objects_table/components/overwrite_modal.tsx
View file

@ -46,7 +46,7 @@ export const OverwriteModal = ({ conflict, onFinish }: OverwriteModalProps) => {
<Fragment>
<strong>{header}</strong>
<EuiText size="s" color="subdued">
<p className="euiTextColor--subdued">
<p>
{idText}
<br />
{lastUpdatedText}

5
src/plugins/unified_search/public/dataview_picker/dataview_list.test.tsx
View file

@ -6,7 +6,7 @@
* Side Public License, v 1.
*/
import React from 'react';
import React, { MouseEvent } from 'react';
import { EuiSelectable } from '@elastic/eui';
import { act } from 'react-dom/test-utils';
import { ShallowWrapper } from 'enzyme';
@ -22,6 +22,7 @@ function getDataViewPickerOptions(instance: ShallowWrapper) {
}
function selectDataViewPickerOption(instance: ShallowWrapper, selectedLabel: string) {
const event = {} as MouseEvent;
const options: Array<{ label: string; checked?: 'on' | 'off' }> = getDataViewPickerOptions(
instance
).map((option: { label: string }) =>
@ -29,7 +30,7 @@ function selectDataViewPickerOption(instance: ShallowWrapper, selectedLabel: str
? { ...option, checked: 'on' }
: { ...option, checked: undefined }
);
return getDataViewPickerList(instance).prop('onChange')!(options);
return getDataViewPickerList(instance).prop('onChange')!(options, event);
}
describe('DataView list component', () => {

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

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

@ -1,9 +1,8 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`DefaultEditorAgg component should init with the default set of props 1`] = `
<EuiAccordion
<WithEuiTheme(EuiAccordionClass)
aria-label="Toggle metric editor"
arrowDisplay="left"
buttonClassName="eui-textTruncate"
buttonContent={
<React.Fragment>
@ -12,10 +11,8 @@ exports[`DefaultEditorAgg component should init with the default set of props 1`
</React.Fragment>
}
buttonContentClassName="visEditorSidebar__aggGroupAccordionButtonContent eui-textTruncate"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible visEditorSidebar__collapsible--marginBottom"
data-test-subj="visEditorAggAccordion1"
element="div"
extraAction={
<React.Fragment>
<EuiToolTip
@ -36,10 +33,7 @@ exports[`DefaultEditorAgg component should init with the default set of props 1`
}
id="visEditorAggAccordion1"
initialIsOpen={true}
isLoading={false}
isLoadingMessage={false}
onToggle={[Function]}
paddingSize="none"
>
<EuiSpacer
size="m"
@ -78,5 +72,5 @@ exports[`DefaultEditorAgg component should init with the default set of props 1`
}
}
/>
</EuiAccordion>
</WithEuiTheme(EuiAccordionClass)>
`;

2
src/plugins/vis_default_editor/public/components/agg.test.tsx
View file

@ -129,7 +129,7 @@ describe('DefaultEditorAgg component', () => {
const comp = mount(<DefaultEditorAgg {...defaultProps} />);
expect(defaultProps.setAggsState).toBeCalledTimes(0);
comp.find('.euiAccordion__button').simulate('click');
comp.find('.euiAccordion__button').last().simulate('click');
// make sure that the accordion is collapsed
expect(comp.find('.euiAccordion-isOpen').exists()).toBeFalsy();

2
src/plugins/vis_types/timeseries/public/application/components/data_format_picker.tsx
View file

@ -46,7 +46,7 @@ const getDataFormatPickerOptions = (
<>
<span>{defaultOptionLabel}</span>
<EuiText size="s" color="subdued">
<p className="euiTextColor--subdued">
<p>
{i18n.translate('visTypeTimeseries.dataFormatPicker.defaultLabelDescription', {
defaultMessage: 'Applies common formatting',
})}

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

@ -45,9 +45,8 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
<EuiSpacer
size="s"
/>
<EuiAccordion
<WithEuiTheme(EuiAccordionClass)
aria-label="Toggle ValueAxis-1 options"
arrowDisplay="left"
buttonClassName="eui-textTruncate"
buttonContent={
<React.Fragment>
@ -66,10 +65,8 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
</React.Fragment>
}
buttonContentClassName="visEditorSidebar__aggGroupAccordionButtonContent eui-textTruncate"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible"
data-test-subj="toggleYAxisOptions-ValueAxis-1"
element="div"
extraAction={
<EuiToolTip
content="Remove Y-axis"
@ -88,10 +85,7 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
}
id="yAxisAccordionValueAxis-1"
initialIsOpen={false}
isLoading={false}
isLoadingMessage={false}
key="ValueAxis-1"
paddingSize="none"
>
<EuiSpacer
size="m"
@ -156,10 +150,9 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
}
}
/>
</EuiAccordion>
<EuiAccordion
</WithEuiTheme(EuiAccordionClass)>
<WithEuiTheme(EuiAccordionClass)
aria-label="Toggle ValueAxis-1 options"
arrowDisplay="left"
buttonClassName="eui-textTruncate"
buttonContent={
<React.Fragment>
@ -178,10 +171,8 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
</React.Fragment>
}
buttonContentClassName="visEditorSidebar__aggGroupAccordionButtonContent eui-textTruncate"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible"
data-test-subj="toggleYAxisOptions-ValueAxis-2"
element="div"
extraAction={
<EuiToolTip
content="Remove Y-axis"
@ -200,10 +191,7 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
}
id="yAxisAccordionValueAxis-2"
initialIsOpen={false}
isLoading={false}
isLoadingMessage={false}
key="ValueAxis-2"
paddingSize="none"
>
<EuiSpacer
size="m"
@ -268,6 +256,6 @@ exports[`ValueAxesPanel component should init with the default set of props 1`]
}
}
/>
</EuiAccordion>
</WithEuiTheme(EuiAccordionClass)>
</EuiPanel>
`;

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

@ -112,19 +112,13 @@ exports[`ValueAxisOptions component should init with the default set of props 1`
<EuiHorizontalRule
margin="s"
/>
<EuiAccordion
<WithEuiTheme(EuiAccordionClass)
aria-label="Toggle custom extents"
arrowDisplay="left"
buttonContent="Custom extents"
buttonContentClassName="euiText euiText--small"
buttonElement="button"
className="visEditorSidebar__section visEditorSidebar__collapsible"
element="div"
id="yAxisOptionsAccordionValueAxis-1"
initialIsOpen={false}
isLoading={false}
isLoadingMessage={false}
paddingSize="none"
>
<EuiSpacer
size="m"
@ -145,6 +139,6 @@ exports[`ValueAxisOptions component should init with the default set of props 1`
setValueAxis={[Function]}
setValueAxisScale={[Function]}
/>
</EuiAccordion>
</WithEuiTheme(EuiAccordionClass)>
</Fragment>
`;

16
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--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
class="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
data-test-subj="visualization-error"
>
<div
@ -26,19 +26,15 @@ exports[`VisualizationNoResults should render according to snapshot 1`] = `
<div
class="euiEmptyPrompt__contentInner"
>
<span
class="euiTextColor euiTextColor--subdued"
<div
class="euiText css-nexvet-euiText-m-euiTextColor-subdued"
>
<div
class="euiText euiText--medium"
class="euiText visualization-error-text css-1utxlgq-euiText-xs"
>
<div
class="euiText euiText--extraSmall"
>
No results found
</div>
No results found
</div>
</span>
</div>
</div>
</div>
</div>

2
src/plugins/visualizations/public/components/visualization_error.tsx
View file

@ -22,7 +22,7 @@ export class VisualizationError extends React.Component<VisualizationErrorProps>
iconColor="danger"
data-test-subj="visualization-error"
body={
<EuiText size="xs">
<EuiText size="xs" data-test-subj="visualization-error-text">
{typeof this.props.error === 'string' ? this.props.error : this.props.error.message}
</EuiText>
}

2
src/plugins/visualizations/public/components/visualization_noresults.tsx
View file

@ -23,7 +23,7 @@ export class VisualizationNoResults extends React.Component<VisualizationNoResul
iconColor="default"
data-test-subj="visualization-error"
body={
<EuiText size="xs">
<EuiText size="xs" className="visualization-error-text">
{i18n.translate('visualizations.noResultsFoundTitle', {
defaultMessage: 'No results found',
})}

8
src/plugins/visualizations/public/wizard/new_vis_modal.test.tsx
View file

@ -151,7 +151,7 @@ describe('NewVisModal', () => {
savedObjects={{} as SavedObjectsStart}
/>
);
const visCard = wrapper.find('[data-test-subj="visType-vis"]').at(0);
const visCard = wrapper.find('[data-test-subj="visType-vis"]').last();
visCard.simulate('click');
expect(window.location.assign).toBeCalledWith('testbasepath/app/visualize#/create?type=vis');
});
@ -170,7 +170,7 @@ describe('NewVisModal', () => {
savedObjects={{} as SavedObjectsStart}
/>
);
const visCard = wrapper.find('[data-test-subj="visType-vis"]').at(0);
const visCard = wrapper.find('[data-test-subj="visType-vis"]').last();
visCard.simulate('click');
expect(window.location.assign).toBeCalledWith(
'testbasepath/app/visualize#/create?type=vis&foo=true&bar=42'
@ -196,7 +196,7 @@ describe('NewVisModal', () => {
savedObjects={{} as SavedObjectsStart}
/>
);
const visCard = wrapper.find('[data-test-subj="visType-visWithAliasUrl"]').at(0);
const visCard = wrapper.find('[data-test-subj="visType-visWithAliasUrl"]').last();
visCard.simulate('click');
expect(stateTransfer.navigateToEditor).toBeCalledWith('otherApp', {
path: '#/aliasUrl',
@ -221,7 +221,7 @@ describe('NewVisModal', () => {
savedObjects={{} as SavedObjectsStart}
/>
);
const visCard = wrapper.find('[data-test-subj="visType-visWithAliasUrl"]').at(0);
const visCard = wrapper.find('[data-test-subj="visType-visWithAliasUrl"]').last();
visCard.simulate('click');
expect(navigateToApp).toBeCalledWith('otherApp', { path: '#/aliasUrl' });
expect(onClose).toHaveBeenCalled();

2
test/functional/page_objects/visual_builder_page.ts
View file

@ -936,7 +936,7 @@ export class VisualBuilderPageObject extends FtrService {
public async getVisualizeError() {
const visError = await this.testSubjects.find(`visualization-error`);
const errorSpans = await visError.findAllByClassName('euiText--extraSmall');
const errorSpans = await visError.findAllByTestSubject('visualization-error-text');
return await errorSpans[0].getVisibleText();
}

5
x-pack/plugins/apm/public/components/alerting/transaction_duration_anomaly_alert_trigger/select_anomaly_severity.tsx
View file

@ -46,10 +46,7 @@ export function SelectAnomalySeverity({ onChange, value }: Props) {
<AnomalySeverity type={option.type} />
<EuiSpacer size="xs" />
<EuiText size="xs" color="subdued">
<p
className="euiTextColor--subdued"
data-test-subj="SelectAnomalySeverity option text"
>
<p data-test-subj="SelectAnomalySeverity option text">
<FormattedMessage
id="xpack.apm.alerts.anomalySeverity.scoreDetailsDescription"
defaultMessage="score {value} {value, select, critical {} other {and above}}"

2
x-pack/plugins/apm/public/components/app/correlations/context_popover/context_popover.tsx
View file

@ -73,7 +73,7 @@ export function CorrelationsContextPopover({
}
)}
data-test-subj={'apmCorrelationsContextPopoverButton'}
style={{ marginLeft: theme.eui.paddingSizes.xs }}
style={{ marginLeft: theme.eui.euiSizeXS }}
/>
</EuiToolTip>
}

4
x-pack/plugins/apm/public/components/app/correlations/failed_transactions_correlations.tsx
View file

@ -513,7 +513,7 @@ export function FailedTransactionsCorrelations({
style={{
display: 'flex',
flexDirection: 'row',
paddingLeft: euiTheme.eui.paddingSizes.s,
paddingLeft: euiTheme.eui.euiSizeS,
}}
>
<EuiSwitch
@ -530,7 +530,7 @@ export function FailedTransactionsCorrelations({
<EuiIconTip
size="m"
iconProps={{
style: { marginLeft: euiTheme.eui.paddingSizes.xs },
style: { marginLeft: euiTheme.eui.euiSizeXS },
}}
content={i18n.translate(
'xpack.apm.correlations.latencyCorrelations.advancedStatisticsTooltipContent',

6
x-pack/plugins/apm/public/components/app/service_map/controls.tsx
View file

@ -27,15 +27,15 @@ const ControlsContainer = euiStyled('div')`
const Button = euiStyled(EuiButtonIcon)`
display: block;
margin: ${({ theme }) => theme.eui.paddingSizes.xs};
margin: ${({ theme }) => theme.eui.euiSizeXS};
`;
const ZoomInButton = euiStyled(Button)`
margin-bottom: ${({ theme }) => theme.eui.paddingSizes.s};
margin-bottom: ${({ theme }) => theme.eui.euiSizeS};
`;
const Panel = euiStyled(EuiPanel)`
margin-bottom: ${({ theme }) => theme.eui.paddingSizes.s};
margin-bottom: ${({ theme }) => theme.eui.euiSizeS};
`;
const steps = 5;

12
x-pack/plugins/apm/public/components/app/service_map/cytoscape_options.ts
View file

@ -153,9 +153,9 @@ const getStyle = (
'text-background-color': theme.eui.euiColorPrimary,
'text-background-opacity': (el: cytoscape.NodeSingular) =>
el.hasClass('primary') || el.selected() ? 0.1 : 0,
'text-background-padding': theme.eui.paddingSizes.xs,
'text-background-padding': theme.eui.euiSizeXS,
'text-background-shape': 'roundrectangle',
'text-margin-y': parseInt(theme.eui.paddingSizes.s, 10),
'text-margin-y': parseInt(theme.eui.euiSizeS, 10),
'text-max-width': '200px',
'text-valign': 'bottom',
'text-wrap': 'ellipsis',
@ -175,9 +175,7 @@ const getStyle = (
// fairly new.
//
// @ts-expect-error
'target-distance-from-node': isIE11
? undefined
: theme.eui.paddingSizes.xs,
'target-distance-from-node': isIE11 ? undefined : theme.eui.euiSizeXS,
width: 1,
'source-arrow-shape': 'none',
'z-index': zIndexEdge,
@ -192,10 +190,10 @@ const getStyle = (
// @ts-expect-error
'source-distance-from-node': isIE11
? undefined
: parseInt(theme.eui.paddingSizes.xs, 10),
: parseInt(theme.eui.euiSizeXS, 10),
'target-distance-from-node': isIE11
? undefined
: parseInt(theme.eui.paddingSizes.xs, 10),
: parseInt(theme.eui.euiSizeXS, 10),
},
},
{

2
x-pack/plugins/apm/public/components/app/service_profiling/service_profiling_flamegraph.tsx
View file

@ -60,7 +60,7 @@ const TooltipContainer = euiStyled.div`
background-color: ${(props) => props.theme.eui.euiColorDarkestShade};
border-radius: ${(props) => props.theme.eui.euiBorderRadius};
color: ${(props) => props.theme.eui.euiColorLightestShade};
padding: ${(props) => props.theme.eui.paddingSizes.s};
padding: ${(props) => props.theme.eui.euiSizeS};
`;
const formatValue = (

7
x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx
View file

@ -23,12 +23,7 @@ export const removeExternalLinkText = (str: string) =>
describe('LinkPreview', () => {
const getElementValue = (container: HTMLElement, id: string) =>
getNodeText(
(
(getByTestId(container, id) as HTMLDivElement)
.children as HTMLCollection
)[0] as HTMLDivElement
);
getNodeText(getByTestId(container, id));
it('shows label and url default values', () => {
act(() => {

2
x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/waterfall_item.tsx
View file

@ -44,7 +44,7 @@ const Container = euiStyled.div<IContainerStyleProps>`
position: relative;
display: block;
user-select: none;
padding-top: ${({ theme }) => theme.eui.paddingSizes.s};
padding-top: ${({ theme }) => theme.eui.euiSizeS};
padding-bottom: ${({ theme }) => theme.eui.euiSizeM};
margin-right: ${(props) => props.timelineMargins.right}px;
margin-left: ${(props) =>

6
x-pack/plugins/apm/public/components/shared/charts/instances_latency_distribution_chart/custom_tooltip.tsx
View file

@ -156,7 +156,7 @@ function MultipleInstanceCustomTooltip({
</div>
<div
className="echTooltip__item--container"
style={{ paddingLeft: theme.eui.paddingSizes.s }}
style={{ paddingLeft: theme.eui.euiSizeS }}
>
<span className="echTooltip__label">{latencyLabel}</span>
<span className="echTooltip__value">
@ -176,7 +176,7 @@ function MultipleInstanceCustomTooltip({
</div>
<div
className="echTooltip__item--container"
style={{ paddingLeft: theme.eui.paddingSizes.s }}
style={{ paddingLeft: theme.eui.euiSizeS }}
>
<span className="echTooltip__label">{throughputLabel}</span>
<span className="echTooltip__value">
@ -211,7 +211,7 @@ export function CustomTooltip(
) : (
<SingleInstanceCustomTooltip {...props} />
)}
<div style={{ padding: theme.eui.paddingSizes.xs }}>
<div style={{ padding: theme.eui.euiSizeXS }}>
<EuiIcon type="filter" /> {clickToFilterDescription}
</div>
</div>

4
x-pack/plugins/apm/public/components/shared/charts/timeline/marker/agent_marker.tsx
View file

@ -15,12 +15,12 @@ import { Legend } from '../legend';
const NameContainer = euiStyled.div`
border-bottom: 1px solid ${({ theme }) => theme.eui.euiColorMediumShade};
padding-bottom: ${({ theme }) => theme.eui.paddingSizes.s};
padding-bottom: ${({ theme }) => theme.eui.euiSizeS};
`;
const TimeContainer = euiStyled.div`
color: ${({ theme }) => theme.eui.euiColorMediumShade};
padding-top: ${({ theme }) => theme.eui.paddingSizes.s};
padding-top: ${({ theme }) => theme.eui.euiSizeS};
`;
interface Props {

4
x-pack/plugins/apm/public/components/shared/kuery_bar/typeahead/suggestion.js
View file

@ -36,7 +36,7 @@ const Description = euiStyled.div`
span {
font-family: ${({ theme }) => theme.eui.euiCodeFontFamily};
color: ${({ theme }) => theme.eui.euiColorFullShade};
padding: 0 ${({ theme }) => theme.eui.paddingSizes.xs};
padding: 0 ${({ theme }) => theme.eui.euiSizeXS};
display: inline-block;
}
}
@ -75,7 +75,7 @@ const Icon = euiStyled.div`
const TextValue = euiStyled.div`
flex: 0 0 ${unit * 16}px;
color: ${({ theme }) => theme.eui.euiColorDarkestShade};
padding: 0 ${({ theme }) => theme.eui.paddingSizes.s};
padding: 0 ${({ theme }) => theme.eui.euiSizeS};
`;
function getEuiIconType(type) {

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

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

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

@ -30,7 +30,7 @@ const CausedByHeading = euiStyled('span')`
`;
const FramesContainer = euiStyled('div')`
padding-left: ${({ theme }) => theme.eui.paddingSizes.m};
padding-left: ${({ theme }) => theme.eui.euiSizeM};
`;
function CausedBy({ message }: { message: string }) {

4
x-pack/plugins/apm/public/components/shared/stacktrace/context.tsx
View file

@ -49,8 +49,8 @@ const LineNumberContainer = euiStyled.div<{ isLibraryFrame: boolean }>`
const LineNumber = euiStyled.div<{ highlight: boolean }>`
position: relative;
min-width: 42px;
padding-left: ${({ theme }) => theme.eui.paddingSizes.s};
padding-right: ${({ theme }) => theme.eui.paddingSizes.xs};
padding-left: ${({ theme }) => theme.eui.euiSizeS};
padding-right: ${({ theme }) => theme.eui.euiSizeXS};
color: ${({ theme }) => theme.eui.euiColorMediumShade};
line-height: ${LINE_HEIGHT}px;
text-align: right;

3
x-pack/plugins/apm/public/components/shared/stacktrace/variables.tsx
View file

@ -17,8 +17,7 @@ const VariablesContainer = euiStyled.div`
background: ${({ theme }) => theme.eui.euiColorEmptyShade};
border-radius: 0 0 ${({ theme }) =>
`${theme.eui.euiBorderRadiusSmall} ${theme.eui.euiBorderRadiusSmall}`};
padding: ${({ theme }) =>
`${theme.eui.paddingSizes.s} ${theme.eui.paddingSizes.m}`};
padding: ${({ theme }) => `${theme.eui.euiSizeS} ${theme.eui.euiSizeM}`};
`;
interface Props {

2
x-pack/plugins/apm/public/components/shared/summary/index.tsx
View file

@ -17,7 +17,7 @@ interface Props {
const Item = euiStyled(EuiFlexItem)`
flex-wrap: nowrap;
border-right: 1px solid ${({ theme }) => theme.eui.euiColorLightShade};
padding-right: ${({ theme }) => theme.eui.paddingSizes.s};
padding-right: ${({ theme }) => theme.eui.euiSizeS};
flex-flow: row nowrap;
line-height: 1.5;
align-items: center !important;

2
x-pack/plugins/apm/public/components/shared/time_comparison/index.tsx
View file

@ -30,7 +30,7 @@ const PrependContainer = euiStyled.div`
align-items: center;
background-color: ${({ theme }) =>
theme.eui.euiFormInputGroupLabelBackground};
padding: 0 ${({ theme }) => theme.eui.paddingSizes.m};
padding: 0 ${({ theme }) => theme.eui.euiSizeM};
`;
export function TimeComparison() {

32
x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot generated
View file

@ -195,16 +195,16 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
</button>
</div>
</div>
<div
className="euiText euiText--small euiDatePickerRange__delimeter"
<span
className="euiDatePickerRange__delimeter"
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
<span
color="subdued"
data-euiicon-type="sortRight"
>
→
</div>
</div>
</span>
</span>
<div
className="euiPopover euiPopover--anchorDownRight euiPopover--displayBlock"
>
@ -573,16 +573,16 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
</button>
</div>
</div>
<div
className="euiText euiText--small euiDatePickerRange__delimeter"
<span
className="euiDatePickerRange__delimeter"
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
<span
color="subdued"
data-euiicon-type="sortRight"
>
→
</div>
</div>
</span>
</span>
<div
className="euiPopover euiPopover--anchorDownRight euiPopover--displayBlock"
>

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

@ -171,16 +171,12 @@ exports[`Storyshots arguments/AxisConfig/components extended disabled 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="euiText css-pwgelg-euiText-xs-euiTextColor-subdued"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<p>
Switch on to view axis settings
</p>
</div>
<p>
Switch on to view axis settings
</p>
</div>
</div>
`;

12
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--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow canvasAsset"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -32,7 +32,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -42,7 +42,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
</strong>
<br />
<span
className="euiTextColor euiTextColor--subdued"
className="css-xv0fhq-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -199,7 +199,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow canvasAsset"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -219,7 +219,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -229,7 +229,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
</strong>
<br />
<span
className="euiTextColor euiTextColor--subdued"
className="css-xv0fhq-euiTextColor-subdued"
style={Object {}}
>
<small>

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

@ -96,25 +96,21 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
className="euiModalBody__overflow"
>
<div
className="euiText euiText--small"
className="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<p>
Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets.
</p>
</div>
<p>
Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets.
</p>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow canvasAssetManager__emptyPanel"
className="euiPanel euiPanel--plain euiPanel--paddingMedium canvasAssetManager__emptyPanel css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
>
<div
className="euiEmptyPrompt__main"
@ -170,7 +166,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero eui-textNoWrap"
>
<div
className="euiText euiText--medium"
className="euiText css-1lo1kz-euiText-m"
id="CanvasAssetManagerLabel"
>
0% space used
@ -300,16 +296,12 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiModalBody__overflow"
>
<div
className="euiText euiText--small"
className="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
<p>
Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets.
</p>
</div>
<p>
Below are the image assets in this workpad. Any assets that are currently in use cannot be determined at this time. To reclaim space, delete assets.
</p>
</div>
<div
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
@ -321,7 +313,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow canvasAsset"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -341,7 +333,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -351,7 +343,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</strong>
<br />
<span
className="euiTextColor euiTextColor--subdued"
className="css-xv0fhq-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -497,7 +489,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiFlexItem"
>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow canvasAsset"
className="euiPanel euiPanel--plain euiPanel--paddingSmall canvasAsset css-2969qh-euiPanel-grow-m-s-plain-hasShadow"
>
<div
className="canvasAsset__thumb canvasCheckered"
@ -517,7 +509,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiText euiText--extraSmall eui-textBreakAll"
className="euiText eui-textBreakAll css-1utxlgq-euiText-xs"
>
<p
className="eui-textBreakAll"
@ -527,7 +519,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
</strong>
<br />
<span
className="euiTextColor euiTextColor--subdued"
className="css-xv0fhq-euiTextColor-subdued"
style={Object {}}
>
<small>
@ -694,7 +686,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero eui-textNoWrap"
>
<div
className="euiText euiText--medium"
className="euiText css-1lo1kz-euiText-m"
id="CanvasAssetManagerLabel"
>
0% space used

18
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 euiText--extraSmall canvasCustomElementForm__thumbnailHelp"
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -219,7 +219,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -242,7 +242,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -517,7 +517,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
</div>
</div>
<div
className="euiText euiText--extraSmall canvasCustomElementForm__thumbnailHelp"
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -536,7 +536,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -829,7 +829,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
</div>
</div>
<div
className="euiText euiText--extraSmall canvasCustomElementForm__thumbnailHelp"
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -848,7 +848,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -1138,7 +1138,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
</div>
</div>
<div
className="euiText euiText--extraSmall canvasCustomElementForm__thumbnailHelp"
className="euiText canvasCustomElementForm__thumbnailHelp css-1utxlgq-euiText-xs"
>
<p>
Take a screenshot of your element and upload it here. This can also be done after saving.
@ -1157,7 +1157,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"

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

@ -38,19 +38,15 @@ exports[`Storyshots components/datasource/DatasourceComponent datasource with ex
className="euiSpacer euiSpacer--s css-78drzl-euiSpacer-s"
/>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusNone euiPanel--warning euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--warning css-1flvw80-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingMedium euiCallOut euiCallOut--warning css-1yqbqzs-euiPanel-none-m-warning-euiCallOut"
>
<div
className="euiText euiText--small css-i7i3v9-euiCallOut__description"
className="euiText css-le6wmz-euiText-s-euiTextColor-default-euiCallOut__description"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--default"
style={Object {}}
>
<p>
The datasource has an argument controlled by an expression. Use the expression editor to modify the datasource.
</p>
</div>
<p>
The datasource has an argument controlled by an expression. Use the expression editor to modify the datasource.
</p>
</div>
</div>
</div>

16
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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
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"
onClick={[Function]}
>
<div
@ -40,7 +40,7 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -64,7 +64,7 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
}
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned canvasElementCard css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -88,7 +88,7 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
Element 1
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -112,7 +112,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
}
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
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"
onClick={[Function]}
>
<div
@ -143,7 +143,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -282,7 +282,7 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
}
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiCard__top"
@ -305,7 +305,7 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
Element 1
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -119,7 +119,7 @@ exports[`Storyshots Home Home Page 1`] = `
</div>
</header>
<div
className="euiPanel euiPanel--borderRadiusNone euiPanel--plain euiPanel--noShadow euiPageContent euiPageContent--borderRadiusNone"
className="euiPanel euiPanel--plain euiPageContent euiPageContent--borderRadiusNone css-10ffim0-euiPanel-grow-none-plain"
role="main"
>
<div

50
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--paddingMedium euiPanel--borderRadiusNone euiPanel--subdued euiPanel--noShadow euiPanel--noBorder"
className="euiPanel euiPanel--subdued euiPanel--paddingMedium css-1wu810y-euiPanel-grow-none-m-subdued"
>
<div
className="euiPanel euiPanel--borderRadiusMedium euiPanel--subdued euiPanel--noShadow euiPanel--noBorder euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
className="euiPanel euiPanel--subdued euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-1wqem1z-euiPanel-m-subdued"
>
<div
className="euiEmptyPrompt__main"
@ -43,33 +43,29 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = `
>
Add your first workpad
</h2>
<span
className="euiTextColor euiTextColor--subdued"
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
className="euiText css-nexvet-euiText-m-euiTextColor-subdued"
style={Object {}}
>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
className="euiText euiText--medium"
>
<p>
Create a new workpad, start from a template, or import a workpad JSON file by dropping it here.
</p>
<p>
New to Canvas?
<a
className="euiLink css-102pf9n-euiLink-primary"
href="home#/tutorial_directory/sampleData"
rel="noreferrer"
>
Add your first workpad
</a>
.
</p>
</div>
</span>
<p>
Create a new workpad, start from a template, or import a workpad JSON file by dropping it here.
</p>
<p>
New to Canvas?
<a
className="euiLink css-102pf9n-euiLink-primary"
href="home#/tutorial_directory/sampleData"
rel="noreferrer"
>
Add your first workpad
</a>
.
</p>
</div>
</div>
</div>
</div>

2
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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"

2
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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div>
<div

2
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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-f2xo4o-euiPanel-grow-m-m-plain-hasShadow"
>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive"

12
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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -47,7 +47,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -158,7 +158,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -269,7 +269,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -91,7 +91,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
className="euiSpacer euiSpacer--l css-p2o3x6-euiSpacer-l"
/>
<div
className="euiPanel euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge"
className="euiPanel euiPanel--transparent euiEmptyPrompt euiEmptyPrompt--vertical euiEmptyPrompt--paddingLarge css-7iihzj-euiPanel-m-transparent"
>
<div
className="euiEmptyPrompt__main"
@ -118,21 +118,17 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
>
Add new elements
</h2>
<span
className="euiTextColor euiTextColor--subdued"
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
className="euiText css-nexvet-euiText-m-euiTextColor-subdued"
style={Object {}}
>
<div
className="euiSpacer euiSpacer--m css-jv9za2-euiSpacer-m"
/>
<div
className="euiText euiText--medium"
>
<p>
Group and save workpad elements to create new elements
</p>
</div>
</span>
<p>
Group and save workpad elements to create new elements
</p>
</div>
</div>
</div>
</div>
@ -267,7 +263,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -299,7 +295,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -378,7 +374,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -410,7 +406,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -489,7 +485,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -521,7 +517,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>
@ -745,7 +741,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
className="euiFlexItem canvasElementCard__wrapper"
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
className="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard css-1mfocz8-euiPanel-grow-m-m-plain-hasShadow-isClickable"
onClick={[Function]}
>
<div
@ -777,7 +773,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
</button>
</span>
<div
className="euiText euiText--small euiCard__description"
className="euiText euiCard__description css-1vkrgyt-euiText-s"
id="generated-idDescription"
>
<p>

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

@ -8,7 +8,7 @@ exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
className="euiPopover__anchor"
>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall css-6zsgh2-euiPanel-grow-m-s-plain"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
@ -38,7 +38,7 @@ exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
className="euiPopover__anchor"
>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall css-6zsgh2-euiPanel-grow-m-s-plain"
>
<button
className="euiLink css-102pf9n-euiLink-primary"
@ -82,7 +82,7 @@ exports[`Storyshots components/Shapes/ShapePickerPopover shape selected 1`] = `
className="euiPopover__anchor"
>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow"
className="euiPanel euiPanel--plain euiPanel--paddingSmall css-6zsgh2-euiPanel-grow-m-s-plain"
>
<button
className="euiLink css-102pf9n-euiLink-primary"

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 euiText--small"
className="euiText css-1vkrgyt-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 euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<p>
Multiple elements are currently selected.

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

@ -11,18 +11,10 @@ exports[`Storyshots components/ToolTipShortcut with alt 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
⌥ + P
</div>
</div>
⌥ + P
</div>
</div>
`;
@ -38,18 +30,10 @@ exports[`Storyshots components/ToolTipShortcut with cmd 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
⌘ + D
</div>
</div>
⌘ + D
</div>
</div>
`;
@ -65,18 +49,10 @@ exports[`Storyshots components/ToolTipShortcut with down arrow 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
⌘ + SHIFT + ↓
</div>
</div>
⌘ + SHIFT + ↓
</div>
</div>
`;
@ -92,18 +68,10 @@ exports[`Storyshots components/ToolTipShortcut with left arrow 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
←
</div>
</div>
←
</div>
</div>
`;
@ -119,18 +87,10 @@ exports[`Storyshots components/ToolTipShortcut with right arrow 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
→
</div>
</div>
→
</div>
</div>
`;
@ -146,18 +106,10 @@ exports[`Storyshots components/ToolTipShortcut with shortcut 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
G
</div>
</div>
G
</div>
</div>
`;
@ -173,18 +125,10 @@ exports[`Storyshots components/ToolTipShortcut with up arrow 1`] = `
}
>
<div
className="euiText euiText--extraSmall"
className="css-1jseice-euiText-xs-euiTextColor-ghost-euiTextAlign-center"
style={Object {}}
>
<div
className="euiTextAlign euiTextAlign--center"
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
⌘ + SHIFT + ↑
</div>
</div>
⌘ + SHIFT + ↑
</div>
</div>
`;

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

@ -44,14 +44,10 @@ Array [
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--small"
className="euiText css-czh9ev-euiText-s-euiTextColor-subdued"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--subdued"
style={Object {}}
>
Deleting this variable may adversely affect the workpad. Are you sure you wish to continue?
</div>
Deleting this variable may adversely affect the workpad. Are you sure you wish to continue?
</div>
</div>
</div>

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

@ -38,7 +38,7 @@ Array [
>
<div>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusNone euiPanel--warning euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--warning css-1flvw80-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning css-1mgmgmu-euiPanel-none-s-warning-euiCallOut"
>
<p
className="euiTitle euiCallOutHeader__title css-8qudto-euiTitle-xxs-euiCallOutHeader-warning"
@ -331,7 +331,7 @@ Array [
>
<div>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusNone euiPanel--warning euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--warning css-1flvw80-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning css-1mgmgmu-euiPanel-none-s-warning-euiCallOut"
>
<p
className="euiTitle euiCallOutHeader__title css-8qudto-euiTitle-xxs-euiCallOutHeader-warning"
@ -565,7 +565,7 @@ Array [
>
<div>
<div
className="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusNone euiPanel--warning euiPanel--noShadow euiPanel--noBorder euiCallOut euiCallOut--warning css-1flvw80-euiCallOut"
className="euiPanel euiPanel--warning euiPanel--paddingSmall euiCallOut euiCallOut--warning css-1mgmgmu-euiPanel-none-s-warning-euiCallOut"
>
<p
className="euiTitle euiCallOutHeader__title css-8qudto-euiTitle-xxs-euiCallOutHeader-warning"

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"
className="euiAccordion__triggerWrapper css-mrlcwq-euiAccordion__triggerWrapper"
>
<button
aria-controls="accordion-variables"
aria-expanded={false}
aria-labelledby="generated-id"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton css-86d10e-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__optionalAction css-lxr8cy-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"
className="euiAccordion__childWrapper css-bu9wkr-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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--flexGrowZero"
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-m8bxcp-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 euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Type
@ -32,7 +32,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
exactly
</div>
@ -46,7 +46,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Column
@ -62,7 +62,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
project
</div>
@ -76,7 +76,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Value
@ -92,7 +92,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
kibana
</div>
@ -106,7 +106,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Filter group
@ -122,7 +122,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent default 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--flexGrowZero"
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-m8bxcp-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 euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Type
@ -163,7 +163,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
exactly
</div>
@ -177,7 +177,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Column
@ -193,7 +193,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
project
</div>
@ -207,7 +207,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Value
@ -223,13 +223,13 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<div
className="euiText euiText--medium"
className="euiText css-1lo1kz-euiText-m"
>
<span
className="euiTextColor euiTextColor--success"
className="css-1jxhab0-euiTextColor-success"
style={Object {}}
>
<h3>
@ -248,7 +248,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Filter group
@ -264,7 +264,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with component fie
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-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--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--flexGrowZero"
className="euiPanel euiPanel--plain euiPanel--paddingMedium css-m8bxcp-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 euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Type
@ -305,7 +305,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
exactly
</div>
@ -319,7 +319,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Column
@ -335,7 +335,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
project
</div>
@ -349,7 +349,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Value
@ -365,7 +365,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
kibana
</div>
@ -379,7 +379,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Filter group
@ -395,7 +395,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
Group 1
</div>
@ -409,7 +409,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-euiText-s"
>
<h4>
Custom Field
@ -425,7 +425,7 @@ exports[`Storyshots components/WorkpadFilters/FilterComponent with custom filter
}
>
<div
className="euiText euiText--small"
className="euiText css-1vkrgyt-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"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-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"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-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 euiText--medium"
className="euiText css-1lo1kz-euiText-m"
>
<h5>
Group by
@ -109,7 +109,7 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
className="euiFlexItem"
>
<div
className="euiText euiText--medium"
className="euiText css-1lo1kz-euiText-m"
>
<h5>
Group by
@ -181,13 +181,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
}
>
<div
className="euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-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 euiText--medium"
className="euiText css-1lo1kz-euiText-m"
>
<h5>
Group by
@ -325,13 +325,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
}
>
<div
className="euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-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 euiText--medium"
className="euiText css-1lo1kz-euiText-m"
>
<h5>
Group by
@ -469,13 +469,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent Filters gr
}
>
<div
className="euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-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 euiText--medium"
className="euiText css-1lo1kz-euiText-m"
>
<h5>
Group by
@ -613,13 +613,13 @@ exports[`Storyshots components/WorkpadFilters/WorkpadFiltersComponent default 1`
}
>
<div
className="euiAccordion__triggerWrapper"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-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"
className="euiAccordion__triggerWrapper css-mrlcwq-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"
className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1n6daz4-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"
className="euiAccordion__button css-ot1kdj-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"
className="euiAccordion__childWrapper css-1ymmbjr-euiAccordion__childWrapper-isOpen"
id="canvas-filter-group-1"
role="region"
tabIndex={-1}

20
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 euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
Color
</div>
@ -26,7 +26,7 @@ exports[`Storyshots arguments/SeriesStyle simple 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
<button
aria-label="Color: Auto"
@ -60,7 +60,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: defaults 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
Color
</div>
@ -69,7 +69,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: defaults 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
<button
aria-label="Color: Auto"
@ -103,7 +103,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no labels 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
Color
</div>
@ -112,7 +112,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no labels 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
<button
aria-label="Color: Auto"
@ -146,7 +146,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
Color
</div>
@ -155,7 +155,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
<button
aria-label="Color: Auto"
@ -208,7 +208,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: with series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
Color
</div>
@ -217,7 +217,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: with series 1`] = `
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiText euiText--extraSmall"
className="euiText css-1utxlgq-euiText-xs"
>
<button
aria-label="Color: Auto"

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

@ -9,7 +9,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with default propertie
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with height specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-height=\\"350\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -21,7 +21,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with height specified
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with page specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-page=\\"0\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -33,7 +33,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with page specified 2`
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with width and height specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-width=\\"350\\" kbn-canvas-height=\\"350\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -45,7 +45,7 @@ exports[`Canvas Shareable Workpad API Placed successfully with width and height
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;
exports[`Canvas Shareable Workpad API Placed successfully with width specified 1`] = `"<div kbn-canvas-shareable=\\"canvas\\" kbn-canvas-width=\\"400\\" kbn-canvas-url=\\"workpad.json\\"></div>"`;
@ -57,5 +57,5 @@ exports[`Canvas Shareable Workpad API Placed successfully with width specified 2
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
font-size: 150px; text-align: center; color: #d3d3d3;
}
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-102pf9n-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonContent euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText css-1rmuwqj-euiText-s-euiTextColor-ghost\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost euiButtonIcon--empty euiButtonIcon--xSmall\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div></div>"
`;

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

@ -1342,17 +1342,13 @@ exports[`Storyshots shareables/Canvas component 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
</div>
</div>
@ -1411,16 +1407,12 @@ exports[`Storyshots shareables/Canvas component 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
of 28
</div>
Page
1
of 28
</div>
</span>
</span>
@ -2832,17 +2824,13 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
</div>
</div>
@ -2901,16 +2889,12 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
of 28
</div>
Page
1
of 28
</div>
</span>
</span>
@ -3138,17 +3122,13 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
My Canvas Workpad
</div>
My Canvas Workpad
</div>
</div>
</div>
@ -3207,15 +3187,11 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
</div>
Page
1
</div>
</span>
</span>

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

@ -1295,17 +1295,13 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
</div>
</div>
@ -1364,16 +1360,12 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
of 28
</div>
Page
1
of 28
</div>
</span>
</span>
@ -1555,17 +1547,13 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
My Canvas Workpad
</div>
My Canvas Workpad
</div>
</div>
</div>
@ -1624,15 +1612,11 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
</div>
Page
1
</div>
</span>
</span>

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

@ -56,16 +56,12 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
of 10
</div>
Page
1
of 10
</div>
</span>
</span>
@ -157,16 +153,12 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
of 28
</div>
Page
1
of 28
</div>
</span>
</span>
@ -258,16 +250,12 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
className="euiButtonEmpty__text"
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
>
Page
1
of 28
</div>
Page
1
of 28
</div>
</span>
</span>

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

@ -49,17 +49,13 @@ exports[`Storyshots shareables/Footer/Title component 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
This is a test title.
</div>
This is a test title.
</div>
</div>
</div>
@ -116,17 +112,13 @@ exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
Elastic{ON} - Austin from Clint Andrew Hall with a title that just goes and goes and goes
</div>
</div>
</div>
@ -183,17 +175,13 @@ exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = `
}
>
<div
className="euiText euiText--small"
className="euiText css-1rmuwqj-euiText-s-euiTextColor-ghost"
style={Object {}}
>
<div
className="euiTextColor euiTextColor--ghost"
style={Object {}}
className="eui-textTruncate"
>
<div
className="eui-textTruncate"
>
My Canvas Workpad
</div>
My Canvas Workpad
</div>
</div>
</div>

10
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--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top css-1pupmsc-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--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen css-1pupmsc-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; z-index: 2000;"
@ -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--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top css-1pupmsc-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--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen"
class="euiPanel euiPanel--plain euiPopover__panel euiPopover__panel--top euiPopover__panel-isOpen css-1pupmsc-euiPanel-grow-m-plain"
data-popover-panel="true"
role="dialog"
style="top: -16px; left: -22px; z-index: 2000;"
@ -635,4 +635,4 @@ 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--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--top\\" 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 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>"`;

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

@ -46,7 +46,7 @@ interface CasesTableProps {
}
const Div = styled.div`
margin-top: ${({ theme }) => theme.eui.paddingSizes.m};
margin-top: ${({ theme }) => theme.eui.euiSizeM};
`;
export const CasesTable: FunctionComponent<CasesTableProps> = ({

4
x-pack/plugins/cases/public/components/configure_cases/index.tsx
View file

@ -42,8 +42,8 @@ const FormWrapper = styled.div`
margin-top: 0;
}
padding-top: ${theme.eui.paddingSizes.xl};
padding-bottom: ${theme.eui.paddingSizes.xl};
padding-top: ${theme.eui.euiSizeXL};
padding-bottom: ${theme.eui.euiSizeXL};
.euiFlyout {
z-index: ${theme.eui.euiZNavigation + 1};
}

2
x-pack/plugins/cases/public/components/create/flyout/create_case_flyout.tsx
View file

@ -60,7 +60,7 @@ const StyledEuiFlyoutBody = styled(EuiFlyoutBody)`
&& .euiFlyoutBody__overflowContent {
display: block;
padding: ${theme.eui.paddingSizes.l} ${theme.eui.paddingSizes.l} 70px;
padding: ${theme.eui.euiSizeL} ${theme.eui.euiSizeL} 70px;
height: auto;
}
`}

4
x-pack/plugins/cases/public/components/header_page/index.test.tsx
View file

@ -124,7 +124,7 @@ describe('HeaderPage', () => {
const casesHeaderPage = wrapper.find('.casesHeaderPage').first();
expect(casesHeaderPage).toHaveStyleRule('border-bottom', euiDarkVars.euiBorderThin);
expect(casesHeaderPage).toHaveStyleRule('padding-bottom', euiDarkVars.paddingSizes.l);
expect(casesHeaderPage).toHaveStyleRule('padding-bottom', euiDarkVars.euiSizeL);
});
test('it DOES NOT apply border styles when border is false', () => {
@ -136,7 +136,7 @@ describe('HeaderPage', () => {
const casesHeaderPage = wrapper.find('.casesHeaderPage').first();
expect(casesHeaderPage).not.toHaveStyleRule('border-bottom', euiDarkVars.euiBorderThin);
expect(casesHeaderPage).not.toHaveStyleRule('padding-bottom', euiDarkVars.paddingSizes.l);
expect(casesHeaderPage).not.toHaveStyleRule('padding-bottom', euiDarkVars.euiSizeL);
});
describe('Badges', () => {

4
x-pack/plugins/cases/public/components/header_page/index.tsx
View file

@ -30,9 +30,9 @@ const Header = styled.header.attrs({
${border &&
css`
border-bottom: ${theme.eui.euiBorderThin};
padding-bottom: ${theme.eui.paddingSizes.l};
padding-bottom: ${theme.eui.euiSizeL};
.euiProgress {
top: ${theme.eui.paddingSizes.l};
top: ${theme.eui.euiSizeL};
}
`}
`}

6
x-pack/plugins/cases/public/components/user_actions/index.tsx
View file

@ -58,8 +58,8 @@ const MyEuiCommentList = styled(EuiCommentList)`
& .comment-alert .euiCommentEvent {
background-color: ${theme.eui.euiColorLightestShade};
border: ${theme.eui.euiFlyoutBorder};
padding: ${theme.eui.paddingSizes.s};
border-radius: ${theme.eui.paddingSizes.xs};
padding: ${theme.eui.euiSizeS};
border-radius: ${theme.eui.euiSizeXS};
}
& .comment-alert .euiCommentEvent__headerData {
@ -69,7 +69,7 @@ const MyEuiCommentList = styled(EuiCommentList)`
& .comment-action.empty-comment .euiCommentEvent--regular {
box-shadow: none;
.euiCommentEvent__header {
padding: ${theme.eui.euiSizeM} ${theme.eui.paddingSizes.s};
padding: ${theme.eui.euiSizeM} ${theme.eui.euiSizeS};
border-bottom: 0;
}
}

6
x-pack/plugins/cases/public/components/utility_bar/styles.tsx
View file

@ -30,7 +30,7 @@ export const Bar = styled.aside.attrs({
${border &&
css`
border-bottom: ${theme.eui.euiBorderThin};
padding-bottom: ${theme.eui.paddingSizes.s};
padding-bottom: ${theme.eui.euiSizeS};
`}
@media only screen and (min-width: ${theme.eui.euiBreakpoints.l}) {
@ -83,8 +83,8 @@ export const BarGroup = styled.div.attrs({
@media only screen and (min-width: ${theme.eui.euiBreakpoints.m}) {
border-right: ${theme.eui.euiBorderThin};
flex-wrap: nowrap;
margin-right: ${theme.eui.paddingSizes.m};
padding-right: ${theme.eui.paddingSizes.m};
margin-right: ${theme.eui.euiSizeM};
padding-right: ${theme.eui.euiSizeM};
& + & {
margin-top: 0;

4
x-pack/plugins/cases/public/components/utility_bar/utility_bar.test.tsx
View file

@ -74,7 +74,7 @@ describe('UtilityBar', () => {
const casesUtilityBar = wrapper.find('.casesUtilityBar').first();
expect(casesUtilityBar).toHaveStyleRule('border-bottom', euiDarkVars.euiBorderThin);
expect(casesUtilityBar).toHaveStyleRule('padding-bottom', euiDarkVars.paddingSizes.s);
expect(casesUtilityBar).toHaveStyleRule('padding-bottom', euiDarkVars.euiSizeS);
});
test('it DOES NOT apply border styles when border is false', () => {
@ -104,6 +104,6 @@ describe('UtilityBar', () => {
const casesUtilityBar = wrapper.find('.casesUtilityBar').first();
expect(casesUtilityBar).not.toHaveStyleRule('border-bottom', euiDarkVars.euiBorderThin);
expect(casesUtilityBar).not.toHaveStyleRule('padding-bottom', euiDarkVars.paddingSizes.s);
expect(casesUtilityBar).not.toHaveStyleRule('padding-bottom', euiDarkVars.euiSizeS);
});
});

2
x-pack/plugins/cases/public/components/wrappers/index.tsx
View file

@ -28,7 +28,7 @@ const gutterTimeline = '70px'; // seems to be a timeline reference from the orig
export const ContentWrapper = styled.div`
${({ theme }) =>
`
padding: ${theme.eui.paddingSizes.l} 0 ${gutterTimeline} 0;
padding: ${theme.eui.euiSizeL} 0 ${gutterTimeline} 0;
`};
`;

2
x-pack/plugins/cloud_security_posture/public/pages/findings/layout/findings_distribution_bar.tsx
View file

@ -106,7 +106,7 @@ const DistributionBar: React.FC<Omit<Props, 'pageEnd' | 'pageStart'>> = ({ passe
gutterSize="none"
css={css`
height: 8px;
background: ${euiTheme.colors.subdued};
background: ${euiTheme.colors.subduedText};
`}
>
<DistributionBarPart value={passed} color={euiTheme.colors.success} />

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