From 1237f4df57845daa80b74858040bbfa988641aa0 Mon Sep 17 00:00:00 2001
From: Gan Eng Chin <ecgan@users.noreply.github.com>
Date: Fri, 6 Jan 2023 23:29:07 +0800
Subject: [PATCH] Use extracted Button in external components.

---
 .../woocommerce/compare-filter/index.js                  | 9 ++-------
 .../woocommerce/filter-picker/index.js                   | 3 ++-
 .../external-components/wordpress/guide/finish-button.js | 2 +-
 js/src/external-components/wordpress/guide/index.js      | 3 ++-
 .../external-components/wordpress/guide/page-control.js  | 2 +-
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/js/src/external-components/woocommerce/compare-filter/index.js b/js/src/external-components/woocommerce/compare-filter/index.js
index 385648bca5..1a1fa6fa4e 100644
--- a/js/src/external-components/woocommerce/compare-filter/index.js
+++ b/js/src/external-components/woocommerce/compare-filter/index.js
@@ -9,13 +9,8 @@
  */
 import { __ } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
-import {
-	Button,
-	Card,
-	CardBody,
-	CardFooter,
-	CardHeader,
-} from '@wordpress/components';
+import { Card, CardBody, CardFooter, CardHeader } from '@wordpress/components';
+import { Button } from 'extracted/@wordpress/components';
 import { isEqual, isFunction } from 'lodash';
 import PropTypes from 'prop-types';
 import { getIdsFromQuery, updateQueryString } from '@woocommerce/navigation';
diff --git a/js/src/external-components/woocommerce/filter-picker/index.js b/js/src/external-components/woocommerce/filter-picker/index.js
index 723eb90146..a43723b362 100644
--- a/js/src/external-components/woocommerce/filter-picker/index.js
+++ b/js/src/external-components/woocommerce/filter-picker/index.js
@@ -8,7 +8,8 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { Button, Dropdown } from '@wordpress/components';
+import { Dropdown } from '@wordpress/components';
+import { Button } from 'extracted/@wordpress/components';
 import { focus } from '@wordpress/dom';
 import classnames from 'classnames';
 import { Component } from '@wordpress/element';
diff --git a/js/src/external-components/wordpress/guide/finish-button.js b/js/src/external-components/wordpress/guide/finish-button.js
index d2dc41f448..05c0dabf30 100644
--- a/js/src/external-components/wordpress/guide/finish-button.js
+++ b/js/src/external-components/wordpress/guide/finish-button.js
@@ -9,7 +9,7 @@
  * External dependencies
  */
 import { useRef, useLayoutEffect } from '@wordpress/element';
-import { Button } from '@wordpress/components';
+import { Button } from 'extracted/@wordpress/components';
 
 export default function FinishButton( props ) {
 	const ref = useRef();
diff --git a/js/src/external-components/wordpress/guide/index.js b/js/src/external-components/wordpress/guide/index.js
index 7bdc75771c..ca428d7661 100644
--- a/js/src/external-components/wordpress/guide/index.js
+++ b/js/src/external-components/wordpress/guide/index.js
@@ -11,7 +11,8 @@
 import classnames from 'classnames';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { Modal, KeyboardShortcuts, Button } from '@wordpress/components';
+import { Modal, KeyboardShortcuts } from '@wordpress/components';
+import { Button } from 'extracted/@wordpress/components';
 
 /**
  * Internal dependencies
diff --git a/js/src/external-components/wordpress/guide/page-control.js b/js/src/external-components/wordpress/guide/page-control.js
index af52611431..26cc9f0d29 100644
--- a/js/src/external-components/wordpress/guide/page-control.js
+++ b/js/src/external-components/wordpress/guide/page-control.js
@@ -10,7 +10,7 @@
  */
 import { times } from 'lodash';
 import { __, sprintf } from '@wordpress/i18n';
-import { Button } from '@wordpress/components';
+import { Button } from 'extracted/@wordpress/components';
 
 /**
  * Internal dependencies