@stenajs-webui/elements 14.1.1 → 15.0.0-alpha.10

package/dist/components/ui/action-menu/UseActionMenuLogic.d.ts

@@ -1,10 +1,11 @@
+import { MouseEventHandler } from "react";
 import * as React from "react";
 import { ActionMenuItemProps } from "./ActionMenuItem";
 interface Props extends Pick<ActionMenuItemProps, "disableCloseOnClick"> {
     onClick?: React.MouseEventHandler;
 }
 export declare const useActionMenuLogic: <TElement extends HTMLElement>({ disableCloseOnClick, onClick }: Props, ref: React.Ref<TElement>) => {
-    onClickHandler: (event: React.MouseEvent<TElement, MouseEvent>) => void;
+    onClickHandler: MouseEventHandler<TElement>;
     onKeyDown: (event: React.KeyboardEvent<TElement>) => void;
     innerRef: React.RefObject<NonNullable<TElement>>;
 };

package/dist/components/ui/icon/Icon.d.ts

@@ -1,12 +1,10 @@
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { Props as FontAwesomeProps } from "@fortawesome/react-fontawesome";
-import { Omit } from "@stenajs-webui/core";
+import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
+import { Omit, BoxProps } from "@stenajs-webui/core";
 import * as React from "react";
-export interface IconProps extends Omit<FontAwesomeProps, "color" | "size" | "icon"> {
+export interface IconProps extends Omit<FontAwesomeIconProps, "color" | "size" | "icon" | "display">, Pick<BoxProps, "display"> {
     icon?: IconDefinition;
-    hoverIcon?: IconDefinition;
     color?: string;
-    hoverColor?: string;
     size?: number;
 }
-export declare const Icon: React.FC<IconProps>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/icon/Icon.stories.d.ts

@@ -3,7 +3,7 @@ import { IconProps } from "./Icon";
 import { Story } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: React.FC<IconProps>;
+    component: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
     argTypes: {
         color: {
             control: {
@@ -11,32 +11,20 @@ declare const _default: {
                 options: string[];
             };
         };
-        hoverColor: {
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
         icon: {
             control: {
                 disable: boolean;
             };
         };
-        hoverIcon: {
-            control: {
-                disable: boolean;
-            };
-        };
     };
 };
 export default _default;
 export declare const Demo: Story<IconProps>;
 export declare const WithColor: () => JSX.Element;
-export declare const WithHoverColor: () => JSX.Element;
-export declare const WithHoverIcon: () => JSX.Element;
 export declare const WithSpin: () => JSX.Element;
 export declare const WithPulse: () => JSX.Element;
 export declare const HorizontalFlip: () => JSX.Element;
 export declare const VerticalFlip: () => JSX.Element;
 export declare const WithRotation: () => JSX.Element;
 export declare const WithTransform: () => JSX.Element;
+export declare const WithDisplay: () => JSX.Element;