@vibe/core 3.0.0 → 3.2.0

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/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/TableVirtualizedBody/TableVirtualizedBody.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { VibeComponentProps } from "../../../types";
 import { ScrollDirection } from "react-window";
+import { TableColumn } from "../Table/Table";
 export type TableVirtualizedRow = Record<string, unknown> & {
     id: string;
 };
@@ -8,6 +9,8 @@ export interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = Table
     items: T[];
     rowRenderer: (item: T) => JSX.Element;
     onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
+    columns?: TableColumn[];
+    headerRenderer?: (columns: TableColumn[]) => JSX.Element;
 }
 declare const TableVirtualizedBody: React.ForwardRefExoticComponent<TableVirtualizedBodyProps<TableVirtualizedRow> & React.RefAttributes<HTMLDivElement>>;
 export default TableVirtualizedBody;

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/TextField/TextField.d.ts

@@ -62,6 +62,7 @@ export interface TextFieldProps extends VibeComponentProps {
     controlled?: boolean;
     iconTooltipContent?: string;
     secondaryTooltipContent?: string;
+    dir?: "ltr" | "rtl" | "auto";
 }
 declare const _default: ((VibeComponent<TextFieldProps & React.RefAttributes<unknown>, unknown> & Partial<{
     sizes: {

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;

package/dist/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/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/mocked_classnames/components/Table/TableVirtualizedBody/TableVirtualizedBody.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { VibeComponentProps } from "../../../types";
 import { ScrollDirection } from "react-window";
+import { TableColumn } from "../Table/Table";
 export type TableVirtualizedRow = Record<string, unknown> & {
     id: string;
 };
@@ -8,6 +9,8 @@ export interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = Table
     items: T[];
     rowRenderer: (item: T) => JSX.Element;
     onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
+    columns?: TableColumn[];
+    headerRenderer?: (columns: TableColumn[]) => JSX.Element;
 }
 declare const TableVirtualizedBody: React.ForwardRefExoticComponent<TableVirtualizedBodyProps<TableVirtualizedRow> & React.RefAttributes<HTMLDivElement>>;
 export default TableVirtualizedBody;

package/dist/mocked_classnames/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/mocked_classnames/components/TextField/TextField.d.ts

@@ -62,6 +62,7 @@ export interface TextFieldProps extends VibeComponentProps {
     controlled?: boolean;
     iconTooltipContent?: string;
     secondaryTooltipContent?: string;
+    dir?: "ltr" | "rtl" | "auto";
 }
 declare const _default: ((VibeComponent<TextFieldProps & React.RefAttributes<unknown>, unknown> & Partial<{
     sizes: {

package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-2b16d36a7fd0_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-2b16d36a7fd0_3_1_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_1_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map