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

Update dependency @gitlab/ui to v38

See merge request gitlab-org/gitlab!83216

ee/spec/frontend/audit_events/components/stream/__snapshots__/stream_empty_state_spec.js.snap

@@ -3,6 +3,7 @@
 exports[`StreamEmptyState should render correctly 1`] = `
 <gl-empty-state-stub
   class="gl-mt-5"
+  invertindarkmode="true"
   svgheight="72"
   svgpath="mock/path"
   title="Setup streaming for audit events"

ee/spec/frontend/dependencies/components/__snapshots__/app_spec.js.snap

@@ -4,6 +4,7 @@ exports[`DependenciesApp component on creation given the dependency list job has
 Object {
   "compact": false,
   "description": null,
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,
@@ -18,6 +19,7 @@ exports[`DependenciesApp component on creation given there are no dependencies d
 Object {
   "compact": false,
   "description": null,
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,

ee/spec/frontend/environments_dashboard/components/__snapshots__/dashboard_spec.js.snap

@@ -82,6 +82,7 @@ exports[`dashboard should match the snapshot 1`] = `
     class="gl-mt-3"
   >
     <gl-empty-state-stub
+      invertindarkmode="true"
       svgpath="/assets/illustrations/operations-dashboard_empty.svg"
       title="Add a project to the dashboard"
     />

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

@@ -12,7 +12,7 @@ exports[`EmptyState renders properly 1`] = `
     >
       <img
         alt=""
-        class="gl-max-w-full"
+        class="gl-max-w-full gl-dark-invert-keep-hue"
         role="img"
         src="/empty/state/svg/path"
       />

ee/spec/frontend/oncall_schedule/oncall_schedule_wrapper_spec.js

@@ -101,7 +101,7 @@ describe('On-call schedule wrapper', () => {
     const emptyState = findEmptyState();
 
     expect(emptyState.exists()).toBe(true);
-    expect(emptyState.attributes()).toEqual({
+    expect(emptyState.attributes()).toMatchObject({
       title: i18n.emptyState.title,
       svgpath: emptyOncallSchedulesSvgPath,
       description: i18n.emptyState.description,

ee/spec/frontend/projects/components/__snapshots__/project_compliance_framework_empty_state_spec.js.snap

@@ -3,6 +3,7 @@
 exports[`Project compliance framework empty state it matches the snapshot when "addFrameworkPath" is a string path 1`] = `
 <gl-empty-state-stub
   compact="true"
+  invertindarkmode="true"
   primarybuttonlink="/edit-group"
   primarybuttontext="Add framework in group-name"
   svgheight="100"
@@ -26,6 +27,7 @@ exports[`Project compliance framework empty state it matches the snapshot when "
 exports[`Project compliance framework empty state it matches the snapshot when "addFrameworkPath" is undefined 1`] = `
 <gl-empty-state-stub
   compact="true"
+  invertindarkmode="true"
   svgheight="100"
   svgpath="/image.svg"
 >

ee/spec/frontend/security_dashboard/components/pipeline/__snapshots__/loading_error_spec.js.snap

@@ -4,6 +4,7 @@ exports[`LoadingError component with error code 401 empty state has correct prop
 Object {
   "compact": false,
   "description": "Security reports can only be accessed by authorized users.",
+  "invertInDarkMode": true,
   "primaryButtonLink": "/users/sign_in",
   "primaryButtonText": "Sign in",
   "secondaryButtonLink": null,
@@ -18,6 +19,7 @@ exports[`LoadingError component with error code 403 empty state has correct prop
 Object {
   "compact": false,
   "description": "Security reports can only be accessed by authorized users.",
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,

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

@@ -3,7 +3,7 @@
 exports[`dashboard has no vulnerabilities empty state matches snapshot 1`] = `
 "<section class=\\"gl-display-flex 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 class=\\"svg-250 svg-content\\"><img src=\\"/placeholder.svg\\" alt=\\"\\" role=\\"img\\" class=\\"gl-max-w-full gl-dark-invert-keep-hue\\"></div>
   </div>
   <div class=\\"gl-max-w-full gl-m-auto\\">
     <div class=\\"gl-mx-auto gl-my-0 gl-p-5\\">

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

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Group report not configured component matches snapshot 1`] = `"<gl-empty-state-stub title=\\"Monitor vulnerabilities in your group\\" svgpath=\\"/placeholder.svg\\" description=\\"Manage and track vulnerabilities identified in projects within your group. Vulnerabilities in projects are shown here when security testing is configured.\\" secondarybuttonlink=\\"/path/to/dashboard/documentation\\" secondarybuttontext=\\"Learn more\\"></gl-empty-state-stub>"`;
+exports[`Group report not configured component matches snapshot 1`] = `"<gl-empty-state-stub title=\\"Monitor vulnerabilities in your group\\" svgpath=\\"/placeholder.svg\\" description=\\"Manage and track vulnerabilities identified in projects within your group. Vulnerabilities in projects are shown here when security testing is configured.\\" secondarybuttonlink=\\"/path/to/dashboard/documentation\\" secondarybuttontext=\\"Learn more\\" invertindarkmode=\\"true\\"></gl-empty-state-stub>"`;

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

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Instance report not configured component matches snapshot 1`] = `"<gl-empty-state-stub title=\\"Monitor vulnerabilities in all of your projects\\" svgpath=\\"/placeholder.svg\\" description=\\"Manage and track vulnerabilities identified in your selected projects. Vulnerabilities for selected projects with security testing configured are shown here.\\" primarybuttonlink=\\"/path/to/dashboard/settings\\" primarybuttontext=\\"Add projects\\" secondarybuttonlink=\\"/path/to/dashboard/documentation\\" secondarybuttontext=\\"Learn more\\"></gl-empty-state-stub>"`;
+exports[`Instance report not configured component matches snapshot 1`] = `"<gl-empty-state-stub title=\\"Monitor vulnerabilities in all of your projects\\" svgpath=\\"/placeholder.svg\\" description=\\"Manage and track vulnerabilities identified in your selected projects. Vulnerabilities for selected projects with security testing configured are shown here.\\" primarybuttonlink=\\"/path/to/dashboard/settings\\" primarybuttontext=\\"Add projects\\" secondarybuttonlink=\\"/path/to/dashboard/documentation\\" secondarybuttontext=\\"Learn more\\" invertindarkmode=\\"true\\"></gl-empty-state-stub>"`;

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

@@ -3,6 +3,7 @@
 exports[`Operational report not configured component matches the snapshot for groups 1`] = `
 <gl-empty-state-stub
   description="Manage and track vulnerabilities identified in your Kubernetes clusters. Vulnerabilities appear here after you create a scan execution policy in any project in this group."
+  invertindarkmode="true"
   primarybuttonlink="/operational-configuration"
   primarybuttontext=""
   secondarybuttonlink="/operational-help"
@@ -15,6 +16,7 @@ exports[`Operational report not configured component matches the snapshot for gr
 exports[`Operational report not configured component matches the snapshot for instances 1`] = `
 <gl-empty-state-stub
   description="Manage and track vulnerabilities identified in your Kubernetes clusters. Vulnerabilities appear here after you create a scan execution policy in any project in this instance."
+  invertindarkmode="true"
   primarybuttonlink="/operational-configuration"
   primarybuttontext=""
   secondarybuttonlink="/operational-help"
@@ -27,6 +29,7 @@ exports[`Operational report not configured component matches the snapshot for in
 exports[`Operational report not configured component matches the snapshot for projects 1`] = `
 <gl-empty-state-stub
   description="Manage and track vulnerabilities identified in your Kubernetes clusters. Vulnerabilities appear here after you create a scan execution policy in this project."
+  invertindarkmode="true"
   primarybuttonlink="/operational-configuration"
   primarybuttontext="Create policy"
   secondarybuttonlink="/operational-help"

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

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Project report not configured component matches snapshot 1`] = `"<gl-empty-state-stub title=\\"Monitor vulnerabilities in your project\\" svgpath=\\"/placeholder.svg\\" description=\\"Manage and track vulnerabilities identified in your project. Vulnerabilities are shown here when security testing is configured.\\" primarybuttonlink=\\"/configuration\\" primarybuttontext=\\"Configure security testing\\" secondarybuttonlink=\\"/help\\" secondarybuttontext=\\"Learn more\\"></gl-empty-state-stub>"`;
+exports[`Project report not configured component matches snapshot 1`] = `"<gl-empty-state-stub title=\\"Monitor vulnerabilities in your project\\" svgpath=\\"/placeholder.svg\\" description=\\"Manage and track vulnerabilities identified in your project. Vulnerabilities are shown here when security testing is configured.\\" primarybuttonlink=\\"/configuration\\" primarybuttontext=\\"Configure security testing\\" secondarybuttonlink=\\"/help\\" secondarybuttontext=\\"Learn more\\" invertindarkmode=\\"true\\"></gl-empty-state-stub>"`;

ee/spec/frontend/threat_monitoring/components/__snapshots__/no_environment_empty_state_spec.js.snap

@@ -2,6 +2,7 @@
 
 exports[`NoEnvironmentEmptyState component default state matches the snapshot 1`] = `
 <gl-empty-state-stub
+  invertindarkmode="true"
   svgpath="/svgs"
   title="No environments detected"
 >

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

@@ -45,7 +45,7 @@ exports[`Security Dashboard error states has unavailable pages 1`] = `
       >
         <img
           alt=""
-          class="gl-max-w-full"
+          class="gl-max-w-full gl-dark-invert-keep-hue"
           role="img"
           src="/test/empty_state.svg"
         />

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

@@ -13,7 +13,7 @@ exports[`Vulnerability Report error states has unavailable pages 1`] = `
       >
         <img
           alt=""
-          class="gl-max-w-full"
+          class="gl-max-w-full gl-dark-invert-keep-hue"
           role="img"
           src="/test/empty_state.svg"
         />

package.json

@@ -57,7 +57,7 @@
     "@gitlab/at.js": "1.5.7",
     "@gitlab/favicon-overlay": "2.0.0",
     "@gitlab/svgs": "2.6.0",
-    "@gitlab/ui": "37.3.0",
+    "@gitlab/ui": "38.0.1",
     "@gitlab/visual-review-tools": "1.6.1",
     "@rails/actioncable": "6.1.4-6",
     "@rails/ujs": "6.1.4-6",

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

@@ -6,6 +6,7 @@ exports[`EmptyState shows gettingStarted state 1`] = `
    
   <gl-empty-state-stub
     description="Stay updated about the performance and health of your environment by configuring Prometheus to monitor your deployments."
+    invertindarkmode="true"
     primarybuttonlink="/clustersPath"
     primarybuttontext="Install on clusters"
     secondarybuttonlink="/settingsPath"
@@ -22,6 +23,7 @@ exports[`EmptyState shows noData state 1`] = `
    
   <gl-empty-state-stub
     description="You are connected to the Prometheus server, but there is currently no data to display."
+    invertindarkmode="true"
     primarybuttonlink="/settingsPath"
     primarybuttontext="Configure Prometheus"
     secondarybuttonlink=""
@@ -38,6 +40,7 @@ exports[`EmptyState shows unableToConnect state 1`] = `
    
   <gl-empty-state-stub
     description="Ensure connectivity is available from the GitLab server to the Prometheus server"
+    invertindarkmode="true"
     primarybuttonlink="/documentationPath"
     primarybuttontext="View documentation"
     secondarybuttonlink="/settingsPath"

spec/frontend/monitoring/components/__snapshots__/group_empty_state_spec.js.snap

@@ -4,6 +4,7 @@ exports[`GroupEmptyState given state BAD_QUERY passes the expected props to GlEm
 Object {
   "compact": true,
   "description": null,
+  "invertInDarkMode": true,
   "primaryButtonLink": "/path/to/settings",
   "primaryButtonText": "Verify configuration",
   "secondaryButtonLink": null,
@@ -31,6 +32,7 @@ exports[`GroupEmptyState given state CONNECTION_FAILED passes the expected props
 Object {
   "compact": true,
   "description": "We couldn't reach the Prometheus server. Either the server no longer exists or the configuration details need updating.",
+  "invertInDarkMode": true,
   "primaryButtonLink": "/path/to/settings",
   "primaryButtonText": "Verify configuration",
   "secondaryButtonLink": null,
@@ -47,6 +49,7 @@ exports[`GroupEmptyState given state FOO STATE passes the expected props to GlEm
 Object {
   "compact": true,
   "description": "An error occurred while loading the data. Please try again.",
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,
@@ -63,6 +66,7 @@ exports[`GroupEmptyState given state LOADING passes the expected props to GlEmpt
 Object {
   "compact": true,
   "description": "Creating graphs uses the data from the Prometheus server. If this takes a long time, ensure that data is available.",
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,
@@ -79,6 +83,7 @@ exports[`GroupEmptyState given state NO_DATA passes the expected props to GlEmpt
 Object {
   "compact": true,
   "description": null,
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,
@@ -106,6 +111,7 @@ exports[`GroupEmptyState given state TIMEOUT passes the expected props to GlEmpt
 Object {
   "compact": true,
   "description": null,
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,
@@ -133,6 +139,7 @@ exports[`GroupEmptyState given state UNKNOWN_ERROR passes the expected props to
 Object {
   "compact": true,
   "description": "An error occurred while loading the data. Please try again.",
+  "invertInDarkMode": true,
   "primaryButtonLink": null,
   "primaryButtonText": null,
   "secondaryButtonLink": null,

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

@@ -21,7 +21,7 @@ exports[`packages_list_app renders 1`] = `
         >
           <img
             alt=""
-            class="gl-max-w-full"
+            class="gl-max-w-full gl-dark-invert-keep-hue"
             role="img"
             src="helpSvg"
           />

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

@@ -21,7 +21,7 @@ exports[`PackagesListApp renders 1`] = `
         >
           <img
             alt=""
-            class="gl-max-w-full"
+            class="gl-max-w-full gl-dark-invert-keep-hue"
             role="img"
             src="emptyListIllustration"
           />

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

@@ -3,7 +3,7 @@
 exports[`EmptyStateComponent should render content 1`] = `
 "<section class=\\"gl-display-flex 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 class=\\"svg-250 svg-content\\"><img src=\\"/image.svg\\" alt=\\"\\" role=\\"img\\" class=\\"gl-max-w-full gl-dark-invert-keep-hue\\"></div>
   </div>
   <div class=\\"gl-max-w-full gl-m-auto\\">
     <div class=\\"gl-mx-auto gl-my-0 gl-p-5\\">

spec/frontend/vue_shared/components/runner_aws_deployments/__snapshots__/runner_aws_deployments_modal_spec.js.snap

@@ -42,7 +42,7 @@ exports[`RunnerAwsDeploymentsModal renders the modal 1`] = `
           <gl-accordion-item-stub
             class="gl-font-weight-normal"
             title="More Details"
-            title-visible="Less Details"
+            titlevisible="Less Details"
           >
             <p
               class="gl-pt-2"
@@ -76,7 +76,7 @@ exports[`RunnerAwsDeploymentsModal renders the modal 1`] = `
           <gl-accordion-item-stub
             class="gl-font-weight-normal"
             title="More Details"
-            title-visible="Less Details"
+            titlevisible="Less Details"
           >
             <p
               class="gl-pt-2"
@@ -110,7 +110,7 @@ exports[`RunnerAwsDeploymentsModal renders the modal 1`] = `
           <gl-accordion-item-stub
             class="gl-font-weight-normal"
             title="More Details"
-            title-visible="Less Details"
+            titlevisible="Less Details"
           >
             <p
               class="gl-pt-2"
@@ -144,7 +144,7 @@ exports[`RunnerAwsDeploymentsModal renders the modal 1`] = `
           <gl-accordion-item-stub
             class="gl-font-weight-normal"
             title="More Details"
-            title-visible="Less Details"
+            titlevisible="Less Details"
           >
             <p
               class="gl-pt-2"

yarn.lock

@@ -986,10 +986,10 @@
   resolved "https://registry.yarnpkg.com/@gitlab/svgs/-/svgs-2.6.0.tgz#49f020b0a732f5df01138bd21b610a0a940badd6"
   integrity sha512-jI8CHlrriePtUsognRkpZQWVsZe7ZjytmKakeYyU1aKvsnJ4fAeySlVkCAiqKbbZm3T/eeH/6b3jxHn24U0k0Q==
 
-"@gitlab/ui@37.3.0":
-  version "37.3.0"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-37.3.0.tgz#7362ed42964abd049959455101540b8b78b42f5f"
-  integrity sha512-eCwXK9d+QdprgIftm/5OAZ/VjG+OdG23xpRlMeXllFigqEcELgnc742nmG7C3JG8Vlm84is7bliBbAQEWBTgbw==
+"@gitlab/ui@38.0.1":
+  version "38.0.1"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-38.0.1.tgz#73767792f6e27791f84899dbe29b09547ecd8004"
+  integrity sha512-y83h2JsFypuvx1P3BFB7iEbusv/tc/jx3CkEEFY9N8/P25Fs3F3wcYChhlYZ2V1VX0wwEHzBV9cvPIGcmAGNMA==
   dependencies:
     "@babel/standalone" "^7.0.0"
     bootstrap-vue "2.20.1"