Add prop types for Tag

Author: katamartin

src/index.ts

@@ -48,7 +48,7 @@ export type { SettingsProps } from './settings'
 export { default as Slider } from './slider'
 export { default as Table } from './table'
 export { default as TableCaption } from './table-caption'
-export { default as Tag } from './tag'
+export { default as Tag, TagProps } from './tag'
 export { default as Toggle } from './toggle'
 export { default as Tray } from './tray'
 export { formatDate, getScrollbarWidth, useScrollbarClass } from './utils'

src/tag.js src/tag.tsxsrc/tag.js renamed to src/tag.tsx

@@ -1,7 +1,14 @@
 import React from 'react'
-import { Box } from 'theme-ui'
+import { Box, BoxProps, ThemeUIStyleObject } from 'theme-ui'
 
-const Tag = ({ label, value, sx, children, ...props }) => {
+export interface TagProps extends BoxProps {
+  label: BoxProps['aria-label']
+  value: BoxProps['aria-checked']
+  sx?: ThemeUIStyleObject & {
+    color?: string // ThemeUIStyleObject doesn't have a color property
+  }
+}
+const Tag = ({ label, value, sx, children, ...props }: TagProps) => {
   const color = sx && sx.color ? sx.color : 'primary'
   const isClickable = props && (props.onClick || props.onDoubleClick)