@devopness/ui-react 2.162.0 → 2.164.0

package/dist/src/colors/getColor.d.ts

@@ -84,6 +84,8 @@ declare const colors: {
         readonly 50: "#f2f2fa";
     };
     readonly red: {
+        readonly 700: "#b00020";
+        readonly 600: "#d50000";
         readonly 500: "#fd595c";
         readonly 450: "#ff6666";
         readonly 400: "#f67771";

package/dist/src/components/Forms/Input/Input.d.ts

@@ -5,7 +5,7 @@ type SharedProps = React.InputHTMLAttributes<HTMLInputElement> & {
     ref?: React.Ref<HTMLInputElement>;
     /** Error message configuration */
     error?: ErrorMessageProps['error'];
-    /** Props passed directly to Label component */
+    /** Props passed directly to a Label component */
     labelProps?: LabelProps;
     /** Custom styling options for input text */
     publicStyle?: {
@@ -19,17 +19,17 @@ type SharedProps = React.InputHTMLAttributes<HTMLInputElement> & {
     /**
      * Props passed directly to input HTML element
      *
-     * @override props, e.g: inputProps.type overrides props.type
+     * @override props, e.g.: inputProps.type overrides props.type
      *
      * <Input type="text" inputProps={{type: 'number'}} /> // input type is number
      */
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 };
 type InputProps = (SharedProps & {
-    /** HTML input type (text, number, email, etc) */
+    /** HTML input type (text, number, email, etc.) */
     type: Exclude<React.HTMLInputTypeAttribute, 'number'>;
 }) | (SharedProps & {
-    /** HTML input type (text, number, email, etc) */
+    /** HTML input type (text, number, email, etc.) */
     type: 'number';
     /** Removes increment/decrement arrows from number inputs */
     removeArrows?: boolean;
@@ -62,7 +62,7 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     ref?: React.Ref<HTMLInputElement>;
     /** Error message configuration */
     error?: ErrorMessageProps["error"];
-    /** Props passed directly to Label component */
+    /** Props passed directly to a Label component */
     labelProps?: LabelProps;
     /** Custom styling options for input text */
     publicStyle?: {
@@ -76,20 +76,20 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     /**
      * Props passed directly to input HTML element
      *
-     * @override props, e.g: inputProps.type overrides props.type
+     * @override props, e.g.: inputProps.type overrides props.type
      *
      * <Input type="text" inputProps={{type: 'number'}} /> // input type is number
      */
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 } & {
-    /** HTML input type (text, number, email, etc) */
+    /** HTML input type (text, number, email, etc.) */
     type: Exclude<React.HTMLInputTypeAttribute, "number">;
 }, "ref"> | Omit<import('react').InputHTMLAttributes<HTMLInputElement> & {
     /** React ref for direct DOM manipulation */
     ref?: React.Ref<HTMLInputElement>;
     /** Error message configuration */
     error?: ErrorMessageProps["error"];
-    /** Props passed directly to Label component */
+    /** Props passed directly to a Label component */
     labelProps?: LabelProps;
     /** Custom styling options for input text */
     publicStyle?: {
@@ -103,13 +103,13 @@ declare const Input: import('react').ForwardRefExoticComponent<(Omit<import('rea
     /**
      * Props passed directly to input HTML element
      *
-     * @override props, e.g: inputProps.type overrides props.type
+     * @override props, e.g.: inputProps.type overrides props.type
      *
      * <Input type="text" inputProps={{type: 'number'}} /> // input type is number
      */
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 } & {
-    /** HTML input type (text, number, email, etc) */
+    /** HTML input type (text, number, email, etc.) */
     type: "number";
     /** Removes increment/decrement arrows from number inputs */
     removeArrows?: boolean;

package/dist/src/components/Primitives/Dropdown/Dropdown.d.ts

@@ -7,7 +7,7 @@ import { IconProps } from '../Icon';
 import { LinkProps } from '../Link';
 import { TooltipProps } from '../Tooltip';
 import { Unwrap } from '../../types';
-type DropdownOptionIcon = Unwrap<Partial<Pick<IconProps, 'name' | 'size'>> & Pick<React.CSSProperties, 'backgroundColor' | 'color'>> & {
+type DropdownOptionIcon = Unwrap<IconProps & Pick<React.CSSProperties, 'backgroundColor'>> & {
     icon: true;
 };
 type DropdownOptionLetter = Unwrap<Pick<React.CSSProperties, 'backgroundColor' | 'color'>> & {
@@ -55,7 +55,7 @@ type DropdownOption = {
     /**
      * Event handler called when this option is clicked.
      */
-    onClick?: () => null;
+    onClick?: () => void | Promise<void>;
     /**
      * Tooltip's title
      *
@@ -93,7 +93,7 @@ type DropdownSharedProps = {
      *
      * @see {DropdownOption}
      */
-    onSelect?: (itemClicked: DropdownOption) => void;
+    onSelect?: (itemClicked: DropdownOption) => void | Promise<void>;
     /**
      * Event handler called when the dropdown is opened or closed.
      */

package/dist/src/components/Primitives/ErrorMessage/ErrorMessage.d.ts

@@ -17,7 +17,7 @@ type ErrorMessageProps = {
      *
      * 1. { type: 'required' }
      *
-     * 2. { message: string  }
+     * 2. { message: string }
      *
      * 3. { errors: { message: string } } [1]
      *
@@ -29,6 +29,10 @@ type ErrorMessageProps = {
     error?: ErrorWithType | ErrorWithMessage | APIError | Record<string, any> | null;
     /** Additional CSS classes to apply to the error message container */
     className?: string;
+    /** ID for the error message element */
+    id?: string;
+    /** Role attribute for the error message element */
+    role?: string;
 };
 /**
  * Component that displays error messages in a standardized format.
@@ -38,6 +42,6 @@ type ErrorMessageProps = {
  * @param props.error - Error object in various possible formats
  * @param props.className - Additional CSS classes to apply to the container
  */
-declare const ErrorMessage: ({ error, className }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element;
+declare const ErrorMessage: ({ error, className, id, role, }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element;
 export type { ErrorMessageProps };
 export { ErrorMessage };

package/dist/src/components/Primitives/Label/Label.d.ts

@@ -1,5 +1,7 @@
 import { default as React } from 'react';
 type LabelProps = {
+    /** HTML element type for the label */
+    htmlFor?: string;
     /** Main label text/node */
     value: React.ReactNode;
     /** Help text shown in tooltip */
@@ -26,6 +28,6 @@ type LabelProps = {
  * />
  * ```
  */
-declare const Label: ({ value, helpValue, isOptional }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Label: ({ value, helpValue, isOptional, htmlFor, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
 export type { LabelProps };
 export { Label };

package/dist/src/icons/iconLoader.d.ts

@@ -1,5 +1,9 @@
 import { Icon } from './types';
 declare const iconList: readonly [{
+    readonly type: "icon";
+    readonly name: "home";
+    readonly component: import('react-icons/lib').IconType;
+}, {
     readonly type: "icon";
     readonly name: "add";
     readonly component: import('react-icons/lib').IconType;
@@ -302,6 +306,10 @@ declare const iconList: readonly [{
     readonly type: "icon";
     readonly name: "warning";
     readonly component: import('react-icons/lib').IconType;
+}, {
+    readonly type: "icon";
+    readonly name: "discord";
+    readonly component: import('react-icons/lib').IconType;
 }, {
     readonly type: "image";
     readonly name: "aws";