add highContrast variant

Author: pettinarip

src/components/ui/__stories__/Tag.stories.tsx

@@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>
 const statusArray = ["normal", "tag", "success", "error", "warning"] as const
 
 // "subtle" is default variant
-const variantArray = ["subtle", "solid", "outline"] as const
+const variantArray = ["subtle", "highContrast", "solid", "outline"] as const
 
 const StyleVariantList = () => (
   <HStack>

src/components/ui/tag.tsx

@@ -9,13 +9,14 @@ const tagVariants = cva(
     variants: {
       status: {
         normal: "bg-background-highlight text-body-medium border-body-medium",
-        tag: "bg-primary-low-contrast text-primary border-primary",
+        tag: "bg-primary-low-contrast text-primary-high-contrast border-primary",
         success: "bg-success-light text-success border-success-border",
         error: "bg-error-light text-error border-error-border",
         warning: "bg-warning-light text-warning-dark border-warning-border",
       },
       variant: {
         subtle: "border-transparent",
+        highContrast: "border-transparent",
         solid: "border-transparent text-body-inverse",
         outline: "bg-transparent",
       },
@@ -46,6 +47,26 @@ const tagVariants = cva(
         status: "warning",
         className: "bg-warning text-warning-dark",
       },
+      {
+        variant: "highContrast",
+        status: "normal",
+        className: "bg-body-light text-body",
+      },
+      {
+        variant: "highContrast",
+        status: "tag",
+        className: "bg-background-highlight",
+      },
+      {
+        variant: "highContrast",
+        status: "success",
+        className: "text-success-dark",
+      },
+      {
+        variant: "highContrast",
+        status: "error",
+        className: "text-error-dark",
+      },
       {
         variant: "outline",
         status: "success",