@delightui/components 0.1.7 → 0.1.8

package/dist/esm/App.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './resources/themes/base.css';
 import './resources/themes/dark.css';
-import './custom.css';
+import './resources/themes/custom.css';
 declare function App(): React.JSX.Element;
 export default App;

package/dist/esm/components/atoms/ActionCard/ActionCard.types.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-export type ActionCardProps = HTMLAttributes<HTMLDivElement> & {
+import { LinkProps } from 'react-router-dom';
+export type ActionCardProps = HTMLAttributes<HTMLDivElement> & Omit<LinkProps, 'to'> & {
     /**
      * The content to be displayed within the action card.
      */
@@ -13,4 +14,17 @@ export 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;
 };

package/dist/esm/components/atoms/IconButton/IconButton.types.d.ts

@@ -1,9 +1,20 @@
 import type { ReactNode } from 'react';
 import type { ButtonProps } from '../Button/Button.types';
 export type IconButtonStyleEnum = 'Primary' | 'Secondary';
-export interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon'> {
+export type IconButtonSizeEnum = 'Small' | 'Medium';
+export 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;
 }