style: Pass at propagating (and enhancing) Button component throughout Superset (#10649)

* getting rid of weird focus/active outline ring

* Buttons... buttons _everywhere_

* linting

* Nixing views/CRUD/dataset/Button component

* fixing 2 typing errors

* fixing more TS errors

* prefer src path for include

* one more real button, one less CSS class

* one more "button" to "Button"

* Published Status is now a proper clickable Label

* nixing the CRUD button again

* touching up stories, with SupersetButton story

* SIP-34 button colors

* adding polished package to mix colors

* updating button colors to match Superset theme

* abstracting away from bootstrap-specific props (might pivot libraries soon!)

* more abstraction from bsStyle/bsSize props

* exchanging styles for a prop

* linting

* restoring feature flag to stock

* using src alias

* last <button> replacement

* this classname would never be applied

* more linting action

* fixing unsupported bsSize 'medium', and cta typing error

* more cta action

* unnecessary styles

* errant bsSize prop

* cleanup

* tweaks to make new New button work

* Linting

* fixing a couple tests

* fixing theme based test failure

* margin tweak for NEW button

* another fixed test

* another fixed test

* fixing two more tests

* fixing last broken tests.

* always be linting

* Adding tertiary/dashed buttons

* cleaning up QueryAndSave buttons

* fixing "link" button styles

* fixing/updating link button styles

* cta buttons on Modal component

* linting.

* exporting button story knobs, making ALL knobs safe for export.

* capitalizing a file... no big whoop

* Basic button tests

* renaming button - temporarily

* renaming file to fix capitalization issue

* passing theme through to a difficult popover.

* fixin' a newly busted unit test

* lint fixin'

* oops, shouldn't have changed this prop!

* adding a dive() to themedShallow, and fixing a cypress/jest test

* addressing lint stuff

* touching up stories, with SupersetButton story

* SIP-34 button colors

* updating button colors to match Superset theme

* abstracting away from bootstrap-specific props (might pivot libraries soon!)

* linting

* restoring feature flag to stock

* cleanup

* Linting

* renaming button - temporarily

* renaming file to fix capitalization issue

* oops, shouldn't have changed this prop!

* adding a dive() to themedShallow, and fixing a cypress/jest test

* addressing lint stuff

* nixing new modal button

* Fixing another popover/button issue that should break cypress

* lint ✨

* passing classNames through to new button (should fix some tests)

* cleaning unused classes, making cypress tests use data attrs

* fixin' the test

* fixing another class-based test with data-test attr

* no longer passing theme as prop to buttons in popovers... themeprovider is better

* outline/border tweaks!

superset-frontend/src/SqlLab/components/ResultSet.tsx

@@ -17,7 +17,8 @@
  * under the License.
  */
 import React, { CSSProperties } from 'react';
-import { Alert, Button, ButtonGroup, ProgressBar } from 'react-bootstrap';
+import { Alert, ButtonGroup, ProgressBar } from 'react-bootstrap';
+import Button from 'src/components/Button';
 import shortid from 'shortid';
 import { t } from '@superset-ui/translation';
 
@@ -166,7 +167,7 @@ export default class ResultSet extends React.PureComponent<
               )}
             {this.props.csv && (
               <Button
-                bsSize="small"
+                buttonSize="small"
                 href={`/superset/csv/${this.props.query.id}`}
               >
                 <i className="fa fa-file-text-o" /> {t('.CSV')}
@@ -177,7 +178,7 @@ export default class ResultSet extends React.PureComponent<
               text={prepareCopyToClipboardTabularData(data)}
               wrapped={false}
               copyNode={
-                <Button bsSize="small">
+                <Button buttonSize="small">
                   <i className="fa fa-clipboard" /> {t('Clipboard')}
                 </Button>
               }
@@ -243,7 +244,7 @@ export default class ResultSet extends React.PureComponent<
             ] {t('was created')} &nbsp;
             <ButtonGroup>
               <Button
-                bsSize="small"
+                buttonSize="small"
                 className="m-r-5"
                 onClick={() => this.popSelectStar(tempSchema, tempTable)}
               >
@@ -296,9 +297,9 @@ export default class ResultSet extends React.PureComponent<
       if (query.isDataPreview) {
         return (
           <Button
-            bsSize="sm"
+            buttonSize="sm"
             className="fetch"
-            bsStyle="primary"
+            buttonStyle="primary"
             onClick={() =>
               this.reFetchQueryResults({
                 ...query,
@@ -312,9 +313,9 @@ export default class ResultSet extends React.PureComponent<
       } else if (query.resultsKey) {
         return (
           <Button
-            bsSize="sm"
+            buttonSize="sm"
             className="fetch"
-            bsStyle="primary"
+            buttonStyle="primary"
             onClick={() => this.fetchResults(query)}
           >
             {t('Refetch Results')}
@@ -336,7 +337,7 @@ export default class ResultSet extends React.PureComponent<
     if (query.trackingUrl) {
       trackingUrl = (
         <Button
-          bsSize="small"
+          buttonSize="small"
           onClick={() => query.trackingUrl && window.open(query.trackingUrl)}
         >
           {t('Track Job')}