Components: IconButton (#23510)

* IconButton: New component to share pointer, size & hover style for icon buttons

* Progress

* IconButton: new component

* Think I am done

* Updated snapshots

* Do not like the black button reverting that, and not the plus-circle changed to plus

* fixed test

* fixed e2e test

* Fixed ts issue

public/app/plugins/datasource/elasticsearch/configuration/DataLinks.tsx

@@ -67,7 +67,7 @@ export const DataLinks = (props: Props) => {
             className={css`
               margin-right: 10px;
             `}
-            icon="plus-circle"
+            icon="plus"
             onClick={event => {
               event.preventDefault();
               const newDataLinks = [...(value || []), { field: '', url: '' }];

public/app/plugins/panel/table/column_options.html

@@ -182,7 +182,7 @@
           </div>
           <div class="gf-form">
             <label class="gf-form-label">
-              <a class="pointer" ng-click="editor.addRangeMap(style)"><icon name="'plus-circle'"></icon></a>
+              <a class="pointer" ng-click="editor.addRangeMap(style)"><icon name="'plus'"></icon></a>
             </label>
           </div>
         </div>