@delightui/components 0.1.6 → 0.1.8

package/README.md

@@ -1,30 +1,3 @@
-# React + TypeScript + Vite
+# @delightui/components
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+React components for delight ui

package/dist/cjs/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/cjs/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/cjs/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;
 }

package/dist/cjs/components/molecules/FormField/FormField.types.d.ts

@@ -16,6 +16,10 @@ export type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
      * Info icon for message
      */
     infoIcon?: React.ReactNode;
+    /**
+     * Optional field for possible error message
+     */
+    hasMessage?: boolean;
 };
 /**
  * Context values for the FormField component.