@delightui/components 0.1.0 → 0.1.2

package/dist/cjs/components/atoms/Input/Input.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
-import type { InputProps } from './Input.types';
-declare const Input: (props: InputProps) => React.JSX.Element;
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & {
+    inputType?: import("./Input.types").InputTypeEnum;
+    value?: string;
+    onValueChanged?: (value: string) => void;
+    invalid?: boolean;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/cjs/components/atoms/Input/Input.types.d.ts

@@ -31,8 +31,4 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'v
      * Icon to be displayed after the input.
      */
     trailingIcon?: React.ReactNode;
-    /**
-     * Reference to the input element.
-     */
-    inputRef?: (node: HTMLInputElement | null) => void;
 };

package/dist/cjs/components/atoms/TextArea/TextArea.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
-import type { TextAreaProps } from './TextArea.types';
-declare const TextArea: (props: TextAreaProps) => React.JSX.Element;
+declare const TextArea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
+    value?: string;
+    onValueChanged?: (value: string) => void;
+    invalid?: boolean;
+    className?: string;
+} & React.RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

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

@@ -49,7 +49,7 @@ export type ContextMenuProps = HTMLAttributes<HTMLUListElement> & {
     action?: ActionType;
     /**
      * Determines whether the context menu should be hidden when clicking away from it.
-     * @default false
+     * @default true
      */
     hideOnClickAway?: boolean;
     /**

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

@@ -49,4 +49,8 @@ export type DatePickerProps = {
      * @param dateStr - String representation of the selected date(s). Will match the date format.
      */
     onClose?: (dates: Date[], dateStr: string) => void;
+    /**
+     * render date picker inline
+     */
+    inline?: boolean;
 };

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

@@ -46,7 +46,7 @@ export type PopoverProps = {
     direction?: OverlayDirectionEnum;
     /**
      * Indicates if Popover should hide on click away.
-     * @default false
+     * @default true
      */
     hideOnClickAway?: boolean;
     /**

package/dist/cjs/library.css

@@ -606,6 +606,7 @@
 }
 .Input-module_input__NAeHe .Input-module_inputElement__Tjw4v {
   flex: 1;
+  width: 100%;
   height: var(--input-inputElement-height);
   color: var(--input-text-color);
   font-size: var(--input-font-size);
@@ -1780,7 +1781,7 @@ span.flatpickr-weekday {
   --label-font-color: var(--text-primary);
   --message-font-color: var(--text-secondary);
   --message-icon-color: var(--text-secondary);
-  --error-font-color: var(--text-destructive);
+  --error-font-color: var(--text-secondary);
   --error-icon-color: var(--icon-destructive);
   display: flex;
   flex-direction: column;
@@ -2017,6 +2018,7 @@ span.flatpickr-weekday {
 }
 .Select-module_select__sbUrw .Select-module_trigger__gyTSi {
   display: flex;
+  justify-content: flex-start;
   align-items: center;
   width: 100%;
   height: 2rem;