Use InfoCardVariants on custom cards variant attribute

Resolves #10951
Signed-off-by: Damien Vitrac <dvitrac@vmware.com>

plugins/api-docs/src/components/ApisCards/ConsumedApisCard.tsx

@@ -26,13 +26,14 @@ import { apiEntityColumns } from './presets';
 import {
   CodeSnippet,
   InfoCard,
+  InfoCardVariants,
   Link,
   Progress,
   WarningPanel,
 } from '@backstage/core-components';
 
 type Props = {
-  variant?: 'gridItem';
+  variant?: InfoCardVariants;
 };
 
 export const ConsumedApisCard = ({ variant = 'gridItem' }: Props) => {

plugins/api-docs/src/components/ApisCards/HasApisCard.tsx

@@ -26,6 +26,7 @@ import { createSpecApiTypeColumn } from './presets';
 import {
   CodeSnippet,
   InfoCard,
+  InfoCardVariants,
   Link,
   Progress,
   TableColumn,
@@ -33,7 +34,7 @@ import {
 } from '@backstage/core-components';
 
 type Props = {
-  variant?: 'gridItem';
+  variant?: InfoCardVariants;
 };
 
 const columns: TableColumn<ApiEntity>[] = [

plugins/api-docs/src/components/ApisCards/ProvidedApisCard.tsx

@@ -26,13 +26,14 @@ import { apiEntityColumns } from './presets';
 import {
   CodeSnippet,
   InfoCard,
+  InfoCardVariants,
   Link,
   Progress,
   WarningPanel,
 } from '@backstage/core-components';
 
 type Props = {
-  variant?: 'gridItem';
+  variant?: InfoCardVariants;
 };
 
 export const ProvidedApisCard = ({ variant = 'gridItem' }: Props) => {

plugins/api-docs/src/components/ComponentsCards/ConsumingComponentsCard.tsx

@@ -28,13 +28,14 @@ import React from 'react';
 import {
   CodeSnippet,
   InfoCard,
+  InfoCardVariants,
   Link,
   Progress,
   WarningPanel,
 } from '@backstage/core-components';
 
 type Props = {
-  variant?: 'gridItem';
+  variant?: InfoCardVariants;
 };
 
 export const ConsumingComponentsCard = ({ variant = 'gridItem' }: Props) => {

plugins/api-docs/src/components/ComponentsCards/ProvidingComponentsCard.tsx

@@ -28,13 +28,14 @@ import React from 'react';
 import {
   CodeSnippet,
   InfoCard,
+  InfoCardVariants,
   Link,
   Progress,
   WarningPanel,
 } from '@backstage/core-components';
 
 type Props = {
-  variant?: 'gridItem';
+  variant?: InfoCardVariants;
 };
 
 export const ProvidingComponentsCard = ({ variant = 'gridItem' }: Props) => {