@delightui/components 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import React$1, { HTMLAttributes, ReactNode, ImgHTMLAttributes, SyntheticEvent, MouseEvent, InputHTMLAttributes, Dispatch, SetStateAction, TextareaHTMLAttributes, CSSProperties, FormHTMLAttributes, Ref, LiHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes } from 'react';
+import { LinkProps } from 'react-router-dom';
 import { Offset } from 'react-overlays/usePopper';
 import FlatPickr from 'react-flatpickr';
-import { LinkProps } from 'react-router-dom';
 
-type ActionCardProps = HTMLAttributes<HTMLDivElement> & {
+type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> & {
     /**
      * The content to be displayed within the action card.
      */
@@ -17,6 +17,19 @@ type ActionCardProps = HTMLAttributes<HTMLDivElement> & {
      * Additional class for styling.
      */
     className?: string;
+    /**
+     * The destination URL or path for the navigation link.
+     * If the URL starts with "https", it will be treated as an external link and rendered as an <a> tag.
+     * Otherwise, it will be treated as an internal link and rendered as a <RouterNavLink> component.
+     *
+     * @example
+     * // Internal link
+     * <NavLink to="/home">Home</NavLink>
+     *
+     * // External link
+     * <NavLink to="https://www.example.com">External</NavLink>
+     */
+    to?: string | -1;
 };
 
 /**
@@ -176,11 +189,22 @@ interface IconProps {
 declare const Icon: (props: IconProps) => React$1.JSX.Element | null;
 
 type IconButtonStyleEnum = 'Primary' | 'Secondary';
-interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon'> {
+type IconButtonSizeEnum = 'Small' | 'Medium';
+interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon' | 'style' | 'size'> {
     /**
      * The icon to be displayed.
      */
     icon?: ReactNode;
+    /**
+     * Style of the button.
+     * @default 'Primary'
+     */
+    style?: IconButtonStyleEnum;
+    /**
+     * Size of the button.
+     * @default 'Medium'
+     */
+    size?: IconButtonSizeEnum;
 }
 
 declare const IconButton: (props: IconButtonProps) => React$1.JSX.Element;
@@ -860,6 +884,10 @@ type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
      * Info icon for message
      */
     infoIcon?: React.ReactNode;
+    /**
+     * Optional field for possible error message
+     */
+    hasMessage?: boolean;
 };
 /**
  * Props for the FormFieldProvider component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delightui/components",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "private": false,
   "scripts": {
     "start": "vite",