Fix mirror tag import

Pushed-by: Florian Scholdei<florian.scholdei@cloudogu.com>
Co-authored-by: Florian Scholdei<florian.scholdei@cloudogu.com>

gradle/changelog/mirror_tag_import.yaml

@@ -0,0 +1,2 @@
+- type: added
+  description: Option for different card variants for RepositoryFlag

scm-ui/ui-components/src/repos/RepositoryFlag.tsx

@@ -25,6 +25,7 @@
 import React, { FC } from "react";
 import { Color, Size } from "../styleConstants";
 import { Card } from "@scm-manager/ui-layout";
+import { CardVariant } from "@scm-manager/ui-core";
 import { Tooltip } from "@scm-manager/ui-overlays";
 import { TooltipLocation } from "../Tooltip";
 
@@ -34,33 +35,19 @@ type Props = {
   onClick?: () => void;
   size?: Size;
   tooltipLocation: TooltipLocation;
+  variant?: CardVariant;
 };
 
-/**
- * @deprecated
- *
- * Please use your own component looking like this:
- *<code>
- * <pre>
- * const RepositoryFlag: FC<Props> = ({ children, title, variant, ...props }) => (
-  <Tooltip message={title}>
-    <Card.Details.Detail.Tag
-      {...props}
-      cardVariant={variant}
-      className="is-relative"
-    >
-      {children}
-    </Card.Details.Detail.Tag>
-  </Tooltip>
-  );
- * </pre>
- * </code>
- *
- * For reference, look at the RepositoryFlag component in the Repository Mirror Plugin.
- */
-const RepositoryFlag: FC<Props> = ({ children, title, size = "small", tooltipLocation = "bottom", ...props }) => (
+const RepositoryFlag: FC<Props> = ({
+  children,
+  title,
+  size = "small",
+  tooltipLocation = "bottom",
+  variant,
+  ...props
+}) => (
   <Tooltip side={tooltipLocation} message={title}>
-    <Card.Details.Detail.Tag {...props} className={`is-${size} is-relative`}>
+    <Card.Details.Detail.Tag {...props} cardVariant={variant} className={`is-${size} is-relative`}>
       {children}
     </Card.Details.Detail.Tag>
   </Tooltip>