From e8f74298c6b2d3ad53d3f319c9a9e84d407b32ec Mon Sep 17 00:00:00 2001 From: Elizabet Oliveira Date: Mon, 22 Aug 2022 12:48:49 +0100 Subject: [PATCH 1/3] Converted `EuiButton` to emotion --- src-docs/src/views/bottom_bar/bottom_bar.js | 6 +- .../bottom_bar/bottom_bar_displacement.js | 2 +- src-docs/src/views/bottom_bar/playground.js | 2 +- src-docs/src/views/button/button_example.js | 100 ++++- src-docs/src/views/button/button_ghost.js | 110 +++--- src-docs/src/views/theme/color/contrast.tsx | 8 +- .../src/views/theme/customizing/values.tsx | 4 +- .../__snapshots__/skip_link.test.tsx.snap | 56 +-- .../skip_link/skip_link.test.tsx | 6 +- .../__snapshots__/accordion.test.tsx.snap | 38 +- .../collapsed_item_actions.test.tsx.snap | 2 +- .../in_memory_table.test.tsx.snap | 12 +- src/components/basic_table/action_types.ts | 10 +- .../basic_table/default_item_action.tsx | 8 +- .../basic_table/in_memory_table.test.tsx | 10 +- .../button/__snapshots__/button.test.tsx.snap | 233 ++++-------- src/components/button/_button.scss | 143 -------- src/components/button/_index.scss | 1 - src/components/button/button.tsx | 193 ++++------ .../button_display/_button_display.styles.ts | 19 +- .../button/button_display/_button_display.tsx | 82 ++++- .../_button_display_content.styles.ts | 4 - .../_button_display_content.tsx | 15 +- .../__snapshots__/button_empty.test.tsx.snap | 65 ++-- .../button/button_empty/_button_empty.scss | 52 +-- .../button/button_empty/button_empty.test.tsx | 16 +- .../button/button_empty/button_empty.tsx | 118 +++--- src/components/button/button_empty/index.ts | 8 +- .../__snapshots__/button_group.test.tsx.snap | 345 +++++------------- .../button/button_group/_button_group.scss | 1 - .../button_group/_button_group_button.scss | 138 +++---- .../button/button_group/button_group.test.tsx | 5 +- .../button/button_group/button_group.tsx | 20 +- .../button_group/button_group_button.tsx | 14 +- .../__snapshots__/button_icon.test.tsx.snap | 44 +-- .../button/button_icon/_button_icon.scss | 106 +----- .../button/button_icon/_variables.scss | 11 - .../button/button_icon/button_icon.test.tsx | 18 +- .../button/button_icon/button_icon.tsx | 113 +++--- src/components/button/button_icon/index.ts | 1 - src/components/button/index.ts | 9 +- .../card/__snapshots__/card.test.tsx.snap | 4 +- .../__snapshots__/card_select.test.tsx.snap | 10 +- src/components/card/card_select.tsx | 8 +- .../__snapshots__/code_block.test.tsx.snap | 237 ++++++++++-- src/components/code/code_block.test.tsx | 4 +- .../collapsible_nav.test.tsx.snap | 18 +- .../collapsible_nav_group.test.tsx.snap | 4 +- .../__snapshots__/control_bar.test.tsx.snap | 48 +-- src/components/control_bar/_control_bar.scss | 8 +- .../__snapshots__/data_grid.test.tsx.snap | 34 +- .../column_selector.test.tsx.snap | 6 +- .../column_sorting.test.tsx.snap | 12 +- .../__snapshots__/auto_refresh.test.tsx.snap | 12 +- .../super_update_button.test.tsx.snap | 16 + .../__snapshots__/quick_select.test.tsx.snap | 4 + .../super_date_picker.test.tsx | 4 +- .../__snapshots__/facet_button.test.tsx.snap | 22 +- src/components/facet/facet_button.tsx | 12 +- .../__snapshots__/filter_button.test.tsx.snap | 22 +- .../flyout/__snapshots__/flyout.test.tsx.snap | 46 +-- src/components/flyout/_flyout.scss | 5 +- .../field_password.test.tsx.snap | 6 +- .../__snapshots__/header_link.test.tsx.snap | 6 +- .../__snapshots__/header_links.test.tsx.snap | 2 +- .../header_section_item_button.test.tsx.snap | 12 +- .../__snapshots__/list_group.test.tsx.snap | 4 +- .../list_group_item.test.tsx.snap | 4 +- .../pinnable_list_group.test.tsx.snap | 20 +- .../markdown_editor.test.tsx.snap | 159 ++++---- .../markdown_editor/markdown_editor.test.tsx | 8 +- .../markdown_editor_toolbar.tsx | 2 + .../__snapshots__/confirm_modal.test.tsx.snap | 20 +- .../modal/__snapshots__/modal.test.tsx.snap | 2 +- src/components/modal/confirm_modal.tsx | 4 +- .../notification_event.test.tsx.snap | 6 +- ...tification_event_read_button.test.tsx.snap | 4 +- .../__snapshots__/pagination.test.tsx.snap | 84 ++--- .../pagination_button.test.tsx.snap | 2 +- .../__snapshots__/side_nav.test.tsx.snap | 2 +- .../table_sort_mobile.test.tsx.snap | 2 +- .../table_pagination.test.tsx.snap | 32 +- .../global_toast_list.test.tsx.snap | 8 +- .../__snapshots__/tour_step.test.tsx.snap | 8 +- src/global_styling/mixins/_button.scss | 66 +++- src/global_styling/mixins/_color.ts | 4 +- .../global_styling/mixins/_button.scss | 60 --- .../global_styling/mixins/_index.scss | 1 - .../amsterdam/global_styling/mixins/button.ts | 231 ++++++++++-- src/themes/amsterdam/overrides/_button.scss | 119 ------ .../amsterdam/overrides/_button_empty.scss | 20 - .../amsterdam/overrides/_button_group.scss | 91 ----- src/themes/amsterdam/overrides/_header.scss | 2 - src/themes/amsterdam/overrides/_index.scss | 1 + upcoming_changelogs/5989.md | 16 + 95 files changed, 1718 insertions(+), 1974 deletions(-) delete mode 100644 src/components/button/_button.scss delete mode 100644 src/components/button/button_icon/_variables.scss delete mode 100644 src/themes/amsterdam/global_styling/mixins/_button.scss delete mode 100644 src/themes/amsterdam/overrides/_button.scss delete mode 100644 src/themes/amsterdam/overrides/_button_empty.scss delete mode 100644 src/themes/amsterdam/overrides/_button_group.scss create mode 100644 upcoming_changelogs/5989.md diff --git a/src-docs/src/views/bottom_bar/bottom_bar.js b/src-docs/src/views/bottom_bar/bottom_bar.js index 6986c5e20d4..c0317d4e97e 100644 --- a/src-docs/src/views/bottom_bar/bottom_bar.js +++ b/src-docs/src/views/bottom_bar/bottom_bar.js @@ -25,12 +25,12 @@ export default () => { - + Help - + Add user @@ -39,7 +39,7 @@ export default () => { - + Discard diff --git a/src-docs/src/views/bottom_bar/bottom_bar_displacement.js b/src-docs/src/views/bottom_bar/bottom_bar_displacement.js index 496b532e52c..1fa7a564bc7 100644 --- a/src-docs/src/views/bottom_bar/bottom_bar_displacement.js +++ b/src-docs/src/views/bottom_bar/bottom_bar_displacement.js @@ -46,7 +46,7 @@ export default () => { setToggleIdSelected(null)} - color="ghost" + color="text" size="s" iconType="cross" > diff --git a/src-docs/src/views/bottom_bar/playground.js b/src-docs/src/views/bottom_bar/playground.js index 5ae1af1f7c3..48af0b9ccf1 100644 --- a/src-docs/src/views/bottom_bar/playground.js +++ b/src-docs/src/views/bottom_bar/playground.js @@ -10,7 +10,7 @@ export const bottomBarConfig = () => { propsToUse.children = { type: PropTypes.ReactNode, - value: 'Save', + value: 'Save', }; propsToUse.position = { diff --git a/src-docs/src/views/button/button_example.js b/src-docs/src/views/button/button_example.js index 11d91c6dc0b..b1ac7a0a221 100644 --- a/src-docs/src/views/button/button_example.js +++ b/src-docs/src/views/button/button_example.js @@ -12,6 +12,11 @@ import { EuiCallOut, EuiLink, EuiText, + EuiFlexGroup, + EuiFlexItem, + EuiCard, + EuiPanel, + EuiSpacer, } from '../../../../src/components'; import { EuiButtonGroupOptionProps } from '!!prop-loader!../../../../src/components/button/button_group/button_group'; @@ -256,6 +261,81 @@ export const ButtonExample = { ), sections: [ { + text: ( + <> + + + + + + Primary action + + + } + title="EuiButton" + titleSize="xs" + /> + + + + + Secondary action + + + } + title="EuiButton" + titleSize="xs" + /> + + + + + Tertiary action + + + } + title="EuiButtonEmpty" + titleSize="xs" + /> + + + + + + + + } + title="EuiButtonIcon" + titleSize="xs" + /> + + + + ), + }, + { + title: 'Basic button', source: [ { type: GuideSectionTypes.JS, @@ -624,8 +704,7 @@ export const ButtonExample = { demoPanelProps: { color: 'subdued' }, }, { - title: 'Ghost', - ghostBackground: true, + title: 'Ghost vs. dark mode', source: [ { type: GuideSectionTypes.JS, @@ -634,19 +713,24 @@ export const ButtonExample = { ], text: (

- For buttons on dark color backgrounds, you can pass{' '} - {'color="ghost"'} to any of the - button components on this page. These should be used extremely rarely, - and are only for placing buttons on top of dark or image-based - backgrounds. A good example of their use is in the{' '} + For buttons on dark color backgrounds, it is recommended to wrap the + entire area in{' '} + + {''} + {' '} + to invert all colors to dark mode. The legacy{' '} + {'color="ghost"'} now uses this + method and is set for deprecation. An example usage of inverted + buttons is in combination with{' '} EuiBottomBar {' '} - component. + which already wraps its children in dark mode.

), snippet: buttonGhostSnippet, demo: , + demoPanelProps: { paddingSize: 'none' }, }, ], guidelines: , diff --git a/src-docs/src/views/button/button_ghost.js b/src-docs/src/views/button/button_ghost.js index 1dac3cc8b23..60b0eadbbba 100644 --- a/src-docs/src/views/button/button_ghost.js +++ b/src-docs/src/views/button/button_ghost.js @@ -6,7 +6,9 @@ import { EuiButtonIcon, EuiFlexGroup, EuiFlexItem, + EuiPanel, } from '../../../../src/components'; +import { EuiThemeProvider } from '../../../../src/services'; export default () => { const [toggle0On, setToggle0On] = useState(false); @@ -16,63 +18,67 @@ export default () => { }; return ( - - - {}}> - Ghost - - + + + + + {}}> + Ghost + + - - {}} - > - Filled - - + + {}} + > + Filled + + - - {}}> - small - - + + {}}> + small + + - - {}} - aria-label="Your account" - /> - + + {}} + aria-label="Your account" + /> + - - - Loading… - - + + + Loading… + + - - - Loading… - - + + + Loading… + + - - - Toggle me - - - + + + Toggle me + + + + + ); }; diff --git a/src-docs/src/views/theme/color/contrast.tsx b/src-docs/src/views/theme/color/contrast.tsx index e4e9216ce96..5d533f949bb 100644 --- a/src-docs/src/views/theme/color/contrast.tsx +++ b/src-docs/src/views/theme/color/contrast.tsx @@ -338,10 +338,10 @@ export default () => { { <> @@ -157,7 +157,7 @@ export default () => { setJsonFlyoutIsOpen(true)} - color="ghost" + color="text" > View theme JSON diff --git a/src/components/accessibility/skip_link/__snapshots__/skip_link.test.tsx.snap b/src/components/accessibility/skip_link/__snapshots__/skip_link.test.tsx.snap index a6951307e41..10f6e9e4a4e 100644 --- a/src/components/accessibility/skip_link/__snapshots__/skip_link.test.tsx.snap +++ b/src/components/accessibility/skip_link/__snapshots__/skip_link.test.tsx.snap @@ -3,16 +3,16 @@ exports[`EuiSkipLink is rendered 1`] = ` Skip @@ -22,82 +22,62 @@ exports[`EuiSkipLink is rendered 1`] = ` exports[`EuiSkipLink props onClick is rendered 1`] = ` - - + class="emotion-euiButtonDisplayContent" + /> `; exports[`EuiSkipLink props position absolute is rendered 1`] = ` - - + class="emotion-euiButtonDisplayContent" + /> `; exports[`EuiSkipLink props position fixed is rendered 1`] = ` - - + class="emotion-euiButtonDisplayContent" + /> `; exports[`EuiSkipLink props position static is rendered 1`] = ` - - + class="emotion-euiButtonDisplayContent" + /> `; exports[`EuiSkipLink props tabIndex is rendered 1`] = ` - - + class="emotion-euiButtonDisplayContent" + /> `; diff --git a/src/components/accessibility/skip_link/skip_link.test.tsx b/src/components/accessibility/skip_link/skip_link.test.tsx index c8dd6c7d026..19c7f3161ec 100644 --- a/src/components/accessibility/skip_link/skip_link.test.tsx +++ b/src/components/accessibility/skip_link/skip_link.test.tsx @@ -37,7 +37,7 @@ describe('EuiSkipLink', () => { ); const preventDefault = jest.fn(); - component.find('EuiButton').simulate('click', { preventDefault }); + component.find('a').simulate('click', { preventDefault }); expect(preventDefault).toHaveBeenCalled(); expect(focusSpy).toHaveBeenCalled(); @@ -50,11 +50,11 @@ describe('EuiSkipLink', () => { const component = mount( ); - component.find('EuiButton').simulate('click'); + component.find('a').simulate('click'); expect(scrollSpy).not.toHaveBeenCalled(); mockElement.getBoundingClientRect = () => ({ top: 1000 } as any); - component.find('EuiButton').simulate('click'); + component.find('a').simulate('click'); expect(scrollSpy).toHaveBeenCalled(); }); }); diff --git a/src/components/accordion/__snapshots__/accordion.test.tsx.snap b/src/components/accordion/__snapshots__/accordion.test.tsx.snap index c837f863ea6..a54c39cd561 100644 --- a/src/components/accordion/__snapshots__/accordion.test.tsx.snap +++ b/src/components/accordion/__snapshots__/accordion.test.tsx.snap @@ -11,7 +11,7 @@ exports[`EuiAccordion behavior closes when clicked twice 1`] = ` aria-controls="20" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -65,7 +65,7 @@ exports[`EuiAccordion behavior does not open when isDisabled 1`] = ` aria-controls="18" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-lc7o8f-empty-disabled-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" disabled="" tabindex="-1" type="button" @@ -121,7 +121,7 @@ exports[`EuiAccordion behavior opens when clicked once 1`] = ` aria-controls="17" aria-expanded="true" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1o4u7sp-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton-isOpen" tabindex="-1" type="button" > @@ -175,7 +175,7 @@ exports[`EuiAccordion behavior opens when div is clicked if element is a div 1`] aria-controls="19" aria-expanded="true" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1o4u7sp-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton-isOpen" tabindex="-1" type="button" > @@ -231,7 +231,7 @@ exports[`EuiAccordion is rendered 1`] = ` aria-controls="0" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -281,7 +281,7 @@ exports[`EuiAccordion isDisabled is rendered 1`] = ` aria-controls="16" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-lc7o8f-empty-disabled-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" disabled="" tabindex="-1" type="button" @@ -379,7 +379,7 @@ exports[`EuiAccordion props arrowDisplay right is rendered 1`] = ` aria-controls="8" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton--right emotion-euiAccordion__iconButton-arrowRight" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton--right css-1f2dcop-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton-arrowRight" tabindex="-1" type="button" > @@ -419,7 +419,7 @@ exports[`EuiAccordion props arrowProps is rendered 1`] = ` aria-expanded="false" aria-label="aria-label" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton testClass1 testClass2 emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton testClass1 testClass2 css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" data-test-subj="test subject string" tabindex="-1" type="button" @@ -470,7 +470,7 @@ exports[`EuiAccordion props buttonContent is rendered 1`] = ` aria-controls="3" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -524,7 +524,7 @@ exports[`EuiAccordion props buttonContentClassName is rendered 1`] = ` aria-controls="2" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -574,7 +574,7 @@ exports[`EuiAccordion props buttonElement is rendered 1`] = ` aria-controls="5" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="0" type="button" > @@ -623,7 +623,7 @@ exports[`EuiAccordion props buttonProps is rendered 1`] = ` aria-controls="4" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -675,7 +675,7 @@ exports[`EuiAccordion props element is rendered 1`] = ` aria-controls="1" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="0" type="button" > @@ -724,7 +724,7 @@ exports[`EuiAccordion props extraAction is rendered 1`] = ` aria-controls="6" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -781,7 +781,7 @@ exports[`EuiAccordion props forceState closed is rendered 1`] = ` aria-controls="11" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -835,7 +835,7 @@ exports[`EuiAccordion props forceState open is rendered 1`] = ` aria-controls="12" aria-expanded="true" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1o4u7sp-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton-isOpen" tabindex="-1" type="button" > @@ -889,7 +889,7 @@ exports[`EuiAccordion props initialIsOpen is rendered 1`] = ` aria-controls="7" aria-expanded="true" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen emotion-euiAccordion__iconButton-isOpen" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton euiAccordion__iconButton-isOpen css-1o4u7sp-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton-isOpen" tabindex="-1" type="button" > @@ -943,7 +943,7 @@ exports[`EuiAccordion props isLoading is rendered 1`] = ` aria-controls="14" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > @@ -1002,7 +1002,7 @@ exports[`EuiAccordion props isLoadingMessage is rendered 1`] = ` aria-controls="15" aria-expanded="false" aria-labelledby="generated-id" - class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiAccordion__iconButton emotion-euiAccordion__iconButton" + class="euiButtonIcon euiButtonIcon--xSmall euiAccordion__iconButton css-1r6f2je-empty-text-hoverStyles-EuiButtonIcon-euiAccordion__iconButton" tabindex="-1" type="button" > diff --git a/src/components/basic_table/__snapshots__/collapsed_item_actions.test.tsx.snap b/src/components/basic_table/__snapshots__/collapsed_item_actions.test.tsx.snap index a3a0367eb51..5d6158faa98 100644 --- a/src/components/basic_table/__snapshots__/collapsed_item_actions.test.tsx.snap +++ b/src/components/basic_table/__snapshots__/collapsed_item_actions.test.tsx.snap @@ -13,7 +13,7 @@ exports[`CollapsedItemActions render 1`] = ` > `; exports[`EuiButton props color danger is rendered 1`] = ` `; exports[`EuiButton props color ghost is rendered 1`] = ` `; exports[`EuiButton props color primary is rendered 1`] = ` `; exports[`EuiButton props color success is rendered 1`] = ` `; exports[`EuiButton props color text is rendered 1`] = ` `; exports[`EuiButton props color warning is rendered 1`] = ` `; exports[`EuiButton props contentProps is rendered 1`] = ` `; exports[`EuiButton props fullWidth is rendered 1`] = ` `; exports[`EuiButton props href secures the rel attribute when the target is _blank 1`] = ` - - + class="emotion-euiButtonDisplayContent" + /> `; exports[`EuiButton props iconSide left is rendered 1`] = ` `; exports[`EuiButton props isDisabled is rendered 1`] = ` `; exports[`EuiButton props isDisabled renders a button even when href is defined 1`] = ` `; exports[`EuiButton props isDisabled renders if passed as disabled 1`] = ` `; exports[`EuiButton props isLoading is rendered 1`] = ` `; @@ -326,92 +268,71 @@ exports[`EuiButton props isLoading is rendered 1`] = ` exports[`EuiButton props isSelected is rendered as false 1`] = ` `; exports[`EuiButton props isSelected is rendered as true 1`] = ` `; exports[`EuiButton props minWidth is rendered 1`] = ` `; exports[`EuiButton props size m is rendered 1`] = ` `; exports[`EuiButton props size s is rendered 1`] = ` `; exports[`EuiButton props textProps is rendered 1`] = ` `; +exports[`EuiButtonEmpty props color accent is rendered 1`] = ` + +`; + exports[`EuiButtonEmpty props color danger is rendered 1`] = ` - - -`; - -exports[`EuiButtonGroup button props color ghost is rendered for multi 1`] = ` -
- - test - -
- - - -
-
-`; - -exports[`EuiButtonGroup button props color ghost is rendered for single 1`] = ` -
- - test - -
- - - @@ -432,27 +530,118 @@ console.log(some);" > @@ -525,7 +714,7 @@ exports[`EuiCodeBlock props overflowHeight is rendered 1`] = ` >