replace deprecated IconButton with Button

Author: tschortsch

src/button/edit.js

@@ -2,7 +2,7 @@
 import { __ } from '@wordpress/i18n';
 import {
 	Dashicon,
-	IconButton,
+	Button,
 	SelectControl,
 	PanelBody,
 	ToggleControl,
@@ -182,7 +182,7 @@ const BootstrapButtonEdit = ( {
 							setAttributes( { url: value } )
 						}
 					/>
-					<IconButton
+					<Button
 						icon="editor-break"
 						label={ __( 'Apply', 'wp-bootstrap-blocks' ) }
 						type="submit"

src/row/edit.js

@@ -1,7 +1,7 @@
 // WordPress dependencies
 import { __ } from '@wordpress/i18n';
 import {
-	IconButton,
+	Button,
 	CheckboxControl,
 	PanelBody,
 	SelectControl,
@@ -400,7 +400,7 @@ const BootstrapRowEdit = ( {
 									className="wp-bootstrap-blocks-template-selector-button"
 									key={ index }
 								>
-									<IconButton
+									<Button
 										label={ template.title }
 										icon={ template.icon }
 										onClick={ () => {
@@ -416,7 +416,7 @@ const BootstrapRowEdit = ( {
 										<div className="wp-bootstrap-blocks-template-selector-button-label">
 											{ template.title }
 										</div>
-									</IconButton>
+									</Button>
 								</li>
 							)
 						) }

src/row/editor.scss

@@ -118,10 +118,10 @@ body:not(.branch-5-3) [data-type="wp-bootstrap-blocks/row"]:not([data-editor-sta
 	flex: 0 0 50%;
 	display: flex;
 
-	> .components-icon-button,
-	> .components-button.has-icon {
+	> .components-button {
 		flex-direction: column;
 		justify-content: center;
+		align-items: center;
 		width: 100%;
 		height: auto;
 		padding: 8px;
@@ -130,6 +130,8 @@ body:not(.branch-5-3) [data-type="wp-bootstrap-blocks/row"]:not([data-editor-sta
 		&.has-text svg {
 			margin-right: 0;
 			margin-bottom: 4px;
+			width: 40px;
+			height: 40px;
 		}
 
 		&.is-active,