@goodhood-web/ui 1.2.0-development.6 → 1.2.0-development.7

package/lib/BaseButton/BaseButton.d.ts

@@ -1,12 +1,12 @@
 import { ButtonOwnProps } from '@mui/base';
-import { AriaRole } from 'react';
+import { AriaRole, ForwardedRef, MouseEvent } from 'react';
 export interface BaseButtonProps extends ButtonOwnProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;
     className?: string;
     disabled?: boolean;
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
-    ref?: React.ForwardedRef<null>;
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    ref?: ForwardedRef<null>;
     role?: AriaRole;
     selected?: boolean;
 }

package/lib/Card/Card.types.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.type';
 export interface CardProps {
     ariaLabel?: string;
     as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;
     borderRadius?: boolean;
-    children: React.ReactElement<CardBodyProps | CardHeaderProps> | React.ReactElement<CardBodyProps | CardHeaderProps>[];
+    children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
     className?: string;
     role?: string;
 }

package/lib/Card/Card.utils.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const findAllowedElement: (elements: React.ReactNode, type: React.ElementType) => React.ReactNode;
-export declare const filterAllowedElements: (elements: React.ReactNode, allowedElements: React.ElementType[]) => React.ReactNode[];
+import { ElementType, ReactNode } from 'react';
+export declare const findAllowedElement: (elements: ReactNode, type: ElementType) => ReactNode;
+export declare const filterAllowedElements: (elements: ReactNode, allowedElements: ElementType[]) => ReactNode[];

package/lib/Card/CardBody/CardBody.types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export interface CardBodyProps {
-    children: React.ReactNode;
+    children: ReactNode;
     className?: string;
 }

package/lib/Card/CardHeader/CardHeader.type.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { BaseButtonProps } from '../../BaseButton/BaseButton';
 import { IconProps } from '../../Icon/Icon.types';
 import { IconButtonProps } from '../../IconButton/IconButton.types';
@@ -6,7 +6,7 @@ import { TypographyProps } from '../../Typography/Typography.types';
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
     headline: string;
-    leftElement?: React.ReactElement<IconProps | IconButtonProps>;
-    rightElement?: React.ReactElement<BaseButtonProps>;
+    leftElement?: ReactElement<IconProps | IconButtonProps>;
+    rightElement?: ReactElement<BaseButtonProps>;
     type?: Exclude<TypographyProps['type'], 'h1'>;
 };

package/lib/Fieldset/Fieldset.types.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export interface FieldsetProps {
-    children: React.ReactNode;
+    children: ReactNode;
     classname?: string;
     disabled?: boolean;
     form?: string;

package/lib/Form/Form.types.d.ts

@@ -1,9 +1,9 @@
-import { HTMLProps } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 type NativeFormProps = HTMLProps<HTMLFormElement>;
 export type FormProps = {
     ariaLabel?: NativeFormProps['aria-label'];
     ariaLabelledBy?: NativeFormProps['aria-labelledby'];
-    children?: React.ReactNode;
+    children?: ReactNode;
     className?: NativeFormProps['className'];
     id?: NativeFormProps['id'];
 };

package/lib/NavBar/NavItem/NavItem.types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { Icon24, Icon32 } from '../../Icon/Icon.types';
 export type NavItemProps = {
     active?: boolean;
     ariaLabel?: string;
-    icon: React.ReactElement<Icon32 | Icon24>;
+    icon: ReactElement<Icon32 | Icon24>;
     id: string;
     label?: string;
     onChange?: (id: string) => void;

package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { IconProps } from '../Icon/Icon.types';
 export type PlaceholderThumbnailProps = {
     className?: string;
-    icon: React.ReactElement<IconProps>;
+    icon: ReactElement<IconProps>;
     variant: 'secondary1' | 'secondary2' | 'secondary3';
 };

package/lib/Popup/Popup.types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export interface PopupProps {
     anchor?: HTMLElement | null;
-    children: React.ReactNode;
+    children: ReactNode;
     id?: string;
     offset?: 'sm' | 'md' | 'lg' | 'xl';
     open: boolean;

package/lib/TextButton/TextButton.types.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { BaseButtonProps } from '../BaseButton/BaseButton';
 import { IconProps } from '../Icon/Icon.types';
 import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
 export interface TextButtonProps extends Omit<BaseButtonProps, 'role' | 'className'> {
     color: 'green' | 'blue' | 'text';
-    leftIcon?: React.ReactElement<IconProps | NotificationBubbleProps>;
-    rightIcon?: React.ReactElement<IconProps | NotificationBubbleProps>;
+    leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
+    rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     size: 'large' | 'medium' | 'small';
     text: string;
 }

package/lib/TextInput/TextInput.types.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import { UseInputParameters } from '@mui/base/useInput';
+import { ForwardedRef } from 'react';
 export interface TextInputProps extends UseInputParameters {
     colorScheme: 'light' | 'dark';
     errorMessage?: string;
     id: string;
     label: string;
     name?: string;
-    ref?: React.ForwardedRef<null>;
+    ref?: ForwardedRef<null>;
     size: 'small' | 'medium';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.2.0-development.6",
+  "version": "1.2.0-development.7",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {