Use enum for variant

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

@@ -37,7 +37,7 @@ import { apiEntityColumns } from './presets';
 const ApisCard = ({
   children,
   variant = 'gridItem',
-}: PropsWithChildren<{ variant?: string }>) => {
+}: PropsWithChildren<{ variant?: 'gridItem' }>) => {
   return (
     <InfoCard variant={variant} title="Consumed APIs">
       {children}
@@ -48,7 +48,7 @@ const ApisCard = ({
 type Props = {
   /** @deprecated The entity is now grabbed from context instead */
   entity?: Entity;
-  variant?: string;
+  variant?: 'gridItem';
 };
 
 export const ConsumedApisCard = ({ variant = 'gridItem' }: Props) => {

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

@@ -33,7 +33,7 @@ import { apiEntityColumns } from './presets';
 const ApisCard = ({
   children,
   variant = 'gridItem',
-}: PropsWithChildren<{ variant?: string }>) => {
+}: PropsWithChildren<{ variant?: 'gridItem' }>) => {
   return (
     <InfoCard variant={variant} title="APIs">
       {children}
@@ -42,7 +42,7 @@ const ApisCard = ({
 };
 
 type Props = {
-  variant?: string;
+  variant?: 'gridItem';
 };
 
 export const HasApisCard = ({ variant = 'gridItem' }: Props) => {

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

@@ -37,7 +37,7 @@ import { apiEntityColumns } from './presets';
 const ApisCard = ({
   children,
   variant = 'gridItem',
-}: PropsWithChildren<{ variant?: string }>) => {
+}: PropsWithChildren<{ variant?: 'gridItem' }>) => {
   return (
     <InfoCard variant={variant} title="Provided APIs">
       {children}
@@ -48,7 +48,7 @@ const ApisCard = ({
 type Props = {
   /** @deprecated The entity is now grabbed from context instead */
   entity?: Entity;
-  variant?: string;
+  variant?: 'gridItem';
 };
 
 export const ProvidedApisCard = ({ variant = 'gridItem' }: Props) => {

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

@@ -47,7 +47,7 @@ const ComponentsCard = ({
 type Props = {
   /** @deprecated The entity is now grabbed from context instead */
   entity?: Entity;
-  variant?: string;
+  variant?: 'gridItem';
 };
 
 export const ConsumingComponentsCard = ({ variant = 'gridItem' }: Props) => {

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

@@ -47,7 +47,7 @@ const ComponentsCard = ({
 type Props = {
   /** @deprecated The entity is now grabbed from context instead */
   entity?: Entity;
-  variant?: string;
+  variant?: 'gridItem';
 };
 
 export const ProvidingComponentsCard = ({ variant = 'gridItem' }: Props) => {