@vibe/core 3.0.0 → 3.1.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/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/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/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/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_0_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_0_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_0_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

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

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox",entryAnimation:"entryAnimation",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const t="s_id-7d53612c3785_3_0_0-rc_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes entryAnimation {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox.entryAnimation {\n  animation: entryAnimation 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox",entryAnimation:"entryAnimation",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const t="s_id-7d53612c3785_3_0_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes entryAnimation {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox.entryAnimation {\n  animation: entryAnimation 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map