Merge pull request #68 from smartive-education/feature/interfaces

fix: remove unused types
ost-cas-fee-adv-22-23 · Jan 6, 2023 · b1e0138 · b1e0138
2 parents 114fc52 + 4e4a1d9
commit b1e0138
Show file tree

Hide file tree

Showing 14 changed files with 15 additions and 16 deletions.
diff --git a/packages/design-system-component-library-yeahyeahyeah/components/User.tsx b/packages/design-system-component-library-yeahyeahyeah/components/User.tsx
@@ -5,7 +5,7 @@ import { IconLink, IIconLinkProps } from './IconLink';
 import { Button } from './buttons/Button';
 import { Avatar } from './Avatar';
 
-export interface IUserProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+export interface IUserProps {
   label: string;
   variant: 'small' | 'medium' | 'large' | 'xlarge' | 'recommended' | 'write' | 'inline';
   username: IIconLinkProps;
@@ -85,7 +85,6 @@ export const User: React.FC<IUserProps> = ({
       {variant === 'write' && (
         <Row gap="small">
           <Column variant={variant}>
-
             <Avatar
               alt={avatar.alt}
               src={avatar.src}
@@ -196,8 +195,8 @@ export const User: React.FC<IUserProps> = ({
               label={btn?.label}
               size="small"
               type="button"
-              color="violet"
               width="large"
+              variant="violet"
             />
           </Column>
         </Article>

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/branding/MumbleLogo.tsx b/packages/design-system-component-library-yeahyeahyeah/components/branding/MumbleLogo.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import tw, { styled, TwStyle } from 'twin.macro';
 import { MumbleText, MumbleGradient, LogoMumble } from '../icons/index';
 
-export interface IMumbleLogoProps extends React.HTMLAttributes<HTMLOrSVGImageElement> {
+export interface IMumbleLogoProps {
   title: string;
   href: string;
   variant: 'violet' | 'gradient' | 'white';

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/buttons/Button.tsx b/packages/design-system-component-library-yeahyeahyeah/components/buttons/Button.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import tw, { css, styled } from 'twin.macro';
 import { IconsMapped, IconTypes } from '../icons/IconMap';
 
-export interface IButtonProps extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+export interface IButtonProps {
   label: string;
   variant?: 'slate' | 'violet' | 'pink';
   size?: 'small' | 'large';

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/buttons/IconButton.tsx b/packages/design-system-component-library-yeahyeahyeah/components/buttons/IconButton.tsx
@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
 import tw from 'twin.macro';
 import { IconsMapped, IconTypes } from '../icons/IconMap';
 
-export interface IconButtonProps extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+export interface IconButtonProps {
   label: string;
   icon: IconTypes;
   variant: 'default' | 'edit';

diff --git a/...ges/design-system-component-library-yeahyeahyeah/components/buttons/InteractionButton.tsx b/...ges/design-system-component-library-yeahyeahyeah/components/buttons/InteractionButton.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import tw from 'twin.macro';
 import { HeartFilled, HeartOutlined, ReplyFilled, ReplyOutlined } from '../icons/index';
 
-export interface IInteractionButton extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+export interface IInteractionButton {
   type?: 'like' | 'comment';
   quantity?: number;
   favourite?: boolean;

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/buttons/NaviButton.tsx b/packages/design-system-component-library-yeahyeahyeah/components/buttons/NaviButton.tsx
@@ -4,7 +4,7 @@ import tw from 'twin.macro';
 import { IconsMapped, IconTypes } from '../icons/IconMap';
 import { Avatar } from '../Avatar';
 
-export interface INaviButtonProps extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+export interface INaviButtonProps {
   label: string;
   variant?: 'icon' | 'default' | 'profile';
   disabled?: boolean;

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/buttons/ShareButton.tsx b/packages/design-system-component-library-yeahyeahyeah/components/buttons/ShareButton.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import tw from 'twin.macro';
 import { IconsMapped, IconTypes } from '../icons/IconMap';
 
-export interface IShareButton extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+export interface IShareButton {
   label: string;
   fCallBack?: () => void;
 }

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/buttons/TextButton.tsx b/packages/design-system-component-library-yeahyeahyeah/components/buttons/TextButton.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import tw from 'twin.macro';
 
-export interface TextButtonProps extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+export interface TextButtonProps {
   label: string;
   handleClick?: () => void;
 }

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/forms/Checkbox.tsx b/packages/design-system-component-library-yeahyeahyeah/components/forms/Checkbox.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import tw, { styled } from 'twin.macro';
 
-export interface IFormCheckboxProps extends React.HtmlHTMLAttributes<HTMLFormElement> {
+export interface IFormCheckboxProps {
   selection: 'mumbles' | 'likes';
   fCallBack?: (type: string) => void;
 }

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/forms/Input.tsx b/packages/design-system-component-library-yeahyeahyeah/components/forms/Input.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import tw, { styled } from 'twin.macro';
 import { Eye } from '../icons/index';
 
-export interface IFormInputProps extends React.HtmlHTMLAttributes<HTMLFormElement> {
+export interface IFormInputProps {
   label?: string;
   editType: 'input' | 'textarea';
   required: boolean;

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/mumble/Mumble.tsx b/packages/design-system-component-library-yeahyeahyeah/components/mumble/Mumble.tsx
@@ -8,7 +8,7 @@ import { IImageContainerProps, ImageContainer } from '../ImageContainer';
 import { Avatar } from '../Avatar';
 import { BottomSpacing } from '../Spacing';
 
-export interface IMumbleProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+export interface IMumbleProps {
   variant?: 'detailpage' | 'timeline' | 'response';
   user: IUserProps;
   text: string;

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/typography/Heading.tsx b/packages/design-system-component-library-yeahyeahyeah/components/typography/Heading.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import tw, { styled } from 'twin.macro';
 import { BottomSpacing } from '../Spacing';
 
-export interface IHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+export interface IHeadingProps {
   label: string;
   tag: 'h1' | 'h2' | 'h3' | 'h4' | 'span';
   color: 'light' | 'medium' | 'dark' | 'violet' | 'pink' | 'white';

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/typography/Paragraph.tsx b/packages/design-system-component-library-yeahyeahyeah/components/typography/Paragraph.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import tw, { styled } from 'twin.macro';
 import { BottomSpacing } from '../Spacing';
 
-export interface IParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
+export interface IParagraphProps {
   size?: 'default' | 'medium' | 'large';
   color?: 'default' | 'dark' | 'light' | 'white';
   text: string;

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/typography/Typography.tsx b/packages/design-system-component-library-yeahyeahyeah/components/typography/Typography.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import tw from 'twin.macro';
 
-export interface ITypographyProps extends React.HTMLAttributes<HTMLHeadingElement> {
+export interface ITypographyProps {
   label: string;
   variant: 'h1' | 'h2' | 'h3' | 'h4';
   color: 'slate-500' | 'slate-600' | 'violet-600' | 'pink-900';