Merge branch...

Merge branch '219798-matej-new-replace-gl-deprecated-button-with-gl-button-in-ee-app-assets-javascripts-boards-components' into 'master'

Replace the weight select deprecated button

Closes #219798

See merge request gitlab-org/gitlab!39443

ee/app/assets/javascripts/boards/components/weight_select.vue

 <script>
-import { GlDeprecatedButton, GlDeprecatedDropdown, GlDeprecatedDropdownItem } from '@gitlab/ui';
+import { GlButton, GlDeprecatedDropdown, GlDeprecatedDropdownItem } from '@gitlab/ui';
 
 const ANY_WEIGHT = 'Any weight';
 const NO_WEIGHT = 'None';
 
 export default {
   components: {
-    GlDeprecatedButton,
+    GlButton,
     GlDeprecatedDropdown,
     GlDeprecatedDropdownItem,
   },
@@ -71,14 +71,9 @@ export default {
   <div class="block weight">
     <div class="title gl-mb-3">
       {{ __('Weight') }}
-      <gl-deprecated-button
-        v-if="canEdit"
-        variant="blank"
-        class="float-right"
-        @click="showDropdown"
-      >
+      <gl-button v-if="canEdit" variant="link" class="float-right" @click="showDropdown">
         {{ __('Edit') }}
-      </gl-deprecated-button>
+      </gl-button>
     </div>
     <div :class="valueClass" :hidden="!dropdownHidden" class="value">{{ valueText }}</div>
 

ee/spec/frontend/boards/components/weight_select_spec.js

 import { mount } from '@vue/test-utils';
 import WeightSelect from 'ee/boards/components/weight_select.vue';
-import { GlDeprecatedButton, GlDeprecatedDropdown } from '@gitlab/ui';
+import { GlButton, GlDeprecatedDropdown } from '@gitlab/ui';
 
 describe('WeightSelect', () => {
   let wrapper;
 
-  const editButton = () => wrapper.find(GlDeprecatedButton);
+  const editButton = () => wrapper.find(GlButton);
   const valueContainer = () => wrapper.find('.value');
   const weightDropdown = () => wrapper.find(GlDeprecatedDropdown);
   const weightSelect = () => wrapper.find({ ref: 'weight-select' });