@banyan_cloud/roots 2.0.55 → 2.0.57

package/dist/esm/src/components/accordion/types/index.d.ts

@@ -52,4 +52,5 @@ export interface AccordionProps {
      * If provided, a *See More* button will be shown that triggers this callback when clicked.
      */
     onExpand?: () => void;
+    v2?: boolean;
 }

package/dist/esm/src/components/alert/types/index.d.ts

@@ -1,16 +1,21 @@
-import type { ComponentType } from 'react';
+import type { ComponentType, ReactNode } from 'react';
 type AlertType = 'info' | 'error' | 'warning' | 'success' | 'danger';
 type AlertPosition = 'bottom-right' | 'bottom-center' | 'top-right' | 'top-center';
+export type AlertVariant = 'inline' | 'card';
+export type AlertTheme = 'light' | 'dark';
 export interface AlertProps {
     showIcon?: boolean;
     shadow?: boolean;
     position?: AlertPosition;
     animation?: boolean;
     className?: string;
+    variant?: AlertVariant;
+    theme?: AlertTheme;
 }
 export interface AlertConfig {
     title: string | null | undefined;
     description: string | null | undefined;
+    tag?: ReactNode;
     icon?: ComponentType<{
         className?: string;
     }> | undefined;

package/dist/esm/src/components/icons/Checked/Checked.d.ts

@@ -0,0 +1,4 @@
+declare const Checked: (props: {
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Checked;

package/dist/esm/src/components/icons/Checked/index.d.ts

@@ -0,0 +1 @@
+export { default as CheckedIcon } from './Checked';

package/dist/esm/src/components/icons/Info/InfoHex.d.ts

@@ -0,0 +1,4 @@
+declare const Info: (props: {
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Info;

package/dist/esm/src/components/icons/Info/index.d.ts

@@ -1 +1,2 @@
 export { default as InfoIcon } from './Info';
+export { default as InfoHexIcon } from './InfoHex';

package/dist/esm/src/components/icons/index.d.ts

@@ -4,6 +4,7 @@ export * from './Calender';
 export * from './Caret';
 export * from './ChartsIcon';
 export * from './CheckboxIcon';
+export * from './Checked';
 export * from './Chevron';
 export * from './Clock';
 export * from './Close';

package/dist/esm/src/components/input/checkbox/types/index.d.ts

@@ -20,5 +20,6 @@ export interface CheckboxProps {
     disabledAsChild?: boolean;
     /** Shows the intermediate (indeterminate) icon when true */
     intermediate?: boolean;
+    v2?: boolean;
 }
 export {};

package/dist/esm/src/components/input/checkbox/v2/CheckBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CheckboxProps } from '../types';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/esm/src/components/input/checkbox/v2/index.d.ts

@@ -0,0 +1 @@
+export { default as CheckboxV2 } from './CheckBox';

package/dist/esm/src/components/input/dropdown/Dropdown.d.ts

@@ -41,6 +41,7 @@ export interface DropdownProps {
         value: string | number;
         onChange: (value: string | number) => void;
     };
+    v2?: boolean;
 }
 /** What parent components can call on the ref */
 export interface DropdownRef {

package/dist/esm/src/components/input/dropdown/dropdown-item/types/index.d.ts

@@ -6,6 +6,8 @@ export interface DropdownItemProps {
     variant?: DropdownItemVariant;
     error?: string | undefined;
     selected?: boolean;
+    intermediate?: boolean;
+    v2?: boolean;
     onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
     onMouseEnter?: MouseEventHandler<HTMLLIElement>;
     onClick?: MouseEventHandler<HTMLLIElement>;

package/dist/esm/src/components/input/dropdown/dropdown-item/v2/DropdownItem.d.ts

@@ -0,0 +1,3 @@
+import type { DropdownItemProps } from './types';
+declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export default DropdownItem;

package/dist/esm/src/components/input/dropdown/dropdown-item/v2/index.d.ts

@@ -0,0 +1 @@
+export { default as DropdownItemv3 } from './DropdownItem';

package/dist/esm/src/components/input/dropdown/dropdown-item/v2/types/index.d.ts

@@ -0,0 +1,20 @@
+import type { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+export type DropdownItemVariant = 'checkbox' | 'radio' | undefined;
+export interface DropdownItemProps {
+    title: string | ReactNode;
+    value: string | number | null;
+    variant?: DropdownItemVariant;
+    error?: string | undefined;
+    selected?: boolean;
+    intermediate?: boolean;
+    onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
+    onMouseEnter?: MouseEventHandler<HTMLLIElement>;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /** Additional data-* attributes to spread on the <li> */
+    dataAttrs?: Record<string, string | number | boolean | undefined>;
+    className?: string;
+    tabIndex?: number;
+    disabled?: boolean;
+    /** If provided, replaces the default label+tooltip block */
+    customComponent?: ReactNode;
+}

package/dist/esm/src/components/input/dropdown/v2/Dropdown.d.ts

@@ -0,0 +1,52 @@
+import React, { type ReactNode, type SyntheticEvent } from 'react';
+type FeedbackType = 'success' | 'warning' | 'info' | 'error';
+interface Feedback {
+    type: FeedbackType;
+    message?: string;
+}
+type LeftComponentWithVariants = React.ComponentType | {
+    Active?: React.ComponentType;
+    InActive?: React.ComponentType;
+};
+export interface DropdownProps {
+    className?: string | undefined;
+    popperClassName?: string | undefined;
+    /** Controlled value: string for single, string[] for multi. Omit for uncontrolled */
+    value?: string | string[];
+    onChange: (event: SyntheticEvent, value: string | string[] | null | undefined) => void;
+    leftComponent?: LeftComponentWithVariants;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Children must be DropdownItem elements */
+    children?: ReactNode;
+    highlightOnSelect?: boolean;
+    label?: string;
+    placeholder?: ReactNode;
+    multi?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** string shows tooltip + error state; boolean acts as a flag only */
+    error?: string | boolean;
+    warning?: string | boolean;
+    id?: string;
+    name?: string;
+    feedback?: Feedback;
+    /** Format the summary text when multiple values are selected */
+    formatter?: (totalSelected: number) => ReactNode;
+    required?: boolean;
+    multiSelectActionTitle?: string;
+    /** When true, always show count for a single selected value in multi mode */
+    valueAsCount?: boolean;
+    /** Show caret as up/down variant */
+    caretAsUpDown?: boolean;
+    search?: {
+        placeholder: string;
+        value: string | number;
+        onChange: (value: string | number) => void;
+    };
+}
+/** What parent components can call on the ref */
+export interface DropdownRef {
+    value: () => string | string[] | null;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<DropdownRef>>;
+export default Dropdown;

package/dist/esm/src/components/input/dropdown/v2/index.d.ts

@@ -0,0 +1 @@
+export { default as Dropdownv3 } from './Dropdown';

package/dist/esm/src/components/v2/accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import type { AccordionProps } from './types';
+/**
+ * Accordion – A simple disclosure component with an optional left and right icon.
+ *
+ * This component works in both **controlled** and **uncontrolled** modes.
+ * - In controlled mode supply the `open` prop and handle the state change in `onToggle`.
+ * - In uncontrolled mode omit the `open` prop and optionally set `defaultOpen`.
+ */
+export declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/esm/src/components/v2/accordion/index.d.ts

@@ -0,0 +1 @@
+export { default as Accordion } from './Accordion';

package/dist/esm/src/components/v2/accordion/types/index.d.ts

@@ -0,0 +1,56 @@
+import type { ComponentType, ReactNode } from 'react';
+export interface AccordionProps {
+    /**
+     * Controls the open / close state when the component is used in a controlled manner
+     */
+    open?: boolean;
+    /**
+     * Handler that is triggered when the header is clicked while the component is controlled.
+     * Receives the current `open` state as an argument so that the parent can update it accordingly.
+     */
+    onToggle?: (open: boolean | undefined) => void;
+    /**
+     * Sets the default open state when the component is used in an uncontrolled manner.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Optional component rendered on the very left side of the header.
+     * Usually an Icon. Receives the `className` needed for styling.
+     */
+    leftComponent?: ComponentType<{
+        className?: string;
+    }> | null;
+    /**
+     * Optional component rendered on the very right side of the header.
+     * Usually an Icon. Receives the `className` needed for styling.
+     */
+    rightComponent?: ComponentType<{
+        className?: string;
+    }> | null;
+    /**
+     * Title shown inside the header.
+     */
+    title?: ReactNode;
+    /**
+     * Optional description shown at the top of the body.
+     */
+    description?: string;
+    /**
+     * Children rendered inside the body when the accordion is open.
+     */
+    children?: ReactNode;
+    /**
+     * Callback executed when the uncontrolled component toggles its state.
+     * Receives the new open state.
+     */
+    onClick?: (open: boolean) => void;
+    /**
+     * Additional className appended to the root element.
+     */
+    className?: string;
+    /**
+     * If provided, a *See More* button will be shown that triggers this callback when clicked.
+     */
+    onExpand?: () => void;
+    disabled?: boolean;
+}

package/dist/esm/src/components/v2/input/textField/TextField.d.ts

@@ -51,8 +51,9 @@ export interface TextFieldProps {
     /** Whether to enable autocomplete popover */
     autocompleteOptions?: AutocompleteOptions | undefined;
     helperText?: string;
-    forgotPasswordLink?: string;
+    linkAction?: string | (() => void);
     readOnly?: boolean;
+    linkText?: string;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 export default TextField;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.55",
+	"version": "2.0.57",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",