diff --git a/plugins/woocommerce-admin/client/analytics/settings/historical-data/style.scss b/plugins/woocommerce-admin/client/analytics/settings/historical-data/style.scss
index 32e5eaeceb6..55f16cf3a97 100644
--- a/plugins/woocommerce-admin/client/analytics/settings/historical-data/style.scss
+++ b/plugins/woocommerce-admin/client/analytics/settings/historical-data/style.scss
@@ -49,6 +49,12 @@
}
}
+.woocommerce-setting__options-group {
+ input[type='checkbox']:checked::before {
+ content: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($studio-white)}%27%2F%3E%3C%2Fsvg%3E');
+ }
+}
+
.woocommerce-settings-historical-data__progress-label {
display: inline-block;
font-weight: bold;
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js
index 7ce3598fa16..bebedb0111d 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/business-details.js
@@ -5,8 +5,7 @@
import { __, _x, sprintf } from '@wordpress/i18n';
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
-import { FormToggle } from '@wordpress/components';
-import { Button } from 'newspack-components';
+import { Button, FormToggle } from '@wordpress/components';
import { withDispatch } from '@wordpress/data';
import { keys, get, pickBy } from 'lodash';
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/industry.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/industry.js
index 4dd5eccb594..9e827054095 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/industry.js
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/industry.js
@@ -4,7 +4,7 @@
*/
import { __ } from '@wordpress/i18n';
import { Component, Fragment } from '@wordpress/element';
-import { Button, CheckboxControl } from 'newspack-components';
+import { Button, CheckboxControl } from '@wordpress/components';
import { compose } from '@wordpress/compose';
import { filter, get, includes } from 'lodash';
import { withDispatch } from '@wordpress/data';
@@ -106,6 +106,7 @@ class Industry extends Component {
label={ industries[ slug ] }
onChange={ () => this.onChange( slug ) }
checked={ selected.includes( slug ) }
+ className="woocommerce-profile-wizard__checkbox"
/>
);
} ) }
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/plugins.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/plugins.js
index 5b0df0ba6a1..cd837e087d4 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/plugins.js
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/plugins.js
@@ -3,7 +3,7 @@
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
-import { Button } from 'newspack-components';
+import { Button } from '@wordpress/components';
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
import { difference } from 'lodash';
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/product-types.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/product-types.js
index 21be2089aff..92164cb22a5 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/product-types.js
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/product-types.js
@@ -5,7 +5,7 @@
import { __ } from '@wordpress/i18n';
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
-import { Button, CheckboxControl } from 'newspack-components';
+import { Button, CheckboxControl } from '@wordpress/components';
import { includes, filter, get } from 'lodash';
import interpolateComponents from 'interpolate-components';
import { withDispatch } from '@wordpress/data';
@@ -129,6 +129,7 @@ class ProductTypes extends Component {
help={ helpText }
onChange={ () => this.onChange( slug ) }
checked={ selected.includes( slug ) }
+ className="woocommerce-profile-wizard__checkbox"
/>
);
} ) }
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/start/index.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/start/index.js
index 270726d5dbd..7de7078b889 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/start/index.js
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/start/index.js
@@ -3,7 +3,7 @@
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
-import { Button } from 'newspack-components';
+import { Button } from '@wordpress/components';
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
import interpolateComponents from 'interpolate-components';
diff --git a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/store-details.js b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/store-details.js
index b3c46c7800c..ec1210e7d1c 100644
--- a/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/store-details.js
+++ b/plugins/woocommerce-admin/client/dashboard/profile-wizard/steps/store-details.js
@@ -4,7 +4,7 @@
*/
import { __ } from '@wordpress/i18n';
import apiFetch from '@wordpress/api-fetch';
-import { Button, CheckboxControl } from 'newspack-components';
+import { Button, CheckboxControl } from '@wordpress/components';
import { Component, Fragment } from '@wordpress/element';
import { compose } from '@wordpress/compose';
import { withDispatch } from '@wordpress/data';
@@ -162,10 +162,13 @@ class StoreDetails extends Component {
/>
) }
-
+
+
+
+