@vibe/core 3.0.0-rc.0 → 3.1.0

package/dist/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -6,4 +6,8 @@ export type AvatarGroupCounterVisualProps = {
     maxDigits?: number;
     ariaLabelItemsName?: string;
     noAnimation?: boolean;
+    /**
+     * Relevant only for when AvatarGroup contains a clickable avatar
+     */
+    dialogContainerSelector?: string;
 };

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -255,6 +255,14 @@ export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptio
      * createFilter function is available at Dropdown.createFilter
      */
     filterOption?: (option: DropdownOption, inputValue: string) => boolean;
+    /**
+     * The current value of the input field, used to control the current value of the input field programmatically
+     */
+    inputValue?: string;
+    /**
+     * If true, the input field will lose focus when an option is selected
+     */
+    blurInputOnSelect?: boolean;
     OptionRenderer?: React.ReactNode;
     menuIsOpen?: boolean;
     onOptionSelect?: (option: DropdownOption) => void;

package/dist/components/ModalNew/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalProps } from "./Modal.types";
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/dist/components/ModalNew/Modal/Modal.types.d.ts

@@ -0,0 +1,16 @@
+import { VibeComponentProps } from "../../../types";
+import React from "react";
+import { ModalTopActionsProps } from "../ModalTopActions/ModalTopActions.types";
+export type ModalSize = "small" | "medium" | "large";
+export type ModalCloseEvent = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLBodyElement>;
+export interface ModalProps extends VibeComponentProps {
+    id: string;
+    show: boolean;
+    size?: ModalSize;
+    closeButtonTheme?: ModalTopActionsProps["color"];
+    closeButtonAriaLabel?: ModalTopActionsProps["closeButtonAriaLabel"];
+    onClose?: (event: ModalCloseEvent) => void;
+    renderHeaderAction?: ModalTopActionsProps["renderAction"];
+    anchorElementRef?: React.RefObject<HTMLElement>;
+    children: React.ReactNode;
+}

package/dist/components/ModalNew/ModalContent/ModalContent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalContentProps } from "./ModalContent.types";
+declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalContent;

package/dist/components/ModalNew/ModalContent/ModalContent.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { VibeComponentProps } from "../../../types";
+export interface ModalContentProps extends VibeComponentProps {
+    children?: React.ReactNode;
+}

package/dist/components/ModalNew/ModalHeader/ModalHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalHeaderProps } from "./ModalHeader.types";
+declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalHeader;

package/dist/components/ModalNew/ModalHeader/ModalHeader.types.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { SubIcon, VibeComponentProps } from "../../../types";
+interface WithoutDescription {
+    description?: never;
+    descriptionIcon?: never;
+}
+interface WithDescription {
+    description: string | React.ReactNode;
+    descriptionIcon?: SubIcon | {
+        name: SubIcon;
+        className?: string;
+    };
+}
+export type ModalHeaderProps = {
+    title: string;
+} & (WithoutDescription | WithDescription) & VibeComponentProps;
+export {};

package/dist/components/ModalNew/ModalTopActions/ModalTopActions.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalTopActionsProps } from "./ModalTopActions.types";
+declare const ModalTopActions: ({ renderAction, color, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => React.JSX.Element;
+export default ModalTopActions;

package/dist/components/ModalNew/ModalTopActions/ModalTopActions.types.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import MenuButton from "../../MenuButton/MenuButton";
+import IconButton from "../../IconButton/IconButton";
+import { ButtonColor } from "../../Button/ButtonConstants";
+export type ModalTopActionsColor = "light" | "dark";
+export type ModalTopActionsButtonColor = ButtonColor.PRIMARY | ButtonColor.ON_PRIMARY_COLOR | ButtonColor.ON_INVERTED_BACKGROUND;
+export interface ModalTopActionsProps {
+    /**
+     * action can be passed either as a function or direct
+     * it allows passing back to consumer the color he chose, so he won't have to define it twice
+     */
+    renderAction?: React.ReactElement<typeof MenuButton | typeof IconButton> | ((color?: ModalTopActionsButtonColor) => React.ReactElement<typeof MenuButton | typeof IconButton>);
+    color?: ModalTopActionsColor;
+    closeButtonAriaLabel?: string;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/components/ModalNew/context/ModalContext.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalContextProps, ModalProviderProps } from "./ModalContext.types";
+export declare const ModalProvider: ({ value, children }: ModalProviderProps) => React.JSX.Element;
+export declare const useModal: () => ModalContextProps;

package/dist/components/ModalNew/context/ModalContext.types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type ModalContextProps = ModalProviderValue;
+export type ModalProviderValue = {
+    modalId: string;
+    setTitleId: (id: string) => void;
+    setDescriptionId: (id: string) => void;
+};
+export interface ModalProviderProps {
+    value: ModalProviderValue;
+    children: React.ReactNode;
+}

package/dist/components/ModalNew/footers/ModalFooter/ModalFooter.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalFooterProps } from "./ModalFooter.types";
+declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooter;

package/dist/components/ModalNew/footers/ModalFooter/ModalFooter.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ModalFooterBaseProps } from "../ModalFooterBase/ModalFooterBase.types";
+export interface ModalFooterProps extends Omit<ModalFooterBaseProps, "renderAction"> {
+    renderSideAction?: React.ReactNode;
+}

package/dist/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalFooterBaseProps } from "./ModalFooterBase.types";
+declare const ModalFooterBase: React.ForwardRefExoticComponent<ModalFooterBaseProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooterBase;

package/dist/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.types.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from "../../../Button";
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
+export interface ModalFooterActionProps extends Omit<ButtonProps, "children" | "kind"> {
+    text: string;
+}
+export interface ModalFooterBaseProps extends VibeComponentProps {
+    primaryButton: ModalFooterActionProps;
+    secondaryButton?: ModalFooterActionProps;
+    renderAction?: React.ReactNode;
+}

package/dist/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
+import { ModalFooterBaseProps } from "../ModalFooterBase/ModalFooterBase.types";
+export interface ModalFooterWizardProps extends Required<Pick<ModalFooterBaseProps, "primaryButton" | "secondaryButton">>, VibeComponentProps {
+    stepCount: number;
+    activeStep: number;
+    onDotClick: (e: React.MouseEvent, stepIndex: number) => void;
+}
+declare const ModalFooterWizard: React.ForwardRefExoticComponent<ModalFooterWizardProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooterWizard;

package/dist/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalBasicLayoutProps } from "./ModalBasicLayout.types";
+declare const ModalBasicLayout: React.ForwardRefExoticComponent<ModalBasicLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalBasicLayout;

package/dist/components/ModalNew/layouts/ModalBasicLayout/ModalBasicLayout.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
+export interface ModalBasicLayoutProps extends VibeComponentProps {
+    children: React.ReactNode;
+}

package/dist/components/ModalNew/layouts/ModalFooterShadow.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ModalFooterShadow: () => React.JSX.Element;
+export default ModalFooterShadow;

package/dist/components/ModalNew/layouts/ModalLayoutScrollableContent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalLayoutScrollableContentProps } from "./ModalLayoutScrollableContent.types";
+declare const ModalLayoutScrollableContent: ({ onScroll, className, children }: ModalLayoutScrollableContentProps) => React.JSX.Element;
+export default ModalLayoutScrollableContent;

package/dist/components/ModalNew/layouts/ModalLayoutScrollableContent.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode, UIEventHandler } from "react";
+export interface ModalLayoutScrollableContentProps {
+    onScroll?: UIEventHandler<HTMLDivElement>;
+    className?: string;
+    children: ReactNode;
+}

package/dist/components/ModalNew/layouts/ModalMedia.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalMediaProps } from "./ModalMedia.types";
+declare const ModalMedia: React.ForwardRefExoticComponent<ModalMediaProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalMedia;

package/dist/components/ModalNew/layouts/ModalMedia.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { VibeComponentProps } from "../../../types";
+export interface ModalMediaProps extends VibeComponentProps {
+    children: React.ReactNode;
+}

package/dist/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalMediaLayoutProps } from "./ModalMediaLayout.types";
+declare const ModalMediaLayout: React.ForwardRefExoticComponent<ModalMediaLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalMediaLayout;

package/dist/components/ModalNew/layouts/ModalMediaLayout/ModalMediaLayout.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
+export interface ModalMediaLayoutProps extends VibeComponentProps {
+    children: React.ReactNode;
+}

package/dist/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalSideBySideLayoutProps } from "./ModalSideBySideLayout.types";
+declare const ModalSideBySideLayout: React.ForwardRefExoticComponent<ModalSideBySideLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalSideBySideLayout;

package/dist/components/ModalNew/layouts/ModalSideBySideLayout/ModalSideBySideLayout.types.d.ts

@@ -0,0 +1,5 @@
+import { VibeComponentProps } from "../../../../types";
+import React from "react";
+export interface ModalSideBySideLayoutProps extends VibeComponentProps {
+    children: React.ReactNode;
+}

package/dist/components/ModalNew/layouts/useLayoutScrolledContent.d.ts

@@ -0,0 +1,6 @@
+import { UIEventHandler } from "react";
+declare const useLayoutScrolledContent: () => {
+    isContentScrolled: boolean;
+    onScroll: UIEventHandler<HTMLDivElement>;
+};
+export default useLayoutScrolledContent;

package/dist/components/ModalNew/utils/animationVariants.d.ts

@@ -0,0 +1,4 @@
+import { Variants } from "framer-motion";
+export declare const modalAnimationOverlayVariants: Variants;
+export declare const modalAnimationCenterPopVariants: Variants;
+export declare const modalAnimationAnchorPopVariants: Variants;

package/dist/components/Search/Search.types.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SubIcon, VibeComponentProps } from "../../types";
-import { InputSize } from "../BaseInput/BaseInput.types";
+import { InputSize } from "../BaseInput";
 import IconButton from "../IconButton/IconButton";
 import MenuButton from "../MenuButton/MenuButton";
 export interface SearchProps extends VibeComponentProps {
@@ -92,4 +92,8 @@ export interface SearchProps extends VibeComponentProps {
      * Callback function that is called when the clear button is clicked.
      */
     onClear?: () => void;
+    /**
+     * Callback function that is called when a keyboard key is down.
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }

package/dist/components/SlideTransition/SlideTransition.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SlideTransitionProps } from "./SlideTransition.types";
+declare const SlideTransition: React.ForwardRefExoticComponent<SlideTransitionProps & React.RefAttributes<HTMLDivElement>>;
+export default SlideTransition;

package/dist/components/SlideTransition/SlideTransition.types.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { VibeComponentProps } from "../../types";
+export interface SlideTransitionProps extends VibeComponentProps {
+    direction: SlideDirection;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export type SlideDirection = "forward" | "backward";

package/dist/components/SlideTransition/utils/animationVariants.d.ts

@@ -0,0 +1,19 @@
+import { SlideDirection } from "../SlideTransition.types";
+export declare const slideAnimationVariants: {
+    initial: (direction: SlideDirection) => {
+        x: string;
+        opacity: number;
+    };
+    enter: {
+        x: number;
+        opacity: number;
+    };
+    exit: (direction: SlideDirection) => {
+        x: string;
+        opacity: number;
+    };
+};
+export declare const slideAnimationTransition: {
+    duration: number;
+    ease: number[];
+};

package/dist/components/Steps/StepsGalleryHeader.d.ts

@@ -5,7 +5,7 @@ export interface StepsGalleryHeaderProps extends VibeComponentProps {
     activeStepIndex: number;
     stepsCount: number;
     onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;
-    stepDescriptionFunc: (stepIndex: number) => string;
+    stepDescriptionFunc?: (stepIndex: number) => string;
     color?: StepsColor;
 }
 export declare const StepsGalleryHeader: FC<StepsGalleryHeaderProps>;

package/dist/components/Table/context/TableContext/TableContext.types.d.ts

@@ -17,8 +17,8 @@ export interface TableProviderValue extends TableProviderForwardedProps {
     tableRootRef: React.MutableRefObject<HTMLDivElement>;
     isVirtualized: boolean;
     markTableAsVirtualized: () => void;
-    scrollLeft: number;
-    setScrollLeft: (scrollAmount: number) => void;
+    isScrolled: boolean;
+    setIsScrolled: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export type TableProviderProps = {
     value: TableProviderValue;

package/dist/components/TextArea/TextArea.types.d.ts

@@ -45,5 +45,18 @@ export interface TextAreaProps extends TextAreaNativeInputProps, VibeComponentPr
      * Placeholder text to display when the textarea is empty.
      */
     placeholder?: string;
+    /**
+     * The allowed number of characters.
+     */
+    maxLength?: number;
+    /**
+     * If true, the TextArea will allow the user to exceed the character limit set by maxLength.
+     * Note: Using this prop will only make sense alongside the maxLength prop.
+     */
+    allowExceedingMaxLength?: boolean;
+    /**
+     * If true, the character count and limit will be displayed below the textarea.
+     */
+    showCharCount?: boolean;
 }
 export {};

package/dist/components/TextField/TextField.d.ts

@@ -43,6 +43,7 @@ export interface TextFieldProps extends VibeComponentProps {
     /** TEXT_TYPES is exposed on the component itself */
     type?: TextFieldType;
     maxLength?: number;
+    allowExceedingMaxLength?: boolean;
     trim?: boolean;
     /** ARIA role for container landmark */
     role?: string;

package/dist/components/TransitionView/TransitionView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TransitionViewProps } from "./TransitionView.types";
+declare const TransitionView: React.ForwardRefExoticComponent<TransitionViewProps & React.RefAttributes<HTMLDivElement>>;
+export default TransitionView;

package/dist/components/TransitionView/TransitionView.types.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { VibeComponentProps } from "../../types";
+import { SlideDirection } from "../SlideTransition/SlideTransition.types";
+export interface TransitionViewProps extends VibeComponentProps {
+    activeStep: number;
+    direction: TransitionDirection;
+    height?: number;
+    children: React.ReactNode[];
+}
+export type TransitionDirection = SlideDirection;

package/dist/hooks/index.d.ts

@@ -19,3 +19,4 @@ export { default as useListenFocusTriggers } from "./useListenFocusTriggers";
 export { default as useClickableProps } from "./useClickableProps/useClickableProps";
 export { default as useSwitch } from "./useSwitch";
 export { default as useElementsOverflowingIndex } from "./useElementsOverflowingIndex";
+export { default as useWizard } from "./useWizard/useWizard";

package/dist/hooks/useWizard/useWizard.d.ts

@@ -0,0 +1,3 @@
+import { UseWizardProps, UseWizardReturnValue } from "./useWizard.types";
+declare function useWizard({ initialStep, stepCount, onStepChange, onFinish }: UseWizardProps): UseWizardReturnValue;
+export default useWizard;

package/dist/hooks/useWizard/useWizard.types.d.ts

@@ -0,0 +1,16 @@
+export interface UseWizardProps {
+    initialStep?: number;
+    stepCount: number;
+    onStepChange?: (newStep: number, oldStep: number) => void;
+    onFinish?: () => void;
+}
+export interface UseWizardReturnValue {
+    activeStep: number;
+    direction: WizardDirection;
+    next: () => void;
+    back: () => void;
+    goToStep: (newStep: number) => void;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+}
+export type WizardDirection = "forward" | "backward";

package/dist/icons/dist/react/CloseSmall.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import*as l from"react";var r=function(r){var t=r.size,i=e(r,["size"]);return l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},i),l.createElement("path",{d:"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};r.displayName="CloseSmall";export{r as default};
+import{__rest as e}from"../_virtual/_tslib.js";import*as a from"react";var t=function(t){var r=t.size,l=e(t,["size"]);return a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:r||"20",height:r||"20"},l),a.createElement("path",{d:"M6.331 5.27a.75.75 0 0 0-1.06 1.06L8.94 10l-3.67 3.668a.75.75 0 1 0 1.06 1.06L10 11.06l3.668 3.669a.75.75 0 0 0 1.06-1.06l-3.668-3.67 3.67-3.669a.75.75 0 0 0-1.061-1.06L10 8.939l-3.669-3.67Z"}))};t.displayName="CloseSmall";export{t as default};
 //# sourceMappingURL=CloseSmall.js.map

package/dist/icons/dist/react/CloseSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseSmall.js","sources":["../../../../../icons/dist/react/CloseSmall.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import*as l from\"react\";const t=t=>{var{size:r}=t,i=e(t,[\"size\"]);return l.createElement(\"svg\",Object.assign({viewBox:\"0 0 20 20\",fill:\"currentColor\",width:r||\"20\",height:r||\"20\"},i),l.createElement(\"path\",{d:\"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z\",fill:\"currentColor\",fillRule:\"evenodd\",clipRule:\"evenodd\"}))};t.displayName=\"CloseSmall\";export{t as default};\n"],"names":["t","r","size","i","e","l","createElement","Object","assign","viewBox","fill","width","height","d","fillRule","clipRule","displayName"],"mappings":"uEAAuE,IAAMA,EAAE,SAAAA,GAAO,IAAMC,EAAGD,EAARE,KAAUC,EAAEC,EAAEJ,EAAE,CAAC,SAAS,OAAOK,EAAEC,cAAc,MAAMC,OAAOC,OAAO,CAACC,QAAQ,YAAYC,KAAK,eAAeC,MAAMV,GAAG,KAAKW,OAAOX,GAAG,MAAME,GAAGE,EAAEC,cAAc,OAAO,CAACO,EAAE,4gBAA4gBH,KAAK,eAAeI,SAAS,UAAUC,SAAS,YAAY,EAAEf,EAAEgB,YAAY"}
+{"version":3,"file":"CloseSmall.js","sources":["../../../../../icons/dist/react/CloseSmall.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import*as t from\"react\";const a=a=>{var{size:l}=a,r=e(a,[\"size\"]);return t.createElement(\"svg\",Object.assign({viewBox:\"0 0 20 20\",fill:\"currentColor\",width:l||\"20\",height:l||\"20\"},r),t.createElement(\"path\",{d:\"M6.331 5.27a.75.75 0 0 0-1.06 1.06L8.94 10l-3.67 3.668a.75.75 0 1 0 1.06 1.06L10 11.06l3.668 3.669a.75.75 0 0 0 1.06-1.06l-3.668-3.67 3.67-3.669a.75.75 0 0 0-1.061-1.06L10 8.939l-3.669-3.67Z\"}))};a.displayName=\"CloseSmall\";export{a as default};\n"],"names":["a","l","size","r","e","t","createElement","Object","assign","viewBox","fill","width","height","d","displayName"],"mappings":"uEAAuE,IAAMA,EAAE,SAAAA,GAAO,IAAMC,EAAGD,EAARE,KAAUC,EAAEC,EAAEJ,EAAE,CAAC,SAAS,OAAOK,EAAEC,cAAc,MAAMC,OAAOC,OAAO,CAACC,QAAQ,YAAYC,KAAK,eAAeC,MAAMV,GAAG,KAAKW,OAAOX,GAAG,MAAME,GAAGE,EAAEC,cAAc,OAAO,CAACO,EAAE,mMAAmM,EAAEb,EAAEc,YAAY"}

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -6,4 +6,8 @@ export type AvatarGroupCounterVisualProps = {
     maxDigits?: number;
     ariaLabelItemsName?: string;
     noAnimation?: boolean;
+    /**
+     * Relevant only for when AvatarGroup contains a clickable avatar
+     */
+    dialogContainerSelector?: string;
 };

package/dist/mocked_classnames/components/Dropdown/Dropdown.types.d.ts

@@ -255,6 +255,14 @@ export interface DropdownComponentProps extends CustomMenuBaseProps, CustomOptio
      * createFilter function is available at Dropdown.createFilter
      */
     filterOption?: (option: DropdownOption, inputValue: string) => boolean;
+    /**
+     * The current value of the input field, used to control the current value of the input field programmatically
+     */
+    inputValue?: string;
+    /**
+     * If true, the input field will lose focus when an option is selected
+     */
+    blurInputOnSelect?: boolean;
     OptionRenderer?: React.ReactNode;
     menuIsOpen?: boolean;
     onOptionSelect?: (option: DropdownOption) => void;

package/dist/mocked_classnames/components/ModalNew/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalProps } from "./Modal.types";
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/dist/mocked_classnames/components/ModalNew/Modal/Modal.types.d.ts

@@ -0,0 +1,16 @@
+import { VibeComponentProps } from "../../../types";
+import React from "react";
+import { ModalTopActionsProps } from "../ModalTopActions/ModalTopActions.types";
+export type ModalSize = "small" | "medium" | "large";
+export type ModalCloseEvent = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLBodyElement>;
+export interface ModalProps extends VibeComponentProps {
+    id: string;
+    show: boolean;
+    size?: ModalSize;
+    closeButtonTheme?: ModalTopActionsProps["color"];
+    closeButtonAriaLabel?: ModalTopActionsProps["closeButtonAriaLabel"];
+    onClose?: (event: ModalCloseEvent) => void;
+    renderHeaderAction?: ModalTopActionsProps["renderAction"];
+    anchorElementRef?: React.RefObject<HTMLElement>;
+    children: React.ReactNode;
+}

package/dist/mocked_classnames/components/ModalNew/ModalContent/ModalContent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalContentProps } from "./ModalContent.types";
+declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalContent;

package/dist/mocked_classnames/components/ModalNew/ModalContent/ModalContent.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { VibeComponentProps } from "../../../types";
+export interface ModalContentProps extends VibeComponentProps {
+    children?: React.ReactNode;
+}

package/dist/mocked_classnames/components/ModalNew/ModalHeader/ModalHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalHeaderProps } from "./ModalHeader.types";
+declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalHeader;

package/dist/mocked_classnames/components/ModalNew/ModalHeader/ModalHeader.types.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { SubIcon, VibeComponentProps } from "../../../types";
+interface WithoutDescription {
+    description?: never;
+    descriptionIcon?: never;
+}
+interface WithDescription {
+    description: string | React.ReactNode;
+    descriptionIcon?: SubIcon | {
+        name: SubIcon;
+        className?: string;
+    };
+}
+export type ModalHeaderProps = {
+    title: string;
+} & (WithoutDescription | WithDescription) & VibeComponentProps;
+export {};

package/dist/mocked_classnames/components/ModalNew/ModalTopActions/ModalTopActions.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalTopActionsProps } from "./ModalTopActions.types";
+declare const ModalTopActions: ({ renderAction, color, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => React.JSX.Element;
+export default ModalTopActions;

package/dist/mocked_classnames/components/ModalNew/ModalTopActions/ModalTopActions.types.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import MenuButton from "../../MenuButton/MenuButton";
+import IconButton from "../../IconButton/IconButton";
+import { ButtonColor } from "../../Button/ButtonConstants";
+export type ModalTopActionsColor = "light" | "dark";
+export type ModalTopActionsButtonColor = ButtonColor.PRIMARY | ButtonColor.ON_PRIMARY_COLOR | ButtonColor.ON_INVERTED_BACKGROUND;
+export interface ModalTopActionsProps {
+    /**
+     * action can be passed either as a function or direct
+     * it allows passing back to consumer the color he chose, so he won't have to define it twice
+     */
+    renderAction?: React.ReactElement<typeof MenuButton | typeof IconButton> | ((color?: ModalTopActionsButtonColor) => React.ReactElement<typeof MenuButton | typeof IconButton>);
+    color?: ModalTopActionsColor;
+    closeButtonAriaLabel?: string;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/mocked_classnames/components/ModalNew/context/ModalContext.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalContextProps, ModalProviderProps } from "./ModalContext.types";
+export declare const ModalProvider: ({ value, children }: ModalProviderProps) => React.JSX.Element;
+export declare const useModal: () => ModalContextProps;

package/dist/mocked_classnames/components/ModalNew/context/ModalContext.types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type ModalContextProps = ModalProviderValue;
+export type ModalProviderValue = {
+    modalId: string;
+    setTitleId: (id: string) => void;
+    setDescriptionId: (id: string) => void;
+};
+export interface ModalProviderProps {
+    value: ModalProviderValue;
+    children: React.ReactNode;
+}

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooter/ModalFooter.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalFooterProps } from "./ModalFooter.types";
+declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooter;

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooter/ModalFooter.types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ModalFooterBaseProps } from "../ModalFooterBase/ModalFooterBase.types";
+export interface ModalFooterProps extends Omit<ModalFooterBaseProps, "renderAction"> {
+    renderSideAction?: React.ReactNode;
+}

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalFooterBaseProps } from "./ModalFooterBase.types";
+declare const ModalFooterBase: React.ForwardRefExoticComponent<ModalFooterBaseProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooterBase;

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooterBase/ModalFooterBase.types.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from "../../../Button";
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
+export interface ModalFooterActionProps extends Omit<ButtonProps, "children" | "kind"> {
+    text: string;
+}
+export interface ModalFooterBaseProps extends VibeComponentProps {
+    primaryButton: ModalFooterActionProps;
+    secondaryButton?: ModalFooterActionProps;
+    renderAction?: React.ReactNode;
+}

package/dist/mocked_classnames/components/ModalNew/footers/ModalFooterWizard/ModalFooterWizard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { VibeComponentProps } from "../../../../types";
+import { ModalFooterBaseProps } from "../ModalFooterBase/ModalFooterBase.types";
+export interface ModalFooterWizardProps extends Required<Pick<ModalFooterBaseProps, "primaryButton" | "secondaryButton">>, VibeComponentProps {
+    stepCount: number;
+    activeStep: number;
+    onDotClick: (e: React.MouseEvent, stepIndex: number) => void;
+}
+declare const ModalFooterWizard: React.ForwardRefExoticComponent<ModalFooterWizardProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalFooterWizard;