Merge branch...

Merge branch '219781-replace-gl-deprecated-button-with-gl-button-in-ee-app-assets-javascripts-subscriptions-new' into 'master'

Replace <gl-deprecated-button> with <gl-button> in subscriptions/new/components/checkout/confirm_order.vue

See merge request gitlab-org/gitlab!40119

ee/app/assets/javascripts/subscriptions/new/components/checkout/confirm_order.vue

 <script>
 import { mapState, mapActions, mapGetters } from 'vuex';
-import { GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
+import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 import { s__ } from '~/locale';
 
 export default {
   components: {
-    GlDeprecatedButton,
+    GlButton,
     GlLoadingIcon,
   },
   computed: {
@@ -26,9 +26,14 @@ export default {
 </script>
 <template>
   <div v-if="isActive" class="full-width gl-mb-7">
-    <gl-deprecated-button :disabled="isConfirmingOrder" variant="success" @click="confirmOrder">
+    <gl-button
+      :disabled="isConfirmingOrder"
+      variant="success"
+      category="primary"
+      @click="confirmOrder"
+    >
       <gl-loading-icon v-if="isConfirmingOrder" inline size="sm" />
       {{ isConfirmingOrder ? $options.i18n.confirming : $options.i18n.confirm }}
-    </gl-deprecated-button>
+    </gl-button>
   </div>
 </template>

ee/changelogs/unreleased/219781-replace-gl-deprecated-button-with-gl-button-in-ee-app-assets-ja.yml

+---
+title: Replace <gl-deprecated-button> with <gl-button> in confirm_order component
+merge_request: 40119
+author:
+type: changed

ee/spec/frontend/subscriptions/new/components/checkout/confirm_order_spec.js

@@ -3,7 +3,7 @@ import { shallowMount, createLocalVue } from '@vue/test-utils';
 import Api from 'ee/api';
 import createStore from 'ee/subscriptions/new/store';
 import * as types from 'ee/subscriptions/new/store/mutation_types';
-import { GlDeprecatedButton, GlLoadingIcon } from '@gitlab/ui';
+import { GlButton, GlLoadingIcon } from '@gitlab/ui';
 import Component from 'ee/subscriptions/new/components/checkout/confirm_order.vue';
 
 describe('Confirm Order', () => {
@@ -24,7 +24,7 @@ describe('Confirm Order', () => {
     });
   };
 
-  const findConfirmButton = () => wrapper.find(GlDeprecatedButton);
+  const findConfirmButton = () => wrapper.find(GlButton);
   const findLoadingIcon = () => wrapper.find(GlLoadingIcon);
 
   beforeEach(() => {