From c6c4e8caf0cb5a41181d0662f5be407ae5f43eb9 Mon Sep 17 00:00:00 2001
From: Chandler Prall <chandler.prall@gmail.com>
Date: Wed, 9 Dec 2020 19:23:28 -0700
Subject: [PATCH] Upgrade EUI to v30.6.0 and update jest snapshots

---
 package.json                                  |  2 +-
 .../collapsible_nav.test.tsx.snap             |  2 ++
 .../header/__snapshots__/header.test.tsx.snap |  1 +
 .../dashboard_empty_screen.test.tsx.snap      |  5 +++
 .../saved_objects_installer.test.js.snap      | 12 +++++++
 .../header/__snapshots__/header.test.tsx.snap |  3 ++
 .../warning_call_out.test.tsx.snap            |  2 ++
 .../inspector_panel.test.tsx.snap             |  1 +
 .../__snapshots__/header.test.tsx.snap        |  4 +++
 .../__test__/__snapshots__/List.test.tsx.snap |  2 ++
 .../time_filter.stories.storyshot             |  5 +++
 .../__snapshots__/asset.stories.storyshot     |  8 +++++
 .../asset_manager.stories.storyshot           | 12 +++++++
 .../color_palette.stories.storyshot           | 36 +++++++++++++++++++
 .../color_picker.stories.storyshot            | 21 +++++++++++
 .../color_picker_popover.stories.storyshot    |  4 +++
 .../custom_element_modal.stories.storyshot    | 12 +++++++
 .../datasource_component.stories.storyshot    |  3 ++
 .../element_card.stories.storyshot            |  2 ++
 .../keyboard_shortcuts_doc.stories.storyshot  |  1 +
 .../element_controls.stories.storyshot        |  2 ++
 .../element_grid.stories.storyshot            |  9 +++++
 .../saved_elements_modal.stories.storyshot    | 18 ++++++++++
 .../shape_picker.stories.storyshot            |  2 ++
 .../shape_picker_popover.stories.storyshot    |  3 ++
 .../sidebar_header.stories.storyshot          |  4 +++
 .../text_style_picker.stories.storyshot       |  8 +++++
 .../__snapshots__/toolbar.stories.storyshot   |  5 +++
 .../delete_var.stories.storyshot              |  2 ++
 .../__snapshots__/edit_var.stories.storyshot  |  4 +++
 .../var_config.stories.storyshot              |  1 +
 .../__snapshots__/edit_menu.stories.storyshot |  6 ++++
 .../element_menu.stories.storyshot            |  1 +
 .../__snapshots__/pdf_panel.stories.storyshot |  2 ++
 .../share_menu.stories.storyshot              |  1 +
 .../__snapshots__/view_menu.stories.storyshot |  4 +++
 .../workpad_templates.stories.storyshot       |  4 +++
 .../extended_template.stories.storyshot       |  3 ++
 .../simple_template.stories.storyshot         |  2 ++
 .../simple_template.stories.storyshot         |  5 +++
 .../__snapshots__/canvas.stories.storyshot    |  6 ++++
 .../__snapshots__/footer.stories.storyshot    |  4 +++
 .../page_controls.stories.storyshot           |  3 ++
 .../__snapshots__/settings.stories.storyshot  |  2 ++
 .../extend_index_management.test.tsx.snap     |  2 ++
 .../upload_license.test.tsx.snap              | 20 +++++++++++
 .../upgrade_failure.test.js.snap              | 12 +++++++
 .../collection_enabled.test.js.snap           |  3 ++
 .../collection_interval.test.js.snap          |  3 ++
 .../remote_cluster_form.test.js.snap          |  3 ++
 .../report_info_button.test.tsx.snap          |  5 +++
 .../overwritten_session_page.test.tsx.snap    |  1 +
 .../__snapshots__/link_to_app.test.tsx.snap   |  1 +
 .../__snapshots__/index.test.tsx.snap         |  2 ++
 .../note_card_body.test.tsx.snap              |  2 ++
 .../__snapshots__/empty_state.test.tsx.snap   |  6 ++++
 yarn.lock                                     | 11 +++---
 57 files changed, 304 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 3687e6d590ce..8128c975bd77 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "@elastic/datemath": "link:packages/elastic-datemath",
     "@elastic/elasticsearch": "7.10.0",
     "@elastic/ems-client": "7.11.0",
-    "@elastic/eui": "30.5.1",
+    "@elastic/eui": "30.6.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/good": "^9.0.1-kibana3",
     "@elastic/node-crypto": "1.2.1",
diff --git a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
index 201f2e5f8f14..c836686ec602 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
@@ -1974,6 +1974,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
             >
               <button
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiScreenReaderOnly--showOnFocus euiCollapsibleNav__closeButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -3130,6 +3131,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
             >
               <button
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiScreenReaderOnly--showOnFocus euiCollapsibleNav__closeButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 5ce5a5f635d6..b60ae3727df4 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -6174,6 +6174,7 @@ exports[`Header renders 1`] = `
                 >
                   <button
                     className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiScreenReaderOnly--showOnFocus euiCollapsibleNav__closeButton"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >
diff --git a/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap b/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap
index b64b485f6561..6a565b80d351 100644
--- a/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap
@@ -641,6 +641,7 @@ exports[`DashboardEmptyScreen renders correctly with visualize paragraph 1`] = `
                         aria-label="Add an existing visualization"
                         className="euiLink euiLink--primary"
                         data-test-subj=""
+                        disabled={false}
                         onClick={[MockFunction]}
                         type="button"
                       >
@@ -677,9 +678,11 @@ exports[`DashboardEmptyScreen renders correctly with visualize paragraph 1`] = `
                 aria-label="Create new visualization button"
                 baseClassName="euiButton"
                 data-test-subj="addVisualizationButton"
+                disabled={false}
                 element="button"
                 iconSide="left"
                 iconType="plusInCircle"
+                isDisabled={false}
                 size="s"
                 type="button"
               >
@@ -687,6 +690,7 @@ exports[`DashboardEmptyScreen renders correctly with visualize paragraph 1`] = `
                   aria-label="Create new visualization button"
                   className="euiButton euiButton--primary euiButton--small"
                   data-test-subj="addVisualizationButton"
+                  disabled={false}
                   style={
                     Object {
                       "minWidth": undefined,
@@ -1091,6 +1095,7 @@ exports[`DashboardEmptyScreen renders correctly without visualize paragraph 1`]
                                       aria-label="Edit dashboard"
                                       className="euiLink euiLink--primary"
                                       data-test-subj=""
+                                      disabled={false}
                                       onClick={[MockFunction]}
                                       type="button"
                                     >
diff --git a/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap b/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
index 2a4fb9e48a92..f643f2a22ea4 100644
--- a/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
+++ b/src/plugins/home/public/application/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap
@@ -192,6 +192,12 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
                     Step 1 is incomplete
                   </span>
                 </EuiScreenReaderOnly>
+                <span
+                  aria-hidden="true"
+                  className="euiStepNumber__number"
+                >
+                  1
+                </span>
               </span>
             </EuiStepNumber>
             <EuiTitle
@@ -244,7 +250,9 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
                       <EuiButtonDisplay
                         baseClassName="euiButton"
                         data-test-subj="loadSavedObjects"
+                        disabled={false}
                         element="button"
+                        isDisabled={false}
                         isLoading={false}
                         onClick={[Function]}
                         type="button"
@@ -252,6 +260,7 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
                         <button
                           className="euiButton euiButton--primary"
                           data-test-subj="loadSavedObjects"
+                          disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
@@ -572,7 +581,9 @@ exports[`bulkCreate should display success message when bulkCreate is successful
                       <EuiButtonDisplay
                         baseClassName="euiButton"
                         data-test-subj="loadSavedObjects"
+                        disabled={false}
                         element="button"
+                        isDisabled={false}
                         isLoading={false}
                         onClick={[Function]}
                         type="button"
@@ -580,6 +591,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
                         <button
                           className="euiButton euiButton--primary"
                           data-test-subj="loadSavedObjects"
+                          disabled={false}
                           onClick={[Function]}
                           style={
                             Object {
diff --git a/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap b/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap
index 0c89fb494b6a..1eadc4d82e98 100644
--- a/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap
+++ b/src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/components/header/__snapshots__/header.test.tsx.snap
@@ -104,6 +104,7 @@ exports[`Header should render a different name, prompt, and beta tag if provided
           >
             <button
               className="euiLink euiLink--primary"
+              disabled={false}
               type="button"
             >
               <FormattedMessage
@@ -221,6 +222,7 @@ exports[`Header should render normally 1`] = `
           >
             <button
               className="euiLink euiLink--primary"
+              disabled={false}
               type="button"
             >
               <FormattedMessage
@@ -328,6 +330,7 @@ exports[`Header should render without including system indices 1`] = `
           >
             <button
               className="euiLink euiLink--primary"
+              disabled={false}
               type="button"
             >
               <FormattedMessage
diff --git a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap
index 295c239f030d..4786ff58cb86 100644
--- a/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap
+++ b/src/plugins/index_pattern_management/public/components/field_editor/components/scripting_call_outs/__snapshots__/warning_call_out.test.tsx.snap
@@ -96,6 +96,7 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
                 >
                   <button
                     className="euiLink euiLink--primary"
+                    disabled={false}
                     type="button"
                   >
                     <FormattedMessage
@@ -123,6 +124,7 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
                 >
                   <button
                     className="euiLink euiLink--primary"
+                    disabled={false}
                     type="button"
                   >
                     <FormattedMessage
diff --git a/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap b/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap
index 1d110c235d5f..87b8dbcf6a4e 100644
--- a/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap
+++ b/src/plugins/inspector/public/ui/__snapshots__/inspector_panel.test.tsx.snap
@@ -269,6 +269,7 @@ exports[`InspectorPanel should render as expected 1`] = `
                             <button
                               className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
                               data-test-subj="inspectorViewChooser"
+                              disabled={false}
                               onClick={[Function]}
                               type="button"
                             >
diff --git a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap
index 328ef0e95f74..ecda9b438eae 100644
--- a/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap
+++ b/src/plugins/saved_objects_management/public/management_section/object_view/components/__snapshots__/header.test.tsx.snap
@@ -64,6 +64,7 @@ exports[`Intro component renders correctly 1`] = `
                       element="a"
                       href="/some-url"
                       iconType="eye"
+                      isDisabled={false}
                       rel="noreferrer"
                       size="s"
                     >
@@ -142,8 +143,10 @@ exports[`Intro component renders correctly 1`] = `
                       baseClassName="euiButton"
                       color="danger"
                       data-test-subj="savedObjectEditDelete"
+                      disabled={false}
                       element="button"
                       iconType="trash"
+                      isDisabled={false}
                       onClick={[Function]}
                       size="s"
                       type="button"
@@ -151,6 +154,7 @@ exports[`Intro component renders correctly 1`] = `
                       <button
                         className="euiButton euiButton--danger euiButton--small"
                         data-test-subj="savedObjectEditDelete"
+                        disabled={false}
                         onClick={[Function]}
                         style={
                           Object {
diff --git a/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap b/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
index 4b332b690428..7526eaf1aad6 100644
--- a/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
+++ b/x-pack/plugins/apm/public/components/app/ErrorGroupOverview/List/__test__/__snapshots__/List.test.tsx.snap
@@ -100,6 +100,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
                   >
                     <button
                       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                      disabled={false}
                       onClick={[Function]}
                       type="button"
                     >
@@ -519,6 +520,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
                   >
                     <button
                       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                      disabled={false}
                       onClick={[Function]}
                       type="button"
                     >
diff --git a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot
index 59771973f2aa..9980ce8bc7e9 100644
--- a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot
+++ b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot
@@ -31,6 +31,7 @@ exports[`Storyshots renderers/TimeFilter default 1`] = `
                 aria-label="Date quick select"
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
                 data-test-subj="superDatePickerToggleQuickMenuButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -112,6 +113,7 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
                 aria-label="Date quick select"
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
                 data-test-subj="superDatePickerToggleQuickMenuButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -223,6 +225,7 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = `
                 aria-label="Date quick select"
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
                 data-test-subj="superDatePickerToggleQuickMenuButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -304,6 +307,7 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = `
                 aria-label="Date quick select"
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
                 data-test-subj="superDatePickerToggleQuickMenuButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -385,6 +389,7 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
                 aria-label="Date quick select"
                 className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiFormControlLayout__prepend"
                 data-test-subj="superDatePickerToggleQuickMenuButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
diff --git a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot
index 8194d923f34a..41e519d023dc 100644
--- a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot
@@ -70,6 +70,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
             <button
               aria-label="Create image element"
               className="euiButtonIcon euiButtonIcon--primary"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -103,6 +104,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
               <button
                 aria-label="Download"
                 className="euiButtonIcon euiButtonIcon--primary"
+                disabled={false}
                 type="button"
               >
                 <span
@@ -134,6 +136,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
               <button
                 aria-label="Copy id to clipboard"
                 className="euiButtonIcon euiButtonIcon--primary"
+                disabled={false}
                 type="button"
               >
                 <span
@@ -158,6 +161,7 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = `
             <button
               aria-label="Delete"
               className="euiButtonIcon euiButtonIcon--danger"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -248,6 +252,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
             <button
               aria-label="Create image element"
               className="euiButtonIcon euiButtonIcon--primary"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -281,6 +286,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
               <button
                 aria-label="Download"
                 className="euiButtonIcon euiButtonIcon--primary"
+                disabled={false}
                 type="button"
               >
                 <span
@@ -312,6 +318,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
               <button
                 aria-label="Copy id to clipboard"
                 className="euiButtonIcon euiButtonIcon--primary"
+                disabled={false}
                 type="button"
               >
                 <span
@@ -336,6 +343,7 @@ exports[`Storyshots components/Assets/Asset marker 1`] = `
             <button
               aria-label="Delete"
               className="euiButtonIcon euiButtonIcon--danger"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
index 4f616dd1cb4e..c68a962de079 100644
--- a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot
@@ -17,6 +17,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -163,6 +164,7 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
         </div>
         <button
           className="euiButton euiButton--primary euiButton--small"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -204,6 +206,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -354,6 +357,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                       <button
                         aria-label="Create image element"
                         className="euiButtonIcon euiButtonIcon--primary"
+                        disabled={false}
                         onBlur={[Function]}
                         onClick={[Function]}
                         onFocus={[Function]}
@@ -387,6 +391,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                         <button
                           aria-label="Download"
                           className="euiButtonIcon euiButtonIcon--primary"
+                          disabled={false}
                           type="button"
                         >
                           <span
@@ -418,6 +423,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                         <button
                           aria-label="Copy id to clipboard"
                           className="euiButtonIcon euiButtonIcon--primary"
+                          disabled={false}
                           type="button"
                         >
                           <span
@@ -442,6 +448,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                       <button
                         aria-label="Delete"
                         className="euiButtonIcon euiButtonIcon--danger"
+                        disabled={false}
                         onBlur={[Function]}
                         onClick={[Function]}
                         onFocus={[Function]}
@@ -521,6 +528,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                       <button
                         aria-label="Create image element"
                         className="euiButtonIcon euiButtonIcon--primary"
+                        disabled={false}
                         onBlur={[Function]}
                         onClick={[Function]}
                         onFocus={[Function]}
@@ -554,6 +562,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                         <button
                           aria-label="Download"
                           className="euiButtonIcon euiButtonIcon--primary"
+                          disabled={false}
                           type="button"
                         >
                           <span
@@ -585,6 +594,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                         <button
                           aria-label="Copy id to clipboard"
                           className="euiButtonIcon euiButtonIcon--primary"
+                          disabled={false}
                           type="button"
                         >
                           <span
@@ -609,6 +619,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
                       <button
                         aria-label="Delete"
                         className="euiButtonIcon euiButtonIcon--danger"
+                        disabled={false}
                         onBlur={[Function]}
                         onClick={[Function]}
                         onFocus={[Function]}
@@ -660,6 +671,7 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
         </div>
         <button
           className="euiButton euiButton--primary euiButton--small"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
diff --git a/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot b/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot
index f03e1ac3554e..a0d27eafb23d 100644
--- a/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot
@@ -10,6 +10,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
     <button
       aria-label="white"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -37,6 +38,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
     <button
       aria-label="#666"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -64,6 +66,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
     <button
       aria-label="black"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -91,6 +94,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
     <button
       aria-label="#abc"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -118,6 +122,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
     <button
       aria-label="#def"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -145,6 +150,7 @@ exports[`Storyshots components/Color/ColorPalette interactive 1`] = `
     <button
       aria-label="#abcdef"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -184,6 +190,7 @@ Array [
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -211,6 +218,7 @@ Array [
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -238,6 +246,7 @@ Array [
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -265,6 +274,7 @@ Array [
       <button
         aria-label="#abc"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -292,6 +302,7 @@ Array [
       <button
         aria-label="#def"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -319,6 +330,7 @@ Array [
       <button
         aria-label="#abcdef"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -354,6 +366,7 @@ Array [
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -387,6 +400,7 @@ Array [
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -414,6 +428,7 @@ Array [
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -441,6 +456,7 @@ Array [
       <button
         aria-label="#abc"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -468,6 +484,7 @@ Array [
       <button
         aria-label="#def"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -495,6 +512,7 @@ Array [
       <button
         aria-label="#abcdef"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -534,6 +552,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
     <button
       aria-label="white"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -561,6 +580,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
     <button
       aria-label="#666"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -588,6 +608,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
     <button
       aria-label="black"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -615,6 +636,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
     <button
       aria-label="#abc"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -642,6 +664,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
     <button
       aria-label="#def"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -669,6 +692,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, value missing 1`]
     <button
       aria-label="#abcdef"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -707,6 +731,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
     <button
       aria-label="white"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -740,6 +765,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
     <button
       aria-label="#666"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -767,6 +793,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
     <button
       aria-label="black"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -794,6 +821,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
     <button
       aria-label="#abc"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -825,6 +853,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
     <button
       aria-label="#def"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -852,6 +881,7 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = `
     <button
       aria-label="#abcdef"
       className="euiLink euiLink--primary canvasColorPalette__dot"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -891,6 +921,7 @@ Array [
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -918,6 +949,7 @@ Array [
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -945,6 +977,7 @@ Array [
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -980,6 +1013,7 @@ Array [
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -1013,6 +1047,7 @@ Array [
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -1040,6 +1075,7 @@ Array [
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
diff --git a/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot b/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot
index e056baec240c..3555a4dfd00d 100644
--- a/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot
@@ -12,6 +12,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
         <button
           aria-label="white"
           className="euiLink euiLink--primary canvasColorPalette__dot"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -39,6 +40,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
         <button
           aria-label="#666"
           className="euiLink euiLink--primary canvasColorPalette__dot"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -66,6 +68,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
         <button
           aria-label="black"
           className="euiLink euiLink--primary canvasColorPalette__dot"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -93,6 +96,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
         <button
           aria-label="#abc"
           className="euiLink euiLink--primary canvasColorPalette__dot"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -120,6 +124,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
         <button
           aria-label="#def"
           className="euiLink euiLink--primary canvasColorPalette__dot"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -147,6 +152,7 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = `
         <button
           aria-label="#abcdef"
           className="euiLink euiLink--primary canvasColorPalette__dot"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -283,6 +289,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -316,6 +323,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -343,6 +351,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -370,6 +379,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
       <button
         aria-label="#abc"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -397,6 +407,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
       <button
         aria-label="#def"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -424,6 +435,7 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = `
       <button
         aria-label="#abcdef"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -543,6 +555,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -570,6 +583,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -597,6 +611,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -624,6 +639,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
       <button
         aria-label="#abc"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -651,6 +667,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
       <button
         aria-label="#def"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -678,6 +695,7 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] =
       <button
         aria-label="#abcdef"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -797,6 +815,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
       <button
         aria-label="white"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -830,6 +849,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
       <button
         aria-label="#666"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -857,6 +877,7 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = `
       <button
         aria-label="black"
         className="euiLink euiLink--primary canvasColorPalette__dot"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
diff --git a/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot b/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot
index b6e0a30d7f54..49f77274879b 100644
--- a/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot
@@ -12,6 +12,7 @@ exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = `
       <button
         aria-label="Color Picker black"
         className="euiLink euiLink--primary"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -68,6 +69,7 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors 1`] = `
     <button
       aria-label="Color Picker white"
       className="euiLink euiLink--primary"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -107,6 +109,7 @@ exports[`Storyshots components/Color/ColorPickerPopover six colors, value missin
     <button
       aria-label="Color Picker #a1b2c3"
       className="euiLink euiLink--primary"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -146,6 +149,7 @@ exports[`Storyshots components/Color/ColorPickerPopover three colors 1`] = `
     <button
       aria-label="Color Picker white"
       className="euiLink euiLink--primary"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
diff --git a/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot b/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot
index bd7661b38dd0..450876d62a34 100644
--- a/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot
@@ -18,6 +18,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -260,6 +261,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
           >
             <button
               className="euiButtonEmpty euiButtonEmpty--primary"
+              disabled={false}
               onClick={[Function]}
               type="button"
             >
@@ -280,6 +282,7 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`]
             <button
               className="euiButton euiButton--primary euiButton--fill"
               data-test-subj="canvasCustomElementForm-submit"
+              disabled={false}
               onClick={[Function]}
               style={
                 Object {
@@ -324,6 +327,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -569,6 +573,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
           >
             <button
               className="euiButtonEmpty euiButtonEmpty--primary"
+              disabled={false}
               onClick={[Function]}
               type="button"
             >
@@ -589,6 +594,7 @@ exports[`Storyshots components/Elements/CustomElementModal with image 1`] = `
             <button
               className="euiButton euiButton--primary euiButton--fill"
               data-test-subj="canvasCustomElementForm-submit"
+              disabled={false}
               onClick={[Function]}
               style={
                 Object {
@@ -634,6 +640,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -876,6 +883,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
           >
             <button
               className="euiButtonEmpty euiButtonEmpty--primary"
+              disabled={false}
               onClick={[Function]}
               type="button"
             >
@@ -896,6 +904,7 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = `
             <button
               className="euiButton euiButton--primary euiButton--fill"
               data-test-subj="canvasCustomElementForm-submit"
+              disabled={false}
               onClick={[Function]}
               style={
                 Object {
@@ -939,6 +948,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -1181,6 +1191,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
           >
             <button
               className="euiButtonEmpty euiButtonEmpty--primary"
+              disabled={false}
               onClick={[Function]}
               type="button"
             >
@@ -1201,6 +1212,7 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = `
             <button
               className="euiButton euiButton--primary euiButton--fill"
               data-test-subj="canvasCustomElementForm-submit"
+              disabled={false}
               onClick={[Function]}
               style={
                 Object {
diff --git a/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot b/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot
index 6b54d1cfb46c..e41e6fa83bfe 100644
--- a/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/datasource/__stories__/__snapshots__/datasource_component.stories.storyshot
@@ -6,6 +6,7 @@ exports[`Storyshots components/datasource/DatasourceComponent datasource with ex
 >
   <button
     className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft canvasDataSource__triggerButton"
+    disabled={false}
     onClick={[Function]}
     type="button"
   >
@@ -51,6 +52,7 @@ exports[`Storyshots components/datasource/DatasourceComponent simple datasource
 >
   <button
     className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft canvasDataSource__triggerButton"
+    disabled={false}
     onClick={[Function]}
     type="button"
   >
@@ -90,6 +92,7 @@ exports[`Storyshots components/datasource/DatasourceComponent simple datasource
     >
       <button
         className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
+        disabled={false}
         onClick={[Function]}
         type="button"
       >
diff --git a/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot b/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot
index fff1f13a7181..6af660446f96 100644
--- a/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot
@@ -31,6 +31,7 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
         <button
           aria-describedby=" generated-idDescription"
           className="euiCard__titleButton"
+          disabled={false}
           onClick={[Function]}
         >
           Element 1
@@ -132,6 +133,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
         <button
           aria-describedby=" generated-idDescription"
           className="euiCard__titleButton"
+          disabled={false}
           onClick={[Function]}
         >
           Element 1
diff --git a/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot b/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot
index e8b9d9d3ba88..aea9626d7b57 100644
--- a/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot
@@ -13,6 +13,7 @@ exports[`Storyshots components/KeyboardShortcutsDoc default 1`] = `
       aria-label="Closes keyboard shortcuts reference"
       className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
       data-test-subj="euiFlyoutCloseButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot
index 6a20f1eef8da..4d13ce403427 100644
--- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot
@@ -24,6 +24,7 @@ exports[`Storyshots components/SavedElementsModal/ElementControls has two button
           aria-label="Edit element"
           className="euiButtonIcon euiButtonIcon--primary"
           data-test-subj="canvasElementCard__editButton"
+          disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
           onFocus={[Function]}
@@ -51,6 +52,7 @@ exports[`Storyshots components/SavedElementsModal/ElementControls has two button
           aria-label="Delete element"
           className="euiButtonIcon euiButtonIcon--danger"
           data-test-subj="canvasElementCard__deleteButton"
+          disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
           onFocus={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot
index 73f103ac5bda..4b5c8f833c47 100644
--- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot
@@ -40,6 +40,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
             <button
               aria-describedby=" generated-idDescription"
               className="euiCard__titleButton"
+              disabled={false}
               onClick={[Function]}
             >
               Custom Element 1
@@ -74,6 +75,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
               aria-label="Edit element"
               className="euiButtonIcon euiButtonIcon--primary"
               data-test-subj="canvasElementCard__editButton"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -101,6 +103,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
               aria-label="Delete element"
               className="euiButtonIcon euiButtonIcon--danger"
               data-test-subj="canvasElementCard__deleteButton"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -146,6 +149,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
             <button
               aria-describedby=" generated-idDescription"
               className="euiCard__titleButton"
+              disabled={false}
               onClick={[Function]}
             >
               Custom Element 2
@@ -180,6 +184,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
               aria-label="Edit element"
               className="euiButtonIcon euiButtonIcon--primary"
               data-test-subj="canvasElementCard__editButton"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -207,6 +212,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
               aria-label="Delete element"
               className="euiButtonIcon euiButtonIcon--danger"
               data-test-subj="canvasElementCard__deleteButton"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -252,6 +258,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
             <button
               aria-describedby=" generated-idDescription"
               className="euiCard__titleButton"
+              disabled={false}
               onClick={[Function]}
             >
               Custom Element 3
@@ -286,6 +293,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
               aria-label="Edit element"
               className="euiButtonIcon euiButtonIcon--primary"
               data-test-subj="canvasElementCard__editButton"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -313,6 +321,7 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = `
               aria-label="Delete element"
               className="euiButtonIcon euiButtonIcon--danger"
               data-test-subj="canvasElementCard__deleteButton"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot
index ad5de3248c97..900665fc1dde 100644
--- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot
@@ -17,6 +17,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -121,6 +122,7 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
         <button
           className="euiButton euiButton--primary euiButton--small"
           data-test-subj="saved-elements-modal-close-button"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -162,6 +164,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -259,6 +262,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                     <button
                       aria-describedby=" generated-idDescription"
                       className="euiCard__titleButton"
+                      disabled={false}
                       onClick={[Function]}
                     >
                       Custom Element 1
@@ -293,6 +297,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                       aria-label="Edit element"
                       className="euiButtonIcon euiButtonIcon--primary"
                       data-test-subj="canvasElementCard__editButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -320,6 +325,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                       aria-label="Delete element"
                       className="euiButtonIcon euiButtonIcon--danger"
                       data-test-subj="canvasElementCard__deleteButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -365,6 +371,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                     <button
                       aria-describedby=" generated-idDescription"
                       className="euiCard__titleButton"
+                      disabled={false}
                       onClick={[Function]}
                     >
                       Custom Element 2
@@ -399,6 +406,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                       aria-label="Edit element"
                       className="euiButtonIcon euiButtonIcon--primary"
                       data-test-subj="canvasElementCard__editButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -426,6 +434,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                       aria-label="Delete element"
                       className="euiButtonIcon euiButtonIcon--danger"
                       data-test-subj="canvasElementCard__deleteButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -471,6 +480,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                     <button
                       aria-describedby=" generated-idDescription"
                       className="euiCard__titleButton"
+                      disabled={false}
                       onClick={[Function]}
                     >
                       Custom Element 3
@@ -505,6 +515,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                       aria-label="Edit element"
                       className="euiButtonIcon euiButtonIcon--primary"
                       data-test-subj="canvasElementCard__editButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -532,6 +543,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
                       aria-label="Delete element"
                       className="euiButtonIcon euiButtonIcon--danger"
                       data-test-subj="canvasElementCard__deleteButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -557,6 +569,7 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
         <button
           className="euiButton euiButton--primary euiButton--small"
           data-test-subj="saved-elements-modal-close-button"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
@@ -598,6 +611,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
     <button
       aria-label="Closes this modal window"
       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -710,6 +724,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
                     <button
                       aria-describedby=" generated-idDescription"
                       className="euiCard__titleButton"
+                      disabled={false}
                       onClick={[Function]}
                     >
                       Custom Element 2
@@ -744,6 +759,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
                       aria-label="Edit element"
                       className="euiButtonIcon euiButtonIcon--primary"
                       data-test-subj="canvasElementCard__editButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -771,6 +787,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
                       aria-label="Delete element"
                       className="euiButtonIcon euiButtonIcon--danger"
                       data-test-subj="canvasElementCard__deleteButton"
+                      disabled={false}
                       onBlur={[Function]}
                       onClick={[Function]}
                       onFocus={[Function]}
@@ -796,6 +813,7 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
         <button
           className="euiButton euiButton--primary euiButton--small"
           data-test-subj="saved-elements-modal-close-button"
+          disabled={false}
           onClick={[Function]}
           style={
             Object {
diff --git a/x-pack/plugins/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot b/x-pack/plugins/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot
index 93e80450de40..70192deca532 100644
--- a/x-pack/plugins/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/shape_picker/__stories__/__snapshots__/shape_picker.stories.storyshot
@@ -9,6 +9,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
   >
     <button
       className="euiLink euiLink--primary"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -29,6 +30,7 @@ exports[`Storyshots components/Shapes/ShapePicker default 1`] = `
   >
     <button
       className="euiLink euiLink--primary"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
diff --git a/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot b/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot
index 548c441680c5..a625149f0309 100644
--- a/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/shape_picker_popover/__stories__/__snapshots__/shape_picker_popover.stories.storyshot
@@ -12,6 +12,7 @@ exports[`Storyshots components/Shapes/ShapePickerPopover default 1`] = `
     >
       <button
         className="euiLink euiLink--primary"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -41,6 +42,7 @@ exports[`Storyshots components/Shapes/ShapePickerPopover interactive 1`] = `
     >
       <button
         className="euiLink euiLink--primary"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
@@ -77,6 +79,7 @@ exports[`Storyshots components/Shapes/ShapePickerPopover shape selected 1`] = `
     >
       <button
         className="euiLink euiLink--primary"
+        disabled={false}
         onClick={[Function]}
         style={
           Object {
diff --git a/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot b/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot
index 2e83f9fe155a..0fa9a611c9ef 100644
--- a/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot
@@ -62,6 +62,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
             <button
               aria-label="Move element to top layer"
               className="euiButtonIcon euiButtonIcon--text"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -88,6 +89,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
             <button
               aria-label="Move element up one layer"
               className="euiButtonIcon euiButtonIcon--text"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -114,6 +116,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
             <button
               aria-label="Move element down one layer"
               className="euiButtonIcon euiButtonIcon--text"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
@@ -140,6 +143,7 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = `
             <button
               aria-label="Move element to bottom layer"
               className="euiButtonIcon euiButtonIcon--text"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot b/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot
index 0dd682a53489..2da2ba677c73 100644
--- a/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/text_style_picker/__stories__/__snapshots__/text_style_picker.stories.storyshot
@@ -182,6 +182,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
             <button
               aria-label="Font Color black"
               className="euiLink euiLink--primary"
+              disabled={false}
               onClick={[Function]}
               style={
                 Object {
@@ -231,6 +232,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
                   "minWidth": undefined,
                 }
               }
+              type="button"
             >
               <span
                 className="euiButtonContent euiButton__content"
@@ -258,6 +260,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
                   "minWidth": undefined,
                 }
               }
+              type="button"
             >
               <span
                 className="euiButtonContent euiButton__content"
@@ -285,6 +288,7 @@ exports[`Storyshots components/TextStylePicker default 1`] = `
                   "minWidth": undefined,
                 }
               }
+              type="button"
             >
               <span
                 className="euiButtonContent euiButton__content"
@@ -614,6 +618,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
             <button
               aria-label="Font Color black"
               className="euiLink euiLink--primary"
+              disabled={false}
               onClick={[Function]}
               style={
                 Object {
@@ -663,6 +668,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
                   "minWidth": undefined,
                 }
               }
+              type="button"
             >
               <span
                 className="euiButtonContent euiButton__content"
@@ -690,6 +696,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
                   "minWidth": undefined,
                 }
               }
+              type="button"
             >
               <span
                 className="euiButtonContent euiButton__content"
@@ -717,6 +724,7 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = `
                   "minWidth": undefined,
                 }
               }
+              type="button"
             >
               <span
                 className="euiButtonContent euiButton__content"
diff --git a/x-pack/plugins/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot b/x-pack/plugins/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot
index 6f2a4a17468f..49322a49c24b 100644
--- a/x-pack/plugins/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/toolbar/__stories__/__snapshots__/toolbar.stories.storyshot
@@ -15,6 +15,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
       >
         <button
           className="euiButtonEmpty euiButtonEmpty--text"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
@@ -60,6 +61,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
       >
         <button
           className="euiButtonEmpty euiButtonEmpty--text"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
@@ -101,6 +103,7 @@ exports[`Storyshots components/Toolbar element selected 1`] = `
         <button
           className="euiButtonEmpty euiButtonEmpty--text"
           data-test-subj="canvasExpressionEditorButton"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
@@ -140,6 +143,7 @@ exports[`Storyshots components/Toolbar no element selected 1`] = `
       >
         <button
           className="euiButtonEmpty euiButtonEmpty--text"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
@@ -185,6 +189,7 @@ exports[`Storyshots components/Toolbar no element selected 1`] = `
       >
         <button
           className="euiButtonEmpty euiButtonEmpty--text"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot
index 5c9e0b622412..6634c0b9feee 100644
--- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot
@@ -63,6 +63,7 @@ Array [
         >
           <button
             className="euiButton euiButton--danger euiButton--small euiButton--fill"
+            disabled={false}
             onClick={[Function]}
             style={
               Object {
@@ -92,6 +93,7 @@ Array [
         >
           <button
             className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot
index 4779c2e217dd..b06c9ae5546a 100644
--- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot
@@ -264,6 +264,7 @@ Array [
         >
           <button
             className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -489,6 +490,7 @@ Array [
         >
           <button
             className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -714,6 +716,7 @@ Array [
         >
           <button
             className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -915,6 +918,7 @@ Array [
         >
           <button
             className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot
index bcdd5464e98c..bf5629596d6b 100644
--- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot
@@ -60,6 +60,7 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = `
             <button
               aria-label="Add a variable"
               className="euiButtonIcon euiButtonIcon--primary"
+              disabled={false}
               onBlur={[Function]}
               onClick={[Function]}
               onFocus={[Function]}
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot
index a242747f7436..cc33ae3526c0 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/edit_menu/__stories__/__snapshots__/edit_menu.stories.storyshot
@@ -11,6 +11,7 @@ exports[`Storyshots components/WorkpadHeader/EditMenu 2 elements selected 1`] =
       aria-label="Edit options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
       data-test-subj="canvasWorkpadEditMenuButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -39,6 +40,7 @@ exports[`Storyshots components/WorkpadHeader/EditMenu 3+ elements selected 1`] =
       aria-label="Edit options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
       data-test-subj="canvasWorkpadEditMenuButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -67,6 +69,7 @@ exports[`Storyshots components/WorkpadHeader/EditMenu clipboard data exists 1`]
       aria-label="Edit options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
       data-test-subj="canvasWorkpadEditMenuButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -95,6 +98,7 @@ exports[`Storyshots components/WorkpadHeader/EditMenu default 1`] = `
       aria-label="Edit options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
       data-test-subj="canvasWorkpadEditMenuButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -123,6 +127,7 @@ exports[`Storyshots components/WorkpadHeader/EditMenu single element selected 1`
       aria-label="Edit options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
       data-test-subj="canvasWorkpadEditMenuButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -151,6 +156,7 @@ exports[`Storyshots components/WorkpadHeader/EditMenu single grouped element sel
       aria-label="Edit options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
       data-test-subj="canvasWorkpadEditMenuButton"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot
index 0d1505b6aa72..f3a29f6bb181 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/element_menu/__stories__/__snapshots__/element_menu.stories.storyshot
@@ -11,6 +11,7 @@ exports[`Storyshots components/WorkpadHeader/ElementMenu default 1`] = `
       aria-label="Add an element"
       className="euiButton euiButton--primary euiButton--small euiButton--fill canvasElementMenu__popoverButton"
       data-test-subj="add-element-button"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot
index 5c0f03dabd59..f45cba111ee2 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/pdf_panel.stories.storyshot
@@ -19,6 +19,7 @@ exports[`Storyshots components/WorkpadHeader/ShareMenu/PDFPanel default 1`] = `
     />
     <button
       className="euiButton euiButton--primary euiButton--small euiButton--fill"
+      disabled={false}
       onClick={[Function]}
       style={
         Object {
@@ -61,6 +62,7 @@ exports[`Storyshots components/WorkpadHeader/ShareMenu/PDFPanel default 1`] = `
       <button
         aria-label="Alternatively, you can generate a PDF from a script or with Watcher by using this URL. Press Enter to copy the URL to clipboard."
         className="euiButton euiButton--primary euiButton--small"
+        disabled={false}
         style={
           Object {
             "minWidth": undefined,
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot
index 2f56046b2b76..5acdb3fc3d8e 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/share_menu/__stories__/__snapshots__/share_menu.stories.storyshot
@@ -11,6 +11,7 @@ exports[`Storyshots components/WorkpadHeader/ShareMenu default 1`] = `
       <button
         aria-label="Share this workpad"
         className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+        disabled={false}
         onClick={[Function]}
         type="button"
       >
diff --git a/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot
index a8f3f6566dda..5dcfe67ad22c 100644
--- a/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_header/view_menu/__stories__/__snapshots__/view_menu.stories.storyshot
@@ -10,6 +10,7 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu edit mode 1`] = `
     <button
       aria-label="View options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -37,6 +38,7 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu read only mode 1`] = `
     <button
       aria-label="View options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -64,6 +66,7 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu with autoplay enabled 1`]
     <button
       aria-label="View options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
@@ -91,6 +94,7 @@ exports[`Storyshots components/WorkpadHeader/ViewMenu with refresh enabled 1`] =
     <button
       aria-label="View options"
       className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
diff --git a/x-pack/plugins/canvas/public/components/workpad_templates/examples/__snapshots__/workpad_templates.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_templates/examples/__snapshots__/workpad_templates.stories.storyshot
index 0b39ecd5f9dd..1f7105b80de4 100644
--- a/x-pack/plugins/canvas/public/components/workpad_templates/examples/__snapshots__/workpad_templates.stories.storyshot
+++ b/x-pack/plugins/canvas/public/components/workpad_templates/examples/__snapshots__/workpad_templates.stories.storyshot
@@ -59,6 +59,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
           >
             <button
               className="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon"
+              disabled={false}
               onClick={[Function]}
               type="button"
             >
@@ -118,6 +119,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
                 >
                   <button
                     className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >
@@ -265,6 +267,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
                 <button
                   aria-label="Clone workpad template 'test1'"
                   className="euiButtonEmpty euiButtonEmpty--primary"
+                  disabled={false}
                   onClick={[Function]}
                   type="button"
                 >
@@ -386,6 +389,7 @@ exports[`Storyshots components/WorkpadTemplates default 1`] = `
                 <button
                   aria-label="Clone workpad template 'test2'"
                   className="euiButtonEmpty euiButtonEmpty--primary"
+                  disabled={false}
                   onClick={[Function]}
                   type="button"
                 >
diff --git a/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot
index 9e0e5544fa7a..e87a78e87fe4 100644
--- a/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot
+++ b/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/extended_template.stories.storyshot
@@ -382,6 +382,7 @@ exports[`Storyshots arguments/ContainerStyle extended 1`] = `
                 <button
                   aria-label="Border white"
                   className="euiLink euiLink--primary"
+                  disabled={false}
                   onClick={[Function]}
                   style={
                     Object {
@@ -785,6 +786,7 @@ exports[`Storyshots arguments/ContainerStyle/components border form 1`] = `
               <button
                 aria-label="Border black"
                 className="euiLink euiLink--primary"
+                disabled={false}
                 onClick={[Function]}
                 style={
                   Object {
@@ -1200,6 +1202,7 @@ exports[`Storyshots arguments/ContainerStyle/components extended template 1`] =
                 <button
                   aria-label="Border white"
                   className="euiLink euiLink--primary"
+                  disabled={false}
                   onClick={[Function]}
                   style={
                     Object {
diff --git a/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot b/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot
index ba4c6cc113bd..af099aefbc0e 100644
--- a/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot
+++ b/x-pack/plugins/canvas/public/expression_types/arg_types/container_style/__stories__/__snapshots__/simple_template.stories.storyshot
@@ -36,6 +36,7 @@ exports[`Storyshots arguments/ContainerStyle simple 1`] = `
           <button
             aria-label="Container style white"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             style={
               Object {
@@ -103,6 +104,7 @@ exports[`Storyshots arguments/ContainerStyle/components simple template 1`] = `
           <button
             aria-label="Container style white"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             style={
               Object {
diff --git a/x-pack/plugins/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot b/x-pack/plugins/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot
index 5f33f01ced92..f4233e27345c 100644
--- a/x-pack/plugins/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot
+++ b/x-pack/plugins/canvas/public/expression_types/arg_types/series_style/__stories__/__snapshots__/simple_template.stories.storyshot
@@ -40,6 +40,7 @@ exports[`Storyshots arguments/SeriesStyle simple 1`] = `
           <button
             aria-label="Color: Auto"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -92,6 +93,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: defaults 1`] = `
           <button
             aria-label="Color: Auto"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -144,6 +146,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no labels 1`] = `
           <button
             aria-label="Color: Auto"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -196,6 +199,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: no series 1`] = `
           <button
             aria-label="Color: Auto"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -267,6 +271,7 @@ exports[`Storyshots arguments/SeriesStyle/components simple: with series 1`] = `
           <button
             aria-label="Color: Auto"
             className="euiLink euiLink--primary"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot
index 7d7b2a0ae934..6a2c2ca3abd2 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/__stories__/__snapshots__/canvas.stories.storyshot
@@ -1394,6 +1394,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
                   <button
                     className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
                     data-test-subj="pageControlsCurrentPage"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >
@@ -1459,6 +1460,7 @@ exports[`Storyshots shareables/Canvas component 1`] = `
                       <button
                         aria-label="Settings"
                         className="euiButtonIcon euiButtonIcon--ghost"
+                        disabled={false}
                         onClick={[Function]}
                         type="button"
                       >
@@ -2876,6 +2878,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
                   <button
                     className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
                     data-test-subj="pageControlsCurrentPage"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >
@@ -2941,6 +2944,7 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
                       <button
                         aria-label="Settings"
                         className="euiButtonIcon euiButtonIcon--ghost"
+                        disabled={false}
                         onClick={[Function]}
                         type="button"
                       >
@@ -3174,6 +3178,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
                   <button
                     className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
                     data-test-subj="pageControlsCurrentPage"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >
@@ -3238,6 +3243,7 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
                       <button
                         aria-label="Settings"
                         className="euiButtonIcon euiButtonIcon--ghost"
+                        disabled={false}
                         onClick={[Function]}
                         type="button"
                       >
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot
index 28c01c3fba8e..0152b6edf742 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot
@@ -1347,6 +1347,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
                 <button
                   className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
                   data-test-subj="pageControlsCurrentPage"
+                  disabled={false}
                   onClick={[Function]}
                   type="button"
                 >
@@ -1412,6 +1413,7 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
                     <button
                       aria-label="Settings"
                       className="euiButtonIcon euiButtonIcon--ghost"
+                      disabled={false}
                       onClick={[Function]}
                       type="button"
                     >
@@ -1599,6 +1601,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
                 <button
                   className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
                   data-test-subj="pageControlsCurrentPage"
+                  disabled={false}
                   onClick={[Function]}
                   type="button"
                 >
@@ -1663,6 +1666,7 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
                     <button
                       aria-label="Settings"
                       className="euiButtonIcon euiButtonIcon--ghost"
+                      disabled={false}
                       onClick={[Function]}
                       type="button"
                     >
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot
index 3e4981c228a3..929130f8055f 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot
@@ -42,6 +42,7 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = `
       <button
         className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
         data-test-subj="pageControlsCurrentPage"
+        disabled={false}
         onClick={[Function]}
         type="button"
       >
@@ -136,6 +137,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = `
       <button
         className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
         data-test-subj="pageControlsCurrentPage"
+        disabled={false}
         onClick={[Function]}
         type="button"
       >
@@ -230,6 +232,7 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = `
       <button
         className="euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small"
         data-test-subj="pageControlsCurrentPage"
+        disabled={false}
         onClick={[Function]}
         type="button"
       >
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot
index b7c3470cef65..8f37b253c635 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot
+++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot
@@ -35,6 +35,7 @@ exports[`Storyshots shareables/Footer/Settings component 1`] = `
           <button
             aria-label="Settings"
             className="euiButtonIcon euiButtonIcon--ghost"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
@@ -87,6 +88,7 @@ exports[`Storyshots shareables/Footer/Settings contextual 1`] = `
           <button
             aria-label="Settings"
             className="euiButtonIcon euiButtonIcon--ghost"
+            disabled={false}
             onClick={[Function]}
             type="button"
           >
diff --git a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
index b7c1044754b3..e131e33dd9ce 100644
--- a/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
+++ b/x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/extend_index_management.test.tsx.snap
@@ -368,6 +368,7 @@ exports[`extend index management ilm summary extension should return extension w
                   >
                     <button
                       className="euiButtonEmpty euiButtonEmpty--primary"
+                      disabled={false}
                       onClick={[Function]}
                       type="button"
                     >
@@ -616,6 +617,7 @@ exports[`extend index management ilm summary extension should return extension w
                           >
                             <button
                               className="euiLink euiLink--primary"
+                              disabled={false}
                               onClick={[Function]}
                               type="button"
                             >
diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap
index 32b0d2eaee63..9db44bd8225e 100644
--- a/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap
+++ b/x-pack/plugins/license_management/__jest__/__snapshots__/upload_license.test.tsx.snap
@@ -454,6 +454,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                                     <button
                                       aria-label="Closes this modal window"
                                       className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
+                                      disabled={false}
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -551,6 +552,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                                         <button
                                           className="euiButtonEmpty euiButtonEmpty--primary"
                                           data-test-subj="confirmModalCancelButton"
+                                          disabled={false}
                                           onClick={[Function]}
                                           type="button"
                                         >
@@ -592,14 +594,17 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                                           baseClassName="euiButton"
                                           color="primary"
                                           data-test-subj="confirmModalConfirmButton"
+                                          disabled={false}
                                           element="button"
                                           fill={true}
+                                          isDisabled={false}
                                           onClick={[Function]}
                                           type="button"
                                         >
                                           <button
                                             className="euiButton euiButton--primary euiButton--fill"
                                             data-test-subj="confirmModalConfirmButton"
+                                            disabled={false}
                                             onClick={[Function]}
                                             style={
                                               Object {
@@ -870,8 +875,10 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                                 <EuiButtonDisplay
                                   baseClassName="euiButton"
                                   data-test-subj="uploadLicenseButton"
+                                  disabled={false}
                                   element="button"
                                   fill={true}
+                                  isDisabled={false}
                                   isLoading={false}
                                   onClick={[Function]}
                                   type="button"
@@ -879,6 +886,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
                                   <button
                                     className="euiButton euiButton--primary euiButton--fill"
                                     data-test-subj="uploadLicenseButton"
+                                    disabled={false}
                                     onClick={[Function]}
                                     style={
                                       Object {
@@ -1592,8 +1600,10 @@ exports[`UploadLicense should display an error when ES says license is expired 1
                                 <EuiButtonDisplay
                                   baseClassName="euiButton"
                                   data-test-subj="uploadLicenseButton"
+                                  disabled={false}
                                   element="button"
                                   fill={true}
+                                  isDisabled={false}
                                   isLoading={false}
                                   onClick={[Function]}
                                   type="button"
@@ -1601,6 +1611,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
                                   <button
                                     className="euiButton euiButton--primary euiButton--fill"
                                     data-test-subj="uploadLicenseButton"
+                                    disabled={false}
                                     onClick={[Function]}
                                     style={
                                       Object {
@@ -2314,8 +2325,10 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
                                 <EuiButtonDisplay
                                   baseClassName="euiButton"
                                   data-test-subj="uploadLicenseButton"
+                                  disabled={false}
                                   element="button"
                                   fill={true}
+                                  isDisabled={false}
                                   isLoading={false}
                                   onClick={[Function]}
                                   type="button"
@@ -2323,6 +2336,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
                                   <button
                                     className="euiButton euiButton--primary euiButton--fill"
                                     data-test-subj="uploadLicenseButton"
+                                    disabled={false}
                                     onClick={[Function]}
                                     style={
                                       Object {
@@ -3036,8 +3050,10 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
                                 <EuiButtonDisplay
                                   baseClassName="euiButton"
                                   data-test-subj="uploadLicenseButton"
+                                  disabled={false}
                                   element="button"
                                   fill={true}
+                                  isDisabled={false}
                                   isLoading={false}
                                   onClick={[Function]}
                                   type="button"
@@ -3045,6 +3061,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
                                   <button
                                     className="euiButton euiButton--primary euiButton--fill"
                                     data-test-subj="uploadLicenseButton"
+                                    disabled={false}
                                     onClick={[Function]}
                                     style={
                                       Object {
@@ -3758,8 +3775,10 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
                                 <EuiButtonDisplay
                                   baseClassName="euiButton"
                                   data-test-subj="uploadLicenseButton"
+                                  disabled={false}
                                   element="button"
                                   fill={true}
+                                  isDisabled={false}
                                   isLoading={false}
                                   onClick={[Function]}
                                   type="button"
@@ -3767,6 +3786,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
                                   <button
                                     className="euiButton euiButton--primary euiButton--fill"
                                     data-test-subj="uploadLicenseButton"
+                                    disabled={false}
                                     onClick={[Function]}
                                     style={
                                       Object {
diff --git a/x-pack/plugins/logstash/public/application/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap b/x-pack/plugins/logstash/public/application/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
index 5732e2511fb8..63bb0c84d671 100644
--- a/x-pack/plugins/logstash/public/application/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
+++ b/x-pack/plugins/logstash/public/application/components/upgrade_failure/__snapshots__/upgrade_failure.test.js.snap
@@ -267,13 +267,16 @@ exports[`UpgradeFailure component passes expected text for new pipeline 1`] = `
                         >
                           <EuiButtonDisplay
                             baseClassName="euiButton"
+                            disabled={false}
                             element="button"
                             fill={true}
+                            isDisabled={false}
                             onClick={[MockFunction]}
                             type="button"
                           >
                             <button
                               className="euiButton euiButton--primary euiButton--fill"
+                              disabled={false}
                               onClick={[MockFunction]}
                               style={
                                 Object {
@@ -318,6 +321,7 @@ exports[`UpgradeFailure component passes expected text for new pipeline 1`] = `
                         >
                           <button
                             className="euiButtonEmpty euiButtonEmpty--primary"
+                            disabled={false}
                             onClick={[MockFunction]}
                             type="button"
                           >
@@ -629,13 +633,16 @@ exports[`UpgradeFailure component passes expected text for not manual upgrade 1`
                         >
                           <EuiButtonDisplay
                             baseClassName="euiButton"
+                            disabled={false}
                             element="button"
                             fill={true}
+                            isDisabled={false}
                             onClick={[MockFunction]}
                             type="button"
                           >
                             <button
                               className="euiButton euiButton--primary euiButton--fill"
+                              disabled={false}
                               onClick={[MockFunction]}
                               style={
                                 Object {
@@ -680,6 +687,7 @@ exports[`UpgradeFailure component passes expected text for not manual upgrade 1`
                         >
                           <button
                             className="euiButtonEmpty euiButtonEmpty--primary"
+                            disabled={false}
                             onClick={[MockFunction]}
                             type="button"
                           >
@@ -991,13 +999,16 @@ exports[`UpgradeFailure component passes expected text for not new pipeline 1`]
                         >
                           <EuiButtonDisplay
                             baseClassName="euiButton"
+                            disabled={false}
                             element="button"
                             fill={true}
+                            isDisabled={false}
                             onClick={[MockFunction]}
                             type="button"
                           >
                             <button
                               className="euiButton euiButton--primary euiButton--fill"
+                              disabled={false}
                               onClick={[MockFunction]}
                               style={
                                 Object {
@@ -1042,6 +1053,7 @@ exports[`UpgradeFailure component passes expected text for not new pipeline 1`]
                         >
                           <button
                             className="euiButtonEmpty euiButtonEmpty--primary"
+                            disabled={false}
                             onClick={[MockFunction]}
                             type="button"
                           >
diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap
index 046f2bfa9224..0af2fbb01ab6 100644
--- a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap
+++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__tests__/__snapshots__/collection_enabled.test.js.snap
@@ -250,14 +250,17 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
             <EuiButtonDisplay
               baseClassName="euiButton"
               data-test-subj="enableCollectionEnabled"
+              disabled={false}
               element="button"
               fill={true}
+              isDisabled={false}
               onClick={[Function]}
               type="button"
             >
               <button
                 className="euiButton euiButton--primary euiButton--fill"
                 data-test-subj="enableCollectionEnabled"
+                disabled={false}
                 onClick={[Function]}
                 style={
                   Object {
diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap
index 88a3205c2a68..c03507a62323 100644
--- a/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap
+++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__tests__/__snapshots__/collection_interval.test.js.snap
@@ -759,8 +759,10 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
             <EuiButtonDisplay
               baseClassName="euiButton"
               data-test-subj="enableCollectionInterval"
+              disabled={false}
               element="button"
               fill={true}
+              isDisabled={false}
               isLoading={false}
               onClick={[Function]}
               type="button"
@@ -768,6 +770,7 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
               <button
                 className="euiButton euiButton--primary euiButton--fill"
                 data-test-subj="enableCollectionInterval"
+                disabled={false}
                 onClick={[Function]}
                 style={
                   Object {
diff --git a/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap b/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
index ff0caecf93a9..177ef8b3c6ca 100644
--- a/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
+++ b/x-pack/plugins/remote_clusters/public/application/sections/components/remote_cluster_form/__snapshots__/remote_cluster_form.test.js.snap
@@ -830,6 +830,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
                               >
                                 <button
                                   className="euiLink euiLink--primary"
+                                  disabled={false}
                                   type="button"
                                 >
                                   <FormattedMessage
@@ -1104,6 +1105,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
                               >
                                 <button
                                   className="euiLink euiLink--primary"
+                                  disabled={false}
                                   type="button"
                                 >
                                   <FormattedMessage
@@ -1351,6 +1353,7 @@ exports[`RemoteClusterForm proxy mode renders correct connection settings when u
           >
             <button
               className="euiButtonEmpty euiButtonEmpty--primary"
+              disabled={false}
               onClick={[Function]}
               type="button"
             >
diff --git a/x-pack/plugins/reporting/public/components/buttons/__snapshots__/report_info_button.test.tsx.snap b/x-pack/plugins/reporting/public/components/buttons/__snapshots__/report_info_button.test.tsx.snap
index a79b6080ed12..09e487591c16 100644
--- a/x-pack/plugins/reporting/public/components/buttons/__snapshots__/report_info_button.test.tsx.snap
+++ b/x-pack/plugins/reporting/public/components/buttons/__snapshots__/report_info_button.test.tsx.snap
@@ -5,6 +5,7 @@ exports[`ReportInfoButton handles button click flyout on click 1`] = `
   aria-label="Show report info"
   className="euiButtonIcon euiButtonIcon--primary"
   data-test-subj="reportInfoButton"
+  disabled={false}
   onClick={[Function]}
   type="button"
 >
@@ -78,6 +79,7 @@ Array [
                 aria-label="Close this dialog"
                 className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
                 data-test-subj="euiFlyoutCloseButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -163,6 +165,7 @@ Array [
           aria-label="Close this dialog"
           className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
           data-test-subj="euiFlyoutCloseButton"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
@@ -279,6 +282,7 @@ Array [
                 aria-label="Close this dialog"
                 className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
                 data-test-subj="euiFlyoutCloseButton"
+                disabled={false}
                 onClick={[Function]}
                 type="button"
               >
@@ -362,6 +366,7 @@ Array [
           aria-label="Close this dialog"
           className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
           data-test-subj="euiFlyoutCloseButton"
+          disabled={false}
           onClick={[Function]}
           type="button"
         >
diff --git a/x-pack/plugins/security/public/authentication/overwritten_session/__snapshots__/overwritten_session_page.test.tsx.snap b/x-pack/plugins/security/public/authentication/overwritten_session/__snapshots__/overwritten_session_page.test.tsx.snap
index f33e322cbaae..53fd604ba8f4 100644
--- a/x-pack/plugins/security/public/authentication/overwritten_session/__snapshots__/overwritten_session_page.test.tsx.snap
+++ b/x-pack/plugins/security/public/authentication/overwritten_session/__snapshots__/overwritten_session_page.test.tsx.snap
@@ -74,6 +74,7 @@ exports[`OverwrittenSessionPage renders as expected 1`] = `
           baseClassName="euiButton"
           element="a"
           href="/mock-base-path/"
+          isDisabled={false}
           rel="noreferrer"
         >
           <a
diff --git a/x-pack/plugins/security_solution/public/common/components/endpoint/__snapshots__/link_to_app.test.tsx.snap b/x-pack/plugins/security_solution/public/common/components/endpoint/__snapshots__/link_to_app.test.tsx.snap
index da8f0d8dcb6b..17c0a1754efc 100644
--- a/x-pack/plugins/security_solution/public/common/components/endpoint/__snapshots__/link_to_app.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/common/components/endpoint/__snapshots__/link_to_app.test.tsx.snap
@@ -30,6 +30,7 @@ exports[`LinkToApp component should render with minimum input 1`] = `
   >
     <button
       className="euiLink euiLink--primary"
+      disabled={false}
       onClick={[Function]}
       type="button"
     >
diff --git a/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap
index 55e60f545e64..a6aa84491970 100644
--- a/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/common/components/paginated_table/__snapshots__/index.test.tsx.snap
@@ -63,7 +63,9 @@ exports[`Paginated Table Component rendering it renders the default load more ta
           "disabled": "#4c4e51",
           "ghost": "#ffffff",
           "primary": "#1ba9f5",
+          "success": "#7de2d1",
           "text": "#dfe5ef",
+          "warning": "#ffce7a",
         },
         "euiButtonHeight": "40px",
         "euiButtonHeightSmall": "32px",
diff --git a/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap b/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
index 58cf0ae1e9f8..ce0bda6c54af 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/timelines/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap
@@ -63,7 +63,9 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
           "disabled": "#4c4e51",
           "ghost": "#ffffff",
           "primary": "#1ba9f5",
+          "success": "#7de2d1",
           "text": "#dfe5ef",
+          "warning": "#ffce7a",
         },
         "euiButtonHeight": "40px",
         "euiButtonHeightSmall": "32px",
diff --git a/x-pack/plugins/uptime/public/components/overview/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap b/x-pack/plugins/uptime/public/components/overview/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
index 89433f8bc57c..b959d822ac73 100644
--- a/x-pack/plugins/uptime/public/components/overview/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
+++ b/x-pack/plugins/uptime/public/components/overview/empty_state/__tests__/__snapshots__/empty_state.test.tsx.snap
@@ -379,6 +379,7 @@ exports[`EmptyState component does not render empty state with appropriate base
                                   element="a"
                                   fill={true}
                                   href="/app/home#/tutorial/uptimeMonitors"
+                                  isDisabled={false}
                                   rel="noreferrer"
                                 >
                                   <a
@@ -435,6 +436,7 @@ exports[`EmptyState component does not render empty state with appropriate base
                                   color="primary"
                                   element="a"
                                   href="/app/uptime/settings"
+                                  isDisabled={false}
                                   rel="noreferrer"
                                 >
                                   <a
@@ -867,6 +869,7 @@ exports[`EmptyState component doesn't render child components when count is fals
                                   element="a"
                                   fill={true}
                                   href="/app/home#/tutorial/uptimeMonitors"
+                                  isDisabled={false}
                                   rel="noreferrer"
                                 >
                                   <a
@@ -923,6 +926,7 @@ exports[`EmptyState component doesn't render child components when count is fals
                                   color="primary"
                                   element="a"
                                   href="/app/uptime/settings"
+                                  isDisabled={false}
                                   rel="noreferrer"
                                 >
                                   <a
@@ -1360,6 +1364,7 @@ exports[`EmptyState component notifies when index does not exist 1`] = `
                                   element="a"
                                   fill={true}
                                   href="/app/home#/tutorial/uptimeMonitors"
+                                  isDisabled={false}
                                   rel="noreferrer"
                                 >
                                   <a
@@ -1416,6 +1421,7 @@ exports[`EmptyState component notifies when index does not exist 1`] = `
                                   color="primary"
                                   element="a"
                                   href="/app/uptime/settings"
+                                  isDisabled={false}
                                   rel="noreferrer"
                                 >
                                   <a
diff --git a/yarn.lock b/yarn.lock
index 34abc2cd3959..bddb7ddd4f1f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1439,10 +1439,10 @@
   resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
   integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
 
-"@elastic/eui@30.5.1":
-  version "30.5.1"
-  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-30.5.1.tgz#c9782c2f4763d563de6afcc2fc56d81c1e5b183c"
-  integrity sha512-W8rW49prYG0XHNdMWGTxNW50Kef3/fh+IL5mzMOKLao1W4h0F45efIDbnIHyjGl//akknIIEa6bwdTU4dmLBgA==
+"@elastic/eui@30.6.0":
+  version "30.6.0"
+  resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-30.6.0.tgz#6653223223f52407ac05303825d9bd08382df1d5"
+  integrity sha512-40Jiy54MpJAx3lD3NSZZLkMkVySwKpX6RxIKnvT3somE95pwIjXrWB688m2nL2g05y7kNhjrhwfdctVzNXZENA==
   dependencies:
     "@types/chroma-js" "^2.0.0"
     "@types/lodash" "^4.14.160"
@@ -1476,6 +1476,7 @@
     tabbable "^3.0.0"
     text-diff "^1.0.1"
     unified "^9.2.0"
+    url-parse "^1.4.7"
     uuid "^8.3.0"
     vfile "^4.2.0"
 
@@ -28002,7 +28003,7 @@ url-parse-lax@^3.0.0:
   dependencies:
     prepend-http "^2.0.0"
 
-url-parse@^1.4.3:
+url-parse@^1.4.3, url-parse@^1.4.7:
   version "1.4.7"
   resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
   integrity sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==