fix: feedback

Author: lisalupi

packages/ui/src/components/Tag/index.tsx

@@ -4,19 +4,19 @@ import { CloseIcon } from '@ultraviolet/icons'
 import type { MouseEventHandler, ReactNode } from 'react'
 import { useMemo } from 'react'
 import useClipboard from 'react-use-clipboard'
-import type { Color } from '../../theme'
 import { Button } from '../Button'
 import { Loader } from '../Loader'
 import { Text } from '../Text'
 import { Tooltip } from '../Tooltip'
+import type { SENTIMENTS } from './styles.css'
 import { closeButtonTag, containerTag, textTag } from './styles.css'
 
 const COPY_DURATION = 2500
 
 type TagProps = {
   isLoading?: boolean
   onClose?: MouseEventHandler<HTMLButtonElement>
-  sentiment?: Color
+  sentiment?: (typeof SENTIMENTS)[number]
   disabled?: boolean
   copiable?: boolean
   copyText?: string
@@ -104,6 +104,7 @@ export const Tag = ({
         <button
           className={`${className ? `${className} ` : ''}${containerTag({ copiable, disabled, sentiment })}`}
           data-testid={dataTestId}
+          disabled={disabled}
           onClick={setCopied}
         >
           <TagInner disabled={disabled} isLoading={isLoading} onClose={onClose}>

packages/ui/src/components/Tag/styles.css.ts

@@ -2,7 +2,7 @@ import { theme } from '@ultraviolet/themes'
 import { recipe } from '@vanilla-extract/recipes'
 import { style } from '@vanilla-extract/css'
 
-const SENTIMENTS = [
+export const SENTIMENTS = [
   'danger',
   'info',
   'neutral',