@delightui/components 0.1.149 → 0.1.151

package/dist/esm/components/atoms/Button/Button.contants.d.ts

@@ -0,0 +1,2 @@
+import { ButtonContentAlignmentEnum } from './Button.types';
+export declare const AlignContentMap: Record<ButtonContentAlignmentEnum, string>;

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

@@ -4,6 +4,7 @@ export type ButtonTypeEnum = 'Filled' | 'Outlined' | 'Ghost';
 export type ButtonStyleEnum = 'Primary' | 'Secondary' | 'Destructive';
 export type ButtonSizeEnum = 'Small' | 'Medium' | 'Large';
 export type ButtonActionTypeEnum = 'button' | 'submit' | 'reset';
+export type ButtonContentAlignmentEnum = 'Center' | 'SpaceBetween';
 export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
     /**
      * Appearance of the button.
@@ -56,4 +57,9 @@ export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
      * @default 'button'
      */
     actionType?: ButtonActionTypeEnum;
+    /**
+     * Specifies alignment of the content like leading icon, content and trailing icon
+     * @default 'Center'
+     */
+    alignContent?: ButtonContentAlignmentEnum;
 };

package/dist/esm/components/atoms/Button/ButtonExample.d.ts

@@ -0,0 +1,3 @@
+import './Button.module.scss';
+declare const ButtonExample: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonExample;

package/dist/esm/components/atoms/ToggleButton/ToggleButton.presenter.d.ts

@@ -264,6 +264,7 @@ declare const usePresenter: (props: ToggleButtonProps) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         leadingIcon?: import("react").ReactNode;
         trailingIcon?: import("react").ReactNode;
+        alignContent?: import("../Button/Button.types").ButtonContentAlignmentEnum;
         initialValue?: boolean | undefined;
     };
     isChecked: boolean;

package/dist/esm/components/organisms/Dropzone/Dropzone.d.ts

@@ -1,4 +1,4 @@
 import { DropzoneContextType, DropzoneProps } from './Dropzone.types';
-declare const Dropzone: (props: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useDropzoneContext: () => DropzoneContextType;
+declare const Dropzone: <T extends File | string = File>(props: DropzoneProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const useDropzoneContext: <T extends File | string = File>() => DropzoneContextType<T>;
 export default Dropzone;

package/dist/esm/components/organisms/Dropzone/Dropzone.presenter.d.ts

@@ -1,11 +1,12 @@
 import { DropzoneProps, DropzoneStatus } from './Dropzone.types';
-declare const usePresenter: (props: DropzoneProps) => {
+declare const usePresenter: <T extends File | string = File>(props: DropzoneProps<T>) => {
     variantProps: {
         'component-variant': string;
     };
-    files: File[] | undefined;
-    getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T) => T;
-    getInputProps: <T extends import("react-dropzone").DropzoneInputProps>(props?: T) => T;
+    files: T[] | undefined;
+    userSelectedFiles: File[] | undefined;
+    getRootProps: <T_1 extends import("react-dropzone").DropzoneRootProps>(props?: T_1) => T_1;
+    getInputProps: <T_1 extends import("react-dropzone").DropzoneInputProps>(props?: T_1) => T_1;
     open: () => void;
     empty: import("react").ReactNode;
     loading: import("react").ReactNode;

package/dist/esm/components/organisms/Dropzone/Dropzone.types.d.ts

@@ -2,6 +2,7 @@ import { HTMLAttributes, ReactNode } from 'react';
 import { ButtonProps, IconButtonProps, TextProps } from '../../atoms';
 import { ControlledFormComponentProps } from '../../molecules/FormField/FormField.types';
 export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
+export type DropzoneAcceptTypeEnum = 'File' | 'URL';
 /**
  * Dropzone component props
  * @param empty React.ReactNode - The empty state of the dropzone.
@@ -13,7 +14,7 @@ export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
  * @param onFilesUpload (file: File) => void - callback when files are selected
  * @param onFilesReset () => void - callback when files are reset
  */
-export type DropzoneProps = ControlledFormComponentProps<File[]> & {
+export type DropzoneProps<T extends File | string = File> = ControlledFormComponentProps<T[]> & {
     className?: string;
     /**
      * the view when no file is selected.
@@ -54,6 +55,18 @@ export type DropzoneProps = ControlledFormComponentProps<File[]> & {
      * callback when files are reset
      */
     onFilesReset?: () => void;
+    /**
+     * Callback when files are changed for dropzone
+     * @param Files updated selected files by user
+     * @returns {void}
+     */
+    handleFilesChange?: (Files: File[]) => void;
+    /**
+     * specifies what the component needs to accept as value
+     * sync this with Dropzone generics
+     * @default 'File'
+     */
+    type?: 'File' | 'URL';
 };
 /**
  * Dropzone context type
@@ -62,7 +75,7 @@ export type DropzoneProps = ControlledFormComponentProps<File[]> & {
  * @param selectFile () => void - The function to call when the file is selected.
  * @param resetUpload () => void - The function to call when the file is reset.
  */
-export type DropzoneContextType = {
+export type DropzoneContextType<T extends File | string = File> = {
     /**
      * The status of the dropzone.
      */
@@ -81,6 +94,7 @@ export type DropzoneContextType = {
     accept: {
         [key: string]: readonly string[];
     };
+    value?: T[];
     /**
      * The function to call to open the file dialog.
      */

package/dist/esm/library.css

@@ -125,6 +125,52 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
+.Text-module_text__qmiLT {
+  font-family: var(--text-font-family);
+  font-weight: var(--text-font-weight);
+  font-size: var(--text-font-size);
+  letter-spacing: var(--text-letter-spacing);
+  line-height: var(--text-line-height);
+  color: var(--text-color);
+}
+
+.Text-module_italic__b92M- {
+  font-style: italic;
+}
+
+.Text-module_underline__i8JpB {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.Text-module_strikethrough__AHLhC {
+  -webkit-text-decoration: line-through;
+  text-decoration: line-through;
+}
+
+.Text-module_nowrap__JVMFL {
+  text-wrap: nowrap;
+}
+
+.Text-module_whiteSpaceNoWrap__GYqL2 {
+  white-space: nowrap;
+}
+
+.Text-module_capitalize__r9qCk {
+  text-transform: capitalize;
+}
+
+.Text-module_upperCase__VCs2x {
+  text-transform: uppercase;
+}
+
+.Text-module_lowerCase__0T-7t {
+  text-transform: lowercase;
+}
+
+.Text-module_ellipsis__UXzJI {
+  text-overflow: ellipsis;
+}
 .Button-module_button__y6Gwz {
   display: flex;
   align-items: center;
@@ -164,7 +210,6 @@
   color: var(--button-color);
 }
 .Button-module_button__y6Gwz .Button-module_content__IipV4 {
-  flex: 1;
   display: flex;
   justify-content: center;
   justify-content: var(--button-content-justify-content, center);
@@ -201,51 +246,17 @@
 .Button-module_button__y6Gwz:disabled {
   cursor: not-allowed;
 }
-.Text-module_text__qmiLT {
-  font-family: var(--text-font-family);
-  font-weight: var(--text-font-weight);
-  font-size: var(--text-font-size);
-  letter-spacing: var(--text-letter-spacing);
-  line-height: var(--text-line-height);
-  color: var(--text-color);
-}
-
-.Text-module_italic__b92M- {
-  font-style: italic;
-}
-
-.Text-module_underline__i8JpB {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.Text-module_strikethrough__AHLhC {
-  -webkit-text-decoration: line-through;
-  text-decoration: line-through;
-}
-
-.Text-module_nowrap__JVMFL {
-  text-wrap: nowrap;
-}
-
-.Text-module_whiteSpaceNoWrap__GYqL2 {
-  white-space: nowrap;
-}
-
-.Text-module_capitalize__r9qCk {
-  text-transform: capitalize;
-}
-
-.Text-module_upperCase__VCs2x {
-  text-transform: uppercase;
+.Button-module_button__y6Gwz.Button-module_center__fnkix {
+  display: flex;
+  justify-content: center;
 }
-
-.Text-module_lowerCase__0T-7t {
-  text-transform: lowercase;
+.Button-module_button__y6Gwz.Button-module_spaceBetween__OFllq {
+  display: flex;
+  justify-content: space-between;
 }
-
-.Text-module_ellipsis__UXzJI {
-  text-overflow: ellipsis;
+.Button-module_button__y6Gwz.Button-module_spaceBetween__OFllq .Button-module_content__IipV4 {
+  display: flex;
+  flex: 1;
 }
 .Icon-module_icon__sUgmV {
   --icon-size: fit-content;
@@ -317,6 +328,7 @@
   --button-letter-spacing: var(--icon-button-letter-spacing);
   --button-line-height: var(--icon-button-line-height);
 }
+@charset "UTF-8";
 .Input-module_input__NAeHe {
   display: flex;
   align-items: center;
@@ -378,6 +390,25 @@
 .Input-module_input__NAeHe .Input-module_disabled__6XebD {
   --b: 100;
 }
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill,
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill:hover,
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill:focus,
+.Input-module_input__NAeHe textarea.Input-module_inputElement__Tjw4v:-webkit-autofill,
+.Input-module_input__NAeHe select.Input-module_inputElement__Tjw4v:-webkit-autofill {
+  /* Text color when autofilled */
+  -webkit-text-fill-color: var(--input-color);
+  /* Desired background color */
+  -webkit-box-shadow: 0 0 0px cal(var(--input-height)/2) var(--input-background-color) inset;
+  /* Prevent flicker */
+  -webkit-transition: background-color 5000s ease-in-out 0s;
+  transition: background-color 5000s ease-in-out 0s;
+  /* Caret color so it’s visible */
+  caret-color: var(--input-color);
+  border-top-left-radius: var(--input-border-top-left-radius);
+  border-top-right-radius: var(--input-border-top-right-radius);
+  border-bottom-right-radius: var(--input-border-bottom-right-radius);
+  border-bottom-left-radius: var(--input-border-bottom-left-radius);
+}
 .Password-module_password__nk-zf.Password-module_password__nk-zf {
   --input-opacity: var(--password-opacity);
   --input-height: var(--password-height);