Merge branch 'renovate/gitlab-uisvg' into 'master'

Update dependency @gitlab/ui to v32.51.3

See merge request gitlab-org/gitlab!77398

ee/spec/features/groups/analytics/cycle_analytics/filters_and_data_spec.rb

@@ -59,7 +59,7 @@ RSpec.describe 'Group value stream analytics filters and data', :js do
 
   shared_examples 'empty state' do
     it 'displays an empty state' do
-      element = page.find('.row.empty-state')
+      element = page.find('.empty-state')
 
       expect(element).to have_content(_("We don't have enough data to show this stage."))
       expect(element.find('.svg-content img')['src']).to have_content('illustrations/analytics/cycle-analytics-empty-chart')

ee/spec/frontend/on_demand_scans/components/__snapshots__/empty_state_spec.js.snap

@@ -2,10 +2,10 @@
 
 exports[`EmptyState renders properly 1`] = `
 <section
-  class="row empty-state text-center"
+  class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
 >
   <div
-    class="col-12"
+    class="gl-max-w-full"
   >
     <div
       class="svg-250 svg-content"
@@ -20,10 +20,10 @@ exports[`EmptyState renders properly 1`] = `
   </div>
    
   <div
-    class="col-12"
+    class="gl-max-w-full gl-m-auto"
   >
     <div
-      class="text-content gl-mx-auto gl-my-0 gl-p-5"
+      class="gl-mx-auto gl-my-0 gl-p-5"
     >
       <h1
         class="gl-font-size-h-display gl-line-height-36 h4"

ee/spec/frontend/security_dashboard/components/shared/empty_states/__snapshots__/dashboard_has_no_vulnerabilities_spec.js.snap

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`dashboard has no vulnerabilities empty state matches snapshot 1`] = `
-"<section class=\\"row gl-mt-0 empty-state text-center\\">
-  <div class=\\"col-12\\">
+"<section class=\\"gl-display-flex gl-flex-wrap gl-mt-0 empty-state gl-text-center gl-flex-direction-column\\">
+  <div class=\\"gl-max-w-full\\">
     <div class=\\"svg-250 svg-content\\"><img src=\\"/placeholder.svg\\" alt=\\"\\" role=\\"img\\" class=\\"gl-max-w-full\\"></div>
   </div>
-  <div class=\\"col-12\\">
-    <div class=\\"text-content gl-mx-auto gl-my-0 gl-p-5\\">
+  <div class=\\"gl-max-w-full gl-m-auto\\">
+    <div class=\\"gl-mx-auto gl-my-0 gl-p-5\\">
       <h1 class=\\"gl-font-size-h-display gl-line-height-36 h4\\">
         No vulnerabilities found
       </h1>

ee/spec/frontend_integration/security_dashboard/__snapshots__/security_dashboard_init_integration_spec.js.snap

@@ -33,10 +33,10 @@ exports[`Security Dashboard default states sets up instance-level 1`] = `
 exports[`Security Dashboard error states has unavailable pages 1`] = `
 <div>
   <section
-    class="row empty-state text-center"
+    class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
   >
     <div
-      class="col-12"
+      class="gl-max-w-full"
     >
       <div
         class="svg-250 svg-content"
@@ -50,10 +50,10 @@ exports[`Security Dashboard error states has unavailable pages 1`] = `
       </div>
     </div>
     <div
-      class="col-12"
+      class="gl-max-w-full gl-m-auto"
     >
       <div
-        class="text-content gl-mx-auto gl-my-0 gl-p-5"
+        class="gl-mx-auto gl-my-0 gl-p-5"
       >
         <h1
           class="gl-font-size-h-display gl-line-height-36 h4"

ee/spec/frontend_integration/security_dashboard/__snapshots__/vulnerability_report_init_integration_spec.js.snap

@@ -3,10 +3,10 @@
 exports[`Vulnerability Report error states has unavailable pages 1`] = `
 <div>
   <section
-    class="row empty-state text-center"
+    class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
   >
     <div
-      class="col-12"
+      class="gl-max-w-full"
     >
       <div
         class="svg-250 svg-content"
@@ -20,10 +20,10 @@ exports[`Vulnerability Report error states has unavailable pages 1`] = `
       </div>
     </div>
     <div
-      class="col-12"
+      class="gl-max-w-full gl-m-auto"
     >
       <div
-        class="text-content gl-mx-auto gl-my-0 gl-p-5"
+        class="gl-mx-auto gl-my-0 gl-p-5"
       >
         <h1
           class="gl-font-size-h-display gl-line-height-36 h4"

package.json

@@ -57,7 +57,7 @@
     "@gitlab/favicon-overlay": "2.0.0",
     "@gitlab/svgs": "2.0.0",
     "@gitlab/tributejs": "1.0.0",
-    "@gitlab/ui": "32.50.0",
+    "@gitlab/ui": "32.51.3",
     "@gitlab/visual-review-tools": "1.6.1",
     "@rails/actioncable": "6.1.4-1",
     "@rails/ujs": "6.1.4-1",

spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/__snapshots__/packages_list_app_spec.js.snap

@@ -10,10 +10,10 @@ exports[`packages_list_app renders 1`] = `
    
   <div>
     <section
-      class="row empty-state text-center"
+      class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
     >
       <div
-        class="col-12"
+        class="gl-max-w-full"
       >
         <div
           class="svg-250 svg-content"
@@ -28,10 +28,10 @@ exports[`packages_list_app renders 1`] = `
       </div>
        
       <div
-        class="col-12"
+        class="gl-max-w-full gl-m-auto"
       >
         <div
-          class="text-content gl-mx-auto gl-my-0 gl-p-5"
+          class="gl-mx-auto gl-my-0 gl-p-5"
         >
           <h1
             class="gl-font-size-h-display gl-line-height-36 h4"

spec/frontend/packages_and_registries/package_registry/pages/__snapshots__/list_spec.js.snap

@@ -11,10 +11,10 @@ exports[`PackagesListApp renders 1`] = `
    
   <div>
     <section
-      class="row empty-state text-center"
+      class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
     >
       <div
-        class="col-12"
+        class="gl-max-w-full"
       >
         <div
           class="svg-250 svg-content"
@@ -29,10 +29,10 @@ exports[`PackagesListApp renders 1`] = `
       </div>
        
       <div
-        class="col-12"
+        class="gl-max-w-full gl-m-auto"
       >
         <div
-          class="text-content gl-mx-auto gl-my-0 gl-p-5"
+          class="gl-mx-auto gl-my-0 gl-p-5"
         >
           <h1
             class="gl-font-size-h-display gl-line-height-36 h4"

spec/frontend/serverless/components/__snapshots__/empty_state_spec.js.snap

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EmptyStateComponent should render content 1`] = `
-"<section class=\\"row empty-state text-center\\">
-  <div class=\\"col-12\\">
+"<section class=\\"gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column\\">
+  <div class=\\"gl-max-w-full\\">
     <div class=\\"svg-250 svg-content\\"><img src=\\"/image.svg\\" alt=\\"\\" role=\\"img\\" class=\\"gl-max-w-full\\"></div>
   </div>
-  <div class=\\"col-12\\">
-    <div class=\\"text-content gl-mx-auto gl-my-0 gl-p-5\\">
+  <div class=\\"gl-max-w-full gl-m-auto\\">
+    <div class=\\"gl-mx-auto gl-my-0 gl-p-5\\">
       <h1 class=\\"gl-font-size-h-display gl-line-height-36 h4\\">
         Getting started with serverless
       </h1>

yarn.lock

@@ -924,10 +924,10 @@
   resolved "https://registry.yarnpkg.com/@gitlab/tributejs/-/tributejs-1.0.0.tgz#672befa222aeffc83e7d799b0500a7a4418e59b8"
   integrity sha512-nmKw1+hB6MHvlmPz63yPwVs1qQkycHwsKgxpEbzmky16Y6mL4EJMk3w1b8QlOAF/AIAzjCERPhe/R4MJiohbZw==
 
-"@gitlab/ui@32.50.0":
-  version "32.50.0"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-32.50.0.tgz#ac50617a8b84f78949e177f495ade276f8560679"
-  integrity sha512-7wPEgbOn7M9hqzq5LZND5b8/OEajoFCjwaXzO42FBNJ+pb80JBsTg1Mu8dyXMGQP/SPcxO58BdQLUSjE0WER4w==
+"@gitlab/ui@32.51.3":
+  version "32.51.3"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-32.51.3.tgz#1ba4802a16ecf5465774f4083e5ec1ed6adc4579"
+  integrity sha512-PWC0FtpsW9SM3O935XPU2el/JtLtvHQCL9qblKCeR98eJNYmIpjrw45ow+01jsqpjufcUI49n4id/sYHq8b6og==
   dependencies:
     "@babel/standalone" "^7.0.0"
     bootstrap-vue "2.20.1"