Removed @woocommerce/components/card from OBW (https://github.com/woocommerce/woocommerce-admin/pull/6374)

* Removed @woocommerce/components/card from OBW

This commit removes the "@woocommerce/components/card" from the step "Business Details" in the OBW.

* Added readme.txt line

Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com>

plugins/woocommerce-admin/client/profile-wizard/steps/business-details/flows/selective-bundle/index.js

@@ -6,16 +6,14 @@ import { Component } from '@wordpress/element';
 import { compose } from '@wordpress/compose';
 import {
 	Button,
+	Card,
+	CardBody,
+	CardFooter,
 	TabPanel,
 	__experimentalText as Text,
 } from '@wordpress/components';
 import { withDispatch, withSelect } from '@wordpress/data';
-import {
-	Card,
-	SelectControl,
-	Form,
-	TextControl,
-} from '@woocommerce/components';
+import { SelectControl, Form, TextControl } from '@woocommerce/components';
 import {
 	ONBOARDING_STORE_NAME,
 	PLUGINS_STORE_NAME,
@@ -262,7 +260,7 @@ class BusinessDetails extends Component {
 								</Text>
 							</div>
 							<Card>
-								<>
+								<CardBody>
 									<SelectControl
 										label={ __(
 											'How many products do you plan to display?',
@@ -337,36 +335,35 @@ class BusinessDetails extends Component {
 											</div>
 										</>
 									) }
-
-									<div className="woocommerce-profile-wizard__card-actions">
-										<Button
-											isPrimary
-											onClick={ handleSubmit }
-											disabled={ ! isValidForm }
-											isBusy={ isInstallingActivating }
-										>
-											{ ! hasInstallActivateError
-												? __(
-														'Continue',
-														'woocommerce-admin'
-												  )
-												: __(
-														'Retry',
-														'woocommerce-admin'
-												  ) }
-										</Button>
-										{ hasInstallActivateError && (
-											<Button
-												onClick={ () => goToNextStep() }
-											>
-												{ __(
-													'Continue without installing',
+								</CardBody>
+								<CardFooter isBorderless justify="center">
+									<Button
+										isPrimary
+										onClick={ handleSubmit }
+										disabled={ ! isValidForm }
+										isBusy={ isInstallingActivating }
+									>
+										{ ! hasInstallActivateError
+											? __(
+													'Continue',
 													'woocommerce-admin'
-												) }
-											</Button>
-										) }
-									</div>
-								</>
+											  )
+											: __(
+													'Retry',
+													'woocommerce-admin'
+											  ) }
+									</Button>
+									{ hasInstallActivateError && (
+										<Button
+											onClick={ () => goToNextStep() }
+										>
+											{ __(
+												'Continue without installing',
+												'woocommerce-admin'
+											) }
+										</Button>
+									) }
+								</CardFooter>
 							</Card>
 						</>
 					);

plugins/woocommerce-admin/client/profile-wizard/steps/business-details/flows/selective-bundle/style.scss

@@ -14,4 +14,12 @@
 
 		justify-content: center;
 	}
+	.components-card {
+		&__body {
+			padding: $gap $gap 0;
+		}
+		&__footer {
+			padding-top: 0;
+		}
+	}
 }

plugins/woocommerce-admin/client/profile-wizard/steps/business-details/style.scss

@@ -8,9 +8,4 @@
 	.woocommerce-profile-wizard__step-header {
 		margin-top: 28px;
 	}
-
-	.woocommerce-profile-wizard__card-actions {
-		display: flex;
-		justify-content: center;
-	}
 }

plugins/woocommerce-admin/client/profile-wizard/steps/product-types/style.scss

@@ -60,11 +60,6 @@
 				margin-left: $gap;
 			}
 		}
-
-		.woocommerce-profile-wizard__card-actions
-		.components-button.is-primary {
-			margin-top: $gap;
-		}
 	}
 }
 

plugins/woocommerce-admin/readme.txt

@@ -81,6 +81,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt
 - Dev: Add filter to allow enabling the WP toolbar within the new navigation. #6371
 - Dev: Add unit tests to Navigation's Container component. #6344
 - Fix: Enqueue scripts called incorrectly in php unit tests #6358
+- Fix: Removed @woocommerce/components/card from OBW #6374
 
 == 2.0.0 02/05/2021 ==