From b8a193ce398f448aa97be1dd3bbe970434e1d760 Mon Sep 17 00:00:00 2001
From: Corban Riley <corbanbrook@gmail.com>
Date: Mon, 30 Dec 2024 13:34:58 -0500
Subject: [PATCH] Remove style.css from Tag component - unneeded

---
 src/components/Tag/Tag.tsx       | 11 +++++++----
 src/components/Tag/styles.css.ts | 17 -----------------
 2 files changed, 7 insertions(+), 21 deletions(-)
 delete mode 100644 src/components/Tag/styles.css.ts

diff --git a/src/components/Tag/Tag.tsx b/src/components/Tag/Tag.tsx
index bbb9db6ef..0aa6e31e6 100644
--- a/src/components/Tag/Tag.tsx
+++ b/src/components/Tag/Tag.tsx
@@ -9,8 +9,6 @@ import {
 import { Text } from '~/components/Text'
 import { IconProps } from '~/icons/types'
 
-import { tagStyle } from './styles.css'
-
 type TagProps = {
   label: string
   icon?: ComponentType<IconProps>
@@ -25,14 +23,19 @@ export const Tag: PolymorphicComponent<TagProps, 'div'> = forwardRef(
 
     return (
       <Box
-        className={tagStyle}
         ref={ref}
         background="buttonGlass"
+        borderRadius="xs"
+        display="inline-flex"
+        gap="1"
+        paddingX="2"
+        paddingY="1"
+        whiteSpace="nowrap"
         color="text80"
         {...rest}
       >
         {Icon && <Icon size="xs" />}
-        <Text>{label}</Text>
+        <Text variant="xsmall">{label}</Text>
       </Box>
     )
   }
diff --git a/src/components/Tag/styles.css.ts b/src/components/Tag/styles.css.ts
deleted file mode 100644
index 9019ee24b..000000000
--- a/src/components/Tag/styles.css.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { style } from '@vanilla-extract/css'
-
-import { atoms } from '~/css'
-
-import { textVariants } from '../Text/styles.css'
-
-export const tagStyle = style([
-  textVariants({ variant: 'xsmall' }),
-  atoms({
-    borderRadius: 'xs',
-    display: 'inline-flex',
-    gap: '1',
-    paddingX: '2',
-    paddingY: '1',
-    whiteSpace: 'nowrap',
-  }),
-])