Use a more strict type for variant of cards

Signed-off-by: Oliver Sand <oliver.sand@sda-se.com>

plugins/github-actions/src/components/Cards/Cards.tsx

@@ -13,29 +13,30 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React, { useEffect } from 'react';
-import { useWorkflowRuns } from '../useWorkflowRuns';
-import { WorkflowRun, WorkflowRunsTable } from '../WorkflowRunsTable';
 import { Entity } from '@backstage/catalog-model';
-import { useEntity } from '@backstage/plugin-catalog-react';
-import { readGitHubIntegrationConfigs } from '@backstage/integration';
-import { WorkflowRunStatus } from '../WorkflowRunStatus';
 import {
-  Link,
-  Theme,
-  makeStyles,
-  LinearProgress,
-  Typography,
-} from '@material-ui/core';
-import {
-  InfoCard,
-  StructuredMetadataTable,
   configApiRef,
   errorApiRef,
+  InfoCard,
+  InfoCardVariants,
+  StructuredMetadataTable,
   useApi,
 } from '@backstage/core';
+import { readGitHubIntegrationConfigs } from '@backstage/integration';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import {
+  LinearProgress,
+  Link,
+  makeStyles,
+  Theme,
+  Typography,
+} from '@material-ui/core';
 import ExternalLinkIcon from '@material-ui/icons/Launch';
+import React, { useEffect } from 'react';
 import { GITHUB_ACTIONS_ANNOTATION } from '../useProjectName';
+import { useWorkflowRuns } from '../useWorkflowRuns';
+import { WorkflowRun, WorkflowRunsTable } from '../WorkflowRunsTable';
+import { WorkflowRunStatus } from '../WorkflowRunStatus';
 
 const useStyles = makeStyles<Theme>({
   externalLinkIcon: {
@@ -125,7 +126,7 @@ type Props = {
   /** @deprecated The entity is now grabbed from context instead */
   entity?: Entity;
   branch: string;
-  variant?: string;
+  variant?: InfoCardVariants;
 };
 
 export const LatestWorkflowsForBranchCard = ({

plugins/github-actions/src/components/Cards/RecentWorkflowRunsCard.tsx

@@ -19,6 +19,7 @@ import {
   EmptyState,
   errorApiRef,
   InfoCard,
+  InfoCardVariants,
   Table,
   useApi,
 } from '@backstage/core';
@@ -39,7 +40,7 @@ export type Props = {
   branch?: string;
   dense?: boolean;
   limit?: number;
-  variant?: string;
+  variant?: InfoCardVariants;
 };
 
 export const RecentWorkflowRunsCard = ({