More interface definitions

Author: katamartin

src/avatar-group.tsx

@@ -56,7 +56,7 @@ type Alignment = 'left' | 'right'
 
 type StartValue = 'auto' | number | (number | 'auto')[]
 
-export type AvatarGroupProps = {
+export interface AvatarGroupProps extends RowProps, GroupProps {
   members: AvatarProps[]
   direction?: 'horizontal' | 'vertical'
   align?: Alignment | Alignment[]
@@ -65,8 +65,7 @@ export type AvatarGroupProps = {
   width?: string
   maxWidth?: string | number
   fixedCount?: number
-} & RowProps &
-  GroupProps
+}
 
 const AvatarGroup = ({
   members,

src/column.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Box, BoxProps, ResponsiveStyleValue } from 'theme-ui'
 
-export type ColumnProps = BoxProps & {
+export interface ColumnProps extends BoxProps {
   start?: number | 'auto' | (number | 'auto')[]
   width?: number | 'auto' | (number | 'auto')[]
   dl?: 0.5 | 1

src/group.tsx

@@ -14,10 +14,10 @@ type SizeKey = keyof typeof sizes
 type Direction = 'horizontal' | 'vertical'
 type SpacingValue = SizeKey | ResponsiveStyleValue<number | string>
 
-export type GroupProps = {
+export interface GroupProps extends BoxProps {
   direction?: Direction
   spacing?: SpacingValue
-} & BoxProps
+}
 
 const Group = ({
   children,

src/header.tsx

@@ -42,7 +42,7 @@ const sx = {
   },
 }
 
-export type LinkItem = {
+export interface LinkItem {
   url: string
   display: string
 }
@@ -74,7 +74,7 @@ const HoverArrow = (): JSX.Element => {
   )
 }
 
-export type NavProps = {
+export interface NavProps {
   link: LinkItem
   mode?: 'homepage' | 'local' | 'remote'
   nav?: string
@@ -116,7 +116,7 @@ const Nav = ({
   }
 }
 
-export type NavGroupProps = {
+export interface NavGroupProps {
   links: LinkItem[]
   nav?: string
   mode?: 'homepage' | 'local' | 'remote'
@@ -143,7 +143,7 @@ const NavGroup = ({
   })
 }
 
-export type HeaderProps = {
+export interface HeaderProps {
   status?: string
   mode?: 'homepage' | 'local' | 'remote'
   nav?: string

src/layout.tsx

@@ -10,7 +10,7 @@ import Scrollbar from './scrollbar'
 import Guide from './guide'
 import Settings, { SettingsProps } from './settings'
 
-export type LayoutProps = {
+export interface LayoutProps {
   title?: string
   description?: string
   url?: string

src/link.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react'
 import { Link as ThemedLink, LinkProps as ThemedLinkProps } from 'theme-ui'
 import { default as NextLink } from 'next/link'
 
-export type LinkProps = ThemedLinkProps & {
+export interface LinkProps extends ThemedLinkProps {
   href: string
   internal?: boolean
 }

src/row.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import React from 'react'
 import { Grid, GridProps } from 'theme-ui'
 
 export type RowProps = GridProps

src/settings.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { IconButton, IconButtonProps } from 'theme-ui'
 
-export type SettingsProps = IconButtonProps & {
+export interface SettingsProps extends Omit<IconButtonProps, 'value'> {
   value: boolean
 }