diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx index 4a68c75..0774c02 100644 --- a/src/components/button/Button.tsx +++ b/src/components/button/Button.tsx @@ -1,4 +1,9 @@ -import type { ElementType, PropsWithChildren, ReactNode } from "react"; +import type { + ElementType, + MouseEvent, + PropsWithChildren, + ReactNode, +} from "react"; import { forwardRef, useRef } from "react"; import type { AriaButtonOptions } from "react-aria"; import { useButton } from "react-aria"; @@ -189,8 +194,11 @@ export type ButtonProps = PropsWithChildren< } & { border?: UiKitBorderProps } > >, - "onClick" - > & { size?: ButtonSize } + "onClick" | "onPress" + > & { + size?: ButtonSize; + onPress?: (e: MouseEvent) => void; + } >; export const Button = forwardRef>( @@ -334,7 +342,7 @@ export const Button = forwardRef>( sizeButtonLineHeight: props.lineHeight ? undefined : size, className: `${display.classNames} ${spacing.className ?? ""} ${dimension.className} ${background.className} ${border.className} ${typography.classNames} ${cursor.className} ${animation.className} ${positionStyles.className} ${className ?? ""}`, })} - onClick={(e) => onPress?.(e as never)} + onClick={(e) => onPress?.(e)} style={{ ...spacing.styles, ...dimension.styles, @@ -379,7 +387,7 @@ export const Button = forwardRef>( }} href={href} target={"_blank"} - onClick={(e) => onPress?.(e as never)} + onClick={(e) => onPress?.(e)} > {children} @@ -412,7 +420,7 @@ export const Button = forwardRef>( ...animation.style, ...positionStyles.styles, }} - onClick={(e) => onPress?.(e as never)} + onClick={(e) => onPress?.(e)} > {children} diff --git a/src/components/modal/ModalTrigger.tsx b/src/components/modal/ModalTrigger.tsx index c094e89..8fac7bc 100644 --- a/src/components/modal/ModalTrigger.tsx +++ b/src/components/modal/ModalTrigger.tsx @@ -48,7 +48,7 @@ export const ModalTrigger: FC = ({ {...triggerProps} onPress={(e) => { props?.onPress?.(e); - triggerProps?.onPress?.(e); + triggerProps?.onPress?.(e as never); }} > {label} diff --git a/src/components/popover/PopoverTrigger.tsx b/src/components/popover/PopoverTrigger.tsx index 802cb44..37f98a7 100644 --- a/src/components/popover/PopoverTrigger.tsx +++ b/src/components/popover/PopoverTrigger.tsx @@ -46,7 +46,11 @@ export const PopoverTrigger: React.FC = ({ onClick: triggerProps.onPress, }) ) : ( - )}