@vibe/core 3.77.0-alpha-1b943.0 → 3.77.1-alpha-eb809.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.77.0-alpha-1b943.0",
+  "version": "3.77.1-alpha-eb809.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -90,11 +90,15 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "@vibe/base": "3.0.1-alpha-1b943.0",
-    "@vibe/button": "3.0.6-alpha-1b943.0",
-    "@vibe/icon": "3.0.6-alpha-1b943.0",
+    "@vibe/base": "3.0.2-alpha-eb809.0",
+    "@vibe/button": "3.0.7-alpha-eb809.0",
+    "@vibe/dialog": "3.0.1-alpha-eb809.0",
+    "@vibe/hooks": "3.0.1-alpha-eb809.0",
+    "@vibe/icon": "3.0.7-alpha-eb809.0",
     "@vibe/icons": "1.11.1",
-    "@vibe/loader": "3.0.6-alpha-1b943.0",
+    "@vibe/layer": "3.0.1-alpha-eb809.0",
+    "@vibe/loader": "3.0.7-alpha-eb809.0",
+    "@vibe/shared": "3.0.7-alpha-eb809.0",
     "a11y-dialog": "^7.5.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist-config-monday": "1.0.6",
@@ -182,7 +186,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.25",
     "@uiw/codemirror-theme-github": "^4.21.25",
     "@uiw/react-codemirror": "^4.21.25",
-    "@vibe/config": "3.0.5-alpha-1b943.0",
+    "@vibe/config": "3.0.5",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
@@ -273,5 +277,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "ef81667bfdaf77e569dcac05ea0eeb03dc7f8c6d"
+  "gitHead": "b0026020851c425ca8ece18497a7f0fe563078a6"
 }

package/dist/components/Dialog/Dialog.d.ts

@@ -1,269 +0,0 @@
-import React, { PureComponent, type ReactElement } from "react";
-import { type Modifier } from "react-popper";
-import { NOOP } from "../../utils/function-utils";
-import { AnimationType as AnimationTypeEnum, HideShowEvent as DialogTriggerEventEnum, DialogPosition as DialogPositionEnum } from "./DialogConstants";
-import { type VibeComponentProps } from "../../types";
-import type * as PopperJS from "@popperjs/core";
-import { type DialogAnimationType, type DialogPosition, type DialogTriggerEvent } from "./Dialog.types";
-import LayerContext from "../LayerProvider/LayerContext";
-export interface DialogProps extends VibeComponentProps {
-    /**
-     * Class name applied to the reference wrapper element.
-     */
-    referenceWrapperClassName?: string;
-    /**
-     * The wrapper element type to use for React components. Defaults to "span".
-     */
-    referenceWrapperElement?: "span" | "div";
-    /**
-     * The placement of the dialog relative to the reference element.
-     */
-    position?: DialogPosition;
-    /**
-     * Custom Popper.js modifiers.
-     * https://popper.js.org/docs/v2/modifiers/
-     */
-    modifiers?: Modifier<any>[];
-    /**
-     * The starting edge of the dialog.
-     */
-    startingEdge?: string;
-    /**
-     * Offset values for positioning adjustments.
-     * `main` - horizontal offset
-     * `secondary` - vertical offset
-     */
-    moveBy?: {
-        main?: number;
-        secondary?: number;
-    };
-    /**
-     * Delay in milliseconds before showing the dialog.
-     */
-    showDelay?: number;
-    /**
-     * Delay in milliseconds before hiding the dialog.
-     */
-    hideDelay?: number;
-    /**
-     * Events that trigger showing the dialog.
-     */
-    showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
-    /**
-     * Events that trigger hiding the dialog.
-     */
-    hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
-    /**
-     * If true, prevents closing the dialog when the mouse enters it.
-     */
-    showOnDialogEnter?: boolean;
-    /**
-     * If true, shows the dialog when the component mounts.
-     */
-    shouldShowOnMount?: boolean;
-    /**
-     * If true, disables opening the dialog.
-     */
-    disable?: boolean;
-    /**
-     * Controls the open state of the dialog.
-     */
-    open?: boolean;
-    /**
-     * Derived state control for managing dialog visibility.
-     */
-    isOpen?: boolean;
-    /**
-     * Classes that prevent showing the dialog when present.
-     */
-    showTriggerIgnoreClass?: string | Array<string>;
-    /**
-     * Classes that prevent hiding the dialog when present.
-     */
-    hideTriggerIgnoreClass?: string | Array<string>;
-    /**
-     * The animation type used for the dialog.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * Class name applied to the dialog content container.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, prevents animation when mounting.
-     */
-    preventAnimationOnMount?: boolean;
-    /**
-     * The CSS selector of the container where the dialog is rendered.
-     */
-    containerSelector?: string;
-    /**
-     * If true, positions the tooltip element.
-     */
-    tooltip?: boolean;
-    /**
-     * Class name applied to the tooltip element.
-     */
-    tooltipClassName?: string;
-    /**
-     * Callback fired when the dialog is shown.
-     */
-    onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;
-    /**
-     * Callback fired when the dialog is hidden.
-     */
-    onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;
-    /**
-     * Callback fired when clicking outside the dialog.
-     */
-    onClickOutside?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when clicking inside the dialog content.
-     */
-    onContentClick?: (event: React.MouseEvent) => void;
-    /**
-     * The z-index applied to the dialog.
-     */
-    zIndex?: number;
-    /**
-     * If true, uses derived state from props.
-     */
-    useDerivedStateFromProps?: boolean;
-    /**
-     * If true, makes the dialog disappear when the reference element is hidden.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * If true, triggers the callback when the dialog mounts.
-     */
-    shouldCallbackOnMount?: boolean;
-    /**
-     * If true, instantly shows and hides the dialog without delay.
-     */
-    instantShowAndHide?: boolean;
-    /**
-     * Callback to dynamically adjust show delay and animation behavior.
-     */
-    getDynamicShowDelay?: () => {
-        showDelay: number;
-        preventAnimation: boolean;
-    };
-    /**
-     * The content displayed inside the dialog.
-     */
-    content?: (() => JSX.Element) | JSX.Element;
-    /**
-     * The element to position the dialog beside.
-     */
-    children?: ReactElement | ReactElement[] | string;
-    /**
-     * If true, keyboard focus/blur events behave like mouse enter/leave.
-     */
-    addKeyboardHideShowTriggersByDefault?: boolean;
-    /**
-     * If true, disables scrolling for the container element.
-     */
-    disableContainerScroll?: boolean | string;
-    /**
-     * Enables the observation of content resize for the popper element.
-     * When set to `true`, a ResizeObserver is attached to the popper content,
-     * automatically triggering repositioning when the size of the content changes.
-     *
-     * This is useful for dialogs, tooltips, or popovers with dynamic content
-     * that may grow or shrink without a re-render being triggered.
-     */
-    observeContentResize?: boolean;
-    /**
-     * If true, provides a LayerProvider context for nested dialogs to render correctly.
-     * This is useful when you have components that use Dialog internally (like Dropdown)
-     * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.
-     */
-    enableNestedDialogLayer?: boolean;
-}
-export interface DialogState {
-    /**
-     * If true, the dialog is open.
-     */
-    isOpen?: boolean;
-    /**
-     * If true, the dialog state is derived from props.
-     */
-    shouldUseDerivedStateFromProps?: boolean;
-    /**
-     * If true, prevents animation when opening or closing the dialog.
-     */
-    preventAnimation?: boolean;
-}
-export type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;
-export default class Dialog extends PureComponent<DialogProps, DialogState> {
-    static hideShowTriggers: typeof DialogTriggerEventEnum;
-    static positions: typeof DialogPositionEnum;
-    static animationTypes: typeof AnimationTypeEnum;
-    static defaultProps: {
-        position: string;
-        modifiers: (import("react-popper").StrictModifier<any> | Partial<PopperJS.Modifier<any, object>>)[];
-        moveBy: {
-            main: number;
-            secondary: number;
-        };
-        showDelay: number;
-        hideDelay: number;
-        showTrigger: DialogTriggerEventEnum;
-        hideTrigger: DialogTriggerEventEnum;
-        showOnDialogEnter: boolean;
-        shouldShowOnMount: boolean;
-        disable: boolean;
-        open: boolean;
-        animationType: AnimationTypeEnum;
-        preventAnimationOnMount: boolean;
-        tooltip: boolean;
-        onDialogDidShow: typeof NOOP;
-        onDialogDidHide: typeof NOOP;
-        onClickOutside: typeof NOOP;
-        onContentClick: typeof NOOP;
-        useDerivedStateFromProps: boolean;
-        hideWhenReferenceHidden: boolean;
-        shouldCallbackOnMount: boolean;
-        instantShowAndHide: boolean;
-        addKeyboardHideShowTriggersByDefault: boolean;
-        observeContentResize: boolean;
-        enableNestedDialogLayer: boolean;
-    };
-    private showTimeout;
-    private hideTimeout;
-    private containerRef;
-    context: React.ContextType<typeof LayerContext>;
-    constructor(props: DialogProps);
-    closeDialogOnEscape(event: KeyboardEvent): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState;
-    getDefaultContainer(): HTMLElement;
-    getContainer(): Element;
-    showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options?: {
-        preventAnimation?: boolean;
-    }): void;
-    onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
-    showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options?: {}): void;
-    hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
-    onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
-    hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
-    handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent): void;
-    isShown(): boolean;
-    isShowTrigger(eventName: DialogTriggerEvent): boolean;
-    isHideTrigger(eventName: DialogTriggerEvent): boolean;
-    onMouseEnter(e: React.MouseEvent): void;
-    onMouseLeave(e: React.MouseEvent): void;
-    onClick(e: React.MouseEvent): void;
-    onKeyDown(event: React.KeyboardEvent): void;
-    onMouseDown(e: React.MouseEvent): void;
-    onFocus(e: React.FocusEvent): void;
-    onBlur(e: React.FocusEvent): void;
-    onEsc(e: React.KeyboardEvent): void;
-    onContextMenu(e: React.MouseEvent): void;
-    onClickOutside(event: React.MouseEvent): void;
-    onDialogEnter(event: React.MouseEvent): void;
-    onDialogLeave(event: React.MouseEvent): void;
-    onContentClick(e: React.MouseEvent): void;
-    render(): string | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | React.JSX.Element;
-}

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

@@ -1,9 +0,0 @@
-export type DialogType = "modal" | "popover";
-export type DialogSize = "none" | "small" | "medium" | "large";
-export type DialogPosition = "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
-export type DialogTriggerEvent = "click" | "clickoutside" | "esckey" | "tab" | "mouseenter" | "mouseleave" | "enter" | "mousedown" | "focus" | "blur" | "onContentClick" | "contextmenu";
-export type DialogAnimationType = "opacity-and-slide" | "expand";
-export type DialogOffset = {
-    main?: number;
-    secondary?: number;
-};

package/dist/components/Dialog/DialogConstants.d.ts

@@ -1,57 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum HideShowEvent {
-    CLICK = "click",
-    CLICK_OUTSIDE = "clickoutside",
-    ESCAPE_KEY = "esckey",
-    TAB_KEY = "tab",
-    MOUSE_ENTER = "mouseenter",
-    MOUSE_LEAVE = "mouseleave",
-    ENTER = "enter",
-    MOUSE_DOWN = "mousedown",
-    FOCUS = "focus",
-    BLUR = "blur",
-    CONTENT_CLICK = "onContentClick",
-    CONTEXT_MENU = "contextmenu"
-}
-/**
- * @deprecated
- */
-export declare enum AnimationType {
-    OPACITY_AND_SLIDE = "opacity-and-slide",
-    EXPAND = "expand"
-}
-/**
- * @deprecated
- */
-export declare enum DialogType {
-    MODAL = "modal",
-    POPOVER = "popover"
-}
-/**
- * @deprecated
- */
-export declare enum DialogSize {
-    NONE = "none",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-/**
- * @deprecated
- */
-export declare enum DialogPosition {
-    LEFT = "left",
-    LEFT_START = "left-start",
-    LEFT_END = "left-end",
-    RIGHT = "right",
-    RIGHT_START = "right-start",
-    RIGHT_END = "right-end",
-    TOP = "top",
-    TOP_START = "top-start",
-    TOP_END = "top-end",
-    BOTTOM = "bottom",
-    BOTTOM_START = "bottom-start",
-    BOTTOM_END = "bottom-end"
-}

package/dist/components/Dialog/DialogContent/DialogContent.d.ts

@@ -1,80 +0,0 @@
-import React, { type CSSProperties, type ReactElement } from "react";
-import { type VibeComponentProps } from "../../../types";
-import { type DialogAnimationType, type DialogTriggerEvent } from "../Dialog.types";
-import type * as PopperJS from "@popperjs/core";
-export interface DialogContentProps extends VibeComponentProps {
-    /**
-     * The content inside the dialog.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * The placement of the dialog relative to the reference element.
-     */
-    position?: PopperJS.Placement;
-    /**
-     * Class name applied to the dialog wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, the dialog is open.
-     */
-    isOpen?: boolean;
-    /**
-     * The starting edge of the dialog.
-     */
-    startingEdge?: any;
-    /**
-     * The animation type used for showing/hiding the dialog.
-     */
-    animationType?: DialogAnimationType;
-    /**
-     * Callback fired when the Escape key is pressed.
-     */
-    onEsc?: (event: React.KeyboardEvent) => void;
-    /**
-     * Callback fired when the mouse enters the dialog.
-     */
-    onMouseEnter?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse leaves the dialog.
-     */
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when clicking outside the dialog.
-     */
-    onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;
-    /**
-     * Callback fired when clicking inside the dialog.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Delay before showing the dialog.
-     */
-    showDelay?: number;
-    /**
-     * Inline styles applied to the dialog.
-     */
-    styleObject?: CSSProperties;
-    /**
-     * If true, hides the reference element when the dialog is shown.
-     */
-    isReferenceHidden?: boolean;
-    /**
-     * If true, applies tooltip arrow to the dialog.
-     */
-    hasTooltip?: boolean;
-    /**
-     * The CSS selector of the container where the dialog should be rendered.
-     */
-    containerSelector?: string;
-    /**
-     * If true, disables scrolling in the container when the dialog is open.
-     */
-    disableContainerScroll?: boolean | string;
-    /**
-     * Callback fired when the context menu (right-click) event occurs outside the dialog.
-     */
-    onContextMenu?: (e: React.MouseEvent) => void;
-}
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLElement>>;
-export default DialogContent;

package/dist/components/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Dialog, type DialogProps } from "./Dialog";
-export * from "./Dialog.types";

package/dist/components/Dialog/modifiers/observeContentResizeModifier.d.ts

@@ -1,2 +0,0 @@
-import { type Modifier } from "react-popper";
-export declare const createObserveContentResizeModifier: (isEnabled?: boolean) => Modifier<"observeContentResize">;

package/dist/components/Dialog/modifiers/observeReferenceResizeModifier.d.ts

@@ -1,2 +0,0 @@
-import { type Modifier } from "react-popper";
-export declare const createObserveReferenceResizeModifier: (isEnabled?: boolean) => Modifier<"observeReferenceResize">;

package/dist/components/DialogContentContainer/DialogContentContainer.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import { DialogSize as DialogSizeEnum, DialogType as DialogTypeEnum } from "../Dialog/DialogConstants";
-import { type DialogSize, type DialogType } from "../Dialog";
-import { type VibeComponentProps } from "../../types";
-export interface DialogContentContainerProps extends VibeComponentProps {
-    /**
-     * The content inside the dialog container.
-     */
-    children?: React.ReactNode;
-    /**
-     * The ID of the element that labels this dialog.
-     */
-    ariaLabelledby?: string;
-    /**
-     * The ID of the element that describes this dialog.
-     */
-    ariaDescribedby?: string;
-    /**
-     * The type of dialog.
-     */
-    type?: DialogType;
-    /**
-     * The size of the dialog.
-     */
-    size?: DialogSize;
-    /**
-     * Custom styles applied to the dialog container.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The ARIA role applied to the dialog container.
-     * Defaults to "dialog" when not provided. Pass `null` to remove the role attribute entirely.
-     */
-    role?: string | null;
-}
-declare const _default: React.ForwardRefExoticComponent<DialogContentContainerProps & React.RefAttributes<HTMLElement>> & {
-    types: typeof DialogTypeEnum;
-    sizes: typeof DialogSizeEnum;
-};
-export default _default;

package/dist/components/DialogContentContainer/index.d.ts

@@ -1 +0,0 @@
-export { default as DialogContentContainer, type DialogContentContainerProps } from "./DialogContentContainer";

package/dist/components/LayerProvider/LayerContext.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface LayersContextType {
-    /**
-     * A reference to the layer container element.
-     */
-    layerRef: React.RefObject<HTMLElement>;
-}
-declare const LayerContext: React.Context<LayersContextType>;
-export default LayerContext;

package/dist/components/LayerProvider/LayerProvider.d.ts

@@ -1,13 +0,0 @@
-import { type FC, type ReactNode, type RefObject } from "react";
-export interface LayerProviderType {
-    /**
-     * The child elements.
-     */
-    children: ReactNode | ReactNode[];
-    /**
-     * A reference to the layer container element.
-     */
-    layerRef: RefObject<HTMLElement> | null;
-}
-declare const LayerProvider: FC<LayerProviderType>;
-export default LayerProvider;

package/dist/components/LayerProvider/index.d.ts

@@ -1 +0,0 @@
-export { default as LayerProvider, type LayerProviderType } from "./LayerProvider";

package/dist/components/Refable/Refable.d.ts

@@ -1,11 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type VibeComponentProps } from "../../types";
-export declare const Refable: React.ForwardRefExoticComponent<Omit<React.HTMLProps<any> & VibeComponentProps & {
-    children?: React.ReactNode;
-} & {
-    children: ReactElement | ReactElement[] | string;
-    /**
-     * The wrapper element type to use for React components. Defaults to "span".
-     */
-    wrapperElement?: "span" | "div";
-}, "ref"> & React.RefAttributes<React.ReactElement<any, string | React.JSXElementConstructor<any>>>>;

package/dist/components/Refable/index.d.ts

@@ -1 +0,0 @@
-export { Refable } from "./Refable";

package/dist/hooks/popoverConstants.d.ts

@@ -1,8 +0,0 @@
-export declare enum Placement {
-    RIGHT = "right",
-    RIGHT_START = "right-start",
-    RIGHT_END = "right-end",
-    LEFT = "left",
-    LEFT_START = "left-start",
-    LEFT_END = "left-end"
-}

package/dist/hooks/useClickOutside/index.d.ts

@@ -1,8 +0,0 @@
-import { type RefObject } from "react";
-import { type GenericEventCallback } from "../../types/events";
-export default function useClickOutside({ ref, callback, ignoreClasses, eventName }: {
-    ref: RefObject<HTMLElement>;
-    callback: GenericEventCallback;
-    ignoreClasses?: string[];
-    eventName?: keyof HTMLElementEventMap | string;
-}): void;

package/dist/hooks/useDisableScroll/index.d.ts

@@ -1,5 +0,0 @@
-declare const useDisableScroll: (scrollableQuerySelector: string) => {
-    disableScroll: () => void;
-    enableScroll: () => void;
-};
-export default useDisableScroll;

package/dist/hooks/useForceUpdate.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function useForceUpdate(): import("react").DispatchWithoutAction;

package/dist/hooks/usePopover.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { Placement } from "./popoverConstants";
-export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement, observeContentResize, observeReferenceResize, offset, fallbackPlacements }: {
-    isOpen?: boolean;
-    placement?: Placement;
-    observeContentResize?: boolean;
-    observeReferenceResize?: boolean;
-    offset?: [number, number];
-    fallbackPlacements?: Placement[];
-}): {
-    styles: {
-        [key: string]: import("react").CSSProperties;
-    };
-    attributes: {
-        [key: string]: {
-            [key: string]: string;
-        };
-    };
-};

package/dist/mocked_classnames/base/dist/BaseInput/BaseInput.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import i from"classnames";import t from"./BaseInput.module.scss.js";import{getStyle as l}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var o=a((function(a,o){var n=a.size,p=void 0===n?"medium":n,m=a.renderLeft,d=a.renderRight,u=a.success,c=a.error,f=a.wrapperRole,v=a.inputRole,g=a.className,N=a.inputClassName,R=r(a,["size","renderLeft","renderRight","success","error","wrapperRole","inputRole","className","inputClassName"]),_=i(t.wrapper,e(e(e(e(e({},t.rightThinnerPadding,!d),t.error,c),t.success,u),t.readOnly,R.readOnly),t.disabled,R.disabled),l(t,p),g);return s.createElement("div",{className:_,role:f},m,s.createElement("input",Object.assign({},R,{ref:o,className:i(t.input,N),"aria-invalid":c,role:v})),d)}));export{o as default};
-//# sourceMappingURL=BaseInput.js.map

package/dist/mocked_classnames/base/dist/BaseInput/BaseInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.js","sources":["../../../../../../base/dist/BaseInput/BaseInput.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import r,{forwardRef as s}from\"react\";import a from\"classnames\";import t from\"./BaseInput.module.scss.js\";import{getStyle as i}from\"@vibe/shared\";const l=s(((s,l)=>{var{size:n=\"medium\",renderLeft:o,renderRight:m,success:p,error:c,wrapperRole:d,inputRole:u,className:f,inputClassName:N}=s,R=e(s,[\"size\",\"renderLeft\",\"renderRight\",\"success\",\"error\",\"wrapperRole\",\"inputRole\",\"className\",\"inputClassName\"]);const b=a(t.wrapper,{[t.rightThinnerPadding]:!m,[t.error]:c,[t.success]:p,[t.readOnly]:R.readOnly,[t.disabled]:R.disabled},i(t,n),f);return r.createElement(\"div\",{className:b,role:d},o,r.createElement(\"input\",Object.assign({},R,{ref:l,className:a(t.input,N),\"aria-invalid\":c,role:u})),m)}));export{l as default};\n//# sourceMappingURL=BaseInput.js.map\n"],"names":["l","s","_s$size","size","n","o","renderLeft","m","renderRight","p","success","c","error","d","wrapperRole","u","inputRole","f","className","N","inputClassName","R","e","b","a","t","wrapper","_defineProperty","rightThinnerPadding","readOnly","disabled","i","r","createElement","role","Object","assign","ref","input"],"mappings":"4TAMM,IAAAA,EAAYC,GAChB,SACEA,EAYAD,GAAA,IAAAE,EAHED,EATFE,KACEC,OAAO,IAAPF,EAAO,SAAAA,EACPG,EAOAJ,EAReK,WAEfC,EAMAN,EAPUO,YAEVC,EAKAR,EANWS,QAEXC,EAIAV,EALOW,MAEPC,EAGAZ,EAJKa,YAELC,EAEAd,EAHWe,UAEXC,EACAhB,EAFSiB,UAETC,EAAAlB,EADSmB,eAENC,EAVLC,EAAArB,EAAA,CAAA,OAAA,aAAA,cAAA,UAAA,QAAA,cAAA,YAAA,YAAA,mBAcMsB,EAAoBC,EACxBC,EAAOC,QAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAEJF,CAAAA,EAAAA,EAAOG,qBAAuBrB,GAC9BkB,EAAOb,MAAQD,GACfc,EAAOf,QAAUD,GACjBgB,EAAOI,SAAWR,EAAMQ,UACxBJ,EAAOK,SAAWT,EAAMS,UAE3BC,EAASN,EAAQrB,GACjBa,GAGF,OACEe,EAAAC,cAAA,MAAA,CAAKf,UAAWK,EAAmBW,KAAMrB,GACtCR,EACD2B,EACMC,sBAAAE,OAAAC,OAAA,CAAA,EAAAf,EAAA,CACJgB,IAAKrC,EACLkB,UAAWM,EAAGC,EAAOa,MAAOnB,GAAe,eAC7BR,EACduB,KAAMnB,KAEPR,EACG"}

package/dist/mocked_classnames/base/dist/BaseInput/BaseInput.module.scss.js

@@ -1,2 +0,0 @@
-var r={wrapper:"wrapper_9d1958c941",small:"small_119ac39473",medium:"medium_80f6e80d1f",large:"large_0ad456d422",rightThinnerPadding:"rightThinnerPadding_2d6f34e4dc",input:"input_00946d1340",success:"success_9dd00923cd",readOnly:"readOnly_0d4fda3374",disabled:"disabled_5c9f3c5791",error:"error_4c3afadcc5"};!function(r){var n="s_id-5f14b2bb796b_3_0_0";if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;var e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_9d1958c941 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_9d1958c941.small_119ac39473 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_9d1958c941.medium_80f6e80d1f {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_9d1958c941.large_0ad456d422 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_9d1958c941.rightThinnerPadding_2d6f34e4dc {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_9d1958c941:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_9d1958c941:has(.input_00946d1340:active, .input_00946d1340:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340:-moz-read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340:-moz-read-only) .input_00946d1340 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340:read-only) .input_00946d1340 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340:disabled) {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340:disabled) .input_00946d1340 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_9d1958c941.success_9dd00923cd {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9d1958c941.success_9dd00923cd:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9d1958c941.success_9dd00923cd:has(.input_00946d1340:active, .input_00946d1340:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9d1958c941:has(.input_00946d1340[aria-invalid=true]):has(.input_00946d1340:active, .input_00946d1340:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_9d1958c941:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_9d1958c941.readOnly_0d4fda3374 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_9d1958c941.readOnly_0d4fda3374 .input_00946d1340 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_9d1958c941.disabled_5c9f3c5791 {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_9d1958c941.disabled_5c9f3c5791 .input_00946d1340 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_9d1958c941.success_9dd00923cd {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9d1958c941.success_9dd00923cd:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9d1958c941.success_9dd00923cd:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9d1958c941.error_4c3afadcc5 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9d1958c941.error_4c3afadcc5:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9d1958c941.error_4c3afadcc5:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_9d1958c941 .input_00946d1340 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_9d1958c941 .input_00946d1340::-moz-placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_9d1958c941 .input_00946d1340::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_9d1958c941 .input_00946d1340:disabled::-moz-placeholder {\n  color: var(--disabled-text-color);\n}\n.wrapper_9d1958c941 .input_00946d1340:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
-//# sourceMappingURL=BaseInput.module.scss.js.map

package/dist/mocked_classnames/base/dist/BaseInput/BaseInput.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}