Merge branch '213789-swap-out-license-policy-badge' into 'master'

Updated licenses page to use non-deprecated GLBadge

Closes #213789

See merge request gitlab-org/gitlab!43447

ee/app/assets/javascripts/license_compliance/components/licenses_table_row.vue

@@ -2,7 +2,7 @@
 import {
   GlLink,
   GlDeprecatedSkeletonLoading as GlSkeletonLoading,
-  GlDeprecatedBadge as GlBadge,
+  GlBadge,
   GlIcon,
   GlFriendlyWrap,
 } from '@gitlab/ui';
@@ -82,8 +82,8 @@ export default {
           <license-component-links :components="license.components" :title="license.name" />
           <div v-if="isDenied" class="d-inline-block">
             <!-- This badge usage will be simplified in https://gitlab.com/gitlab-org/gitlab/-/issues/213789 -->
-            <gl-badge variant="warning" class="gl-alert-warning d-flex align-items-center">
-              <gl-icon name="warning" :size="16" class="pr-1" />
+            <gl-badge variant="warning">
+              <gl-icon name="warning" class="mr-1" />
               <span>{{ s__('Licenses|Policy violation: denied') }}</span>
             </gl-badge>
           </div>

ee/changelogs/unreleased/213789-swap-out-license-policy-badge.yml

+---
+title: Updated license compliance policy violation indicator styling
+merge_request: 43447
+author:
+type: changed

ee/spec/frontend/license_compliance/components/licenses_table_row_spec.js

@@ -2,7 +2,7 @@ import { shallowMount } from '@vue/test-utils';
 import {
   GlLink,
   GlDeprecatedSkeletonLoading as GlSkeletonLoading,
-  GlDeprecatedBadge as GlBadge,
+  GlBadge,
   GlFriendlyWrap,
 } from '@gitlab/ui';
 import LicenseComponentLinks from 'ee/license_compliance/components/license_component_links.vue';