@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-3c271.0

package/dist/components/Link/Link.d.ts

@@ -1,70 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type LinkColor, type LinkIconPosition, type LinkTarget } from "./Link.types";
-import { type VibeComponentProps } from "../../types";
-export interface LinkProps extends VibeComponentProps {
-    /**
-     * Class name applied to the link text.
-     */
-    textClassName?: string;
-    /**
-     * The URL the link points to.
-     */
-    href?: string;
-    /**
-     * The text content of the link.
-     */
-    text?: string;
-    /**
-     * Specifies the relationship between the current document and the linked resource.
-     */
-    rel?: string;
-    /**
-     * Callback fired when the link is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Specifies where to open the linked document.
-     */
-    target?: LinkTarget;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element that describes this link.
-     */
-    "aria-describedby"?: string;
-    /**
-     * The ID of the element labeling this link.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Icon displayed next to the link text.
-     */
-    icon?: SubIcon;
-    /**
-     * The position of the icon relative to the text.
-     */
-    iconPosition?: LinkIconPosition;
-    /**
-     * If true, disables navigation when the link is clicked.
-     */
-    disableNavigation?: boolean;
-    /**
-     * If true, the link inherits the surrounding text's font size.
-     */
-    inheritFontSize?: boolean;
-    /**
-     * If true, the link is styled to fit within inline text content.
-     */
-    inlineText?: boolean;
-    /** The link's color style */
-    color?: LinkColor;
-    /**
-     * Inline style object applied to the link element.
-     */
-    style?: React.CSSProperties;
-}
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;

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

@@ -1,3 +0,0 @@
-export type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
-export type LinkIconPosition = "start" | "end";
-export type LinkColor = "primary" | "onPrimary" | "onInverted";

package/dist/components/Link/LinkConsts.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum LinkTarget {
-    NEW_WINDOW = "_blank",
-    SELF = "_self",
-    PARENT = "_parent",
-    TOP = "_top"
-}
-/**
- * @deprecated
- */
-export declare enum IconPosition {
-    START = "start",
-    END = "end"
-}

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

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

package/dist/components/ProgressBars/PercentageLabel/PercentageLabel.d.ts

@@ -1,13 +0,0 @@
-import { type FC } from "react";
-export interface PercentageLabelProps {
-    /**
-     * The ID of the element this label is associated with.
-     */
-    forElement: string;
-    /**
-     * The percentage value to display.
-     */
-    value: number;
-}
-declare const PercentageLabel: FC<PercentageLabelProps>;
-export default PercentageLabel;

package/dist/components/ProgressBars/ProgressBar/Bar/Bar.d.ts

@@ -1,48 +0,0 @@
-import { type FC } from "react";
-import { type VibeComponentProps } from "../../../../types";
-import { type ProgressBarStyle } from "../ProgressBar.types";
-export type BarType = "primary" | "secondary";
-export interface BarProps extends VibeComponentProps {
-    /**
-     * Determines the visual style of the progress bar.
-     */
-    barStyle?: ProgressBarStyle;
-    /**
-     * The minimum value of the progress bar.
-     */
-    min?: number;
-    /**
-     * The maximum value of the progress bar.
-     */
-    max?: number;
-    /**
-     * The current progress value.
-     */
-    value?: number;
-    /**
-     * If true, enables animation effects.
-     */
-    animated?: boolean;
-    /**
-     * Base class name for the bar.
-     */
-    baseClass?: string;
-    /**
-     * The ARIA label describing the progress bar.
-     */
-    barLabelName?: string;
-    /**
-     * Custom color for the progress bar.
-     */
-    color?: string;
-    /**
-     * The type of the bar.
-     */
-    type?: BarType;
-    /**
-     * If true, allows displaying percentage values higher than 100% when value exceeds max.
-     */
-    allowExceedingMax?: boolean;
-}
-declare const Bar: FC<BarProps>;
-export default Bar;

package/dist/components/ProgressBars/ProgressBar/ProgressBar.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { type ProgressBarSize, type ProgressBarStyle } from "./ProgressBar.types";
-import { type VibeComponentProps } from "../../../types";
-export interface ProgressBarProps extends VibeComponentProps {
-    /**
-     * Determines the visual style of the progress bar.
-     */
-    barStyle?: ProgressBarStyle;
-    /**
-     * The minimum value of the progress bar.
-     */
-    min?: number;
-    /**
-     * The maximum value of the progress bar.
-     */
-    max?: number;
-    /**
-     * The current progress value.
-     */
-    value?: number;
-    /**
-     * The secondary progress value.
-     */
-    valueSecondary?: number;
-    /**
-     * If true, enables animation effects.
-     */
-    animated?: boolean;
-    /**
-     * The size of the progress bar.
-     */
-    size?: ProgressBarSize;
-    /**
-     * If true, displays the progress percentage.
-     */
-    indicateProgress?: boolean;
-    /**
-     * If true, enables multiple progress bars.
-     * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.
-     */
-    multi?: boolean;
-    /**
-     * An array of bar values and colors for multi-bar mode.
-     */
-    multiValues?: {
-        /**
-         * The progress value for a bar.
-         */
-        value?: number;
-        /**
-         * The bar color in hex format (`#000000` - `#ffffff`).
-         */
-        color?: string;
-    }[];
-    /**
-     * The ARIA label for the progress bar.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, makes the progress bar span the full container width.
-     */
-    fullWidth?: boolean;
-    /**
-     * If true, allows displaying percentage values higher than 100% when value exceeds max.
-     */
-    allowExceedingMax?: boolean;
-}
-declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
-export default ProgressBar;

package/dist/components/ProgressBars/ProgressBar/ProgressBar.types.d.ts

@@ -1,3 +0,0 @@
-import { type SIZES } from "../../../constants";
-export type ProgressBarStyle = "primary" | "secondary" | "positive" | "negative" | "warning" | "none";
-export type ProgressBarSize = (typeof SIZES)[keyof typeof SIZES];

package/dist/components/ProgressBars/ProgressBar/ProgressBarHelpers.d.ts

@@ -1,4 +0,0 @@
-import { type SIZES } from "./../../../constants/sizes";
-export type Size = (typeof SIZES)[keyof typeof SIZES];
-export declare const calculatePercentage: (value: number, min: number, max: number, allowExceeding?: boolean) => number;
-export declare const getProgressBarClassNames: (value: number) => string;

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

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

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,74 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface RadioButtonProps extends VibeComponentProps {
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * Class name applied to the radio button element.
-     */
-    radioButtonClassName?: string;
-    /**
-     * The label text displayed next to the radio button.
-     */
-    text?: string;
-    /**
-     * The value associated with the radio button.
-     */
-    value?: string;
-    /**
-     * The name of the radio button group.
-     */
-    name?: string;
-    /**
-     * If true, the radio button automatically receives focus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the radio button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The reason why the radio button is disabled, displayed in a tooltip.
-     */
-    disabledReason?: string;
-    /**
-     * If true, the radio button is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child elements inside the radio button.
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback fired when the radio button selection changes.
-     */
-    onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;
-    /**
-     * If provided, controls the checked state of the radio button.
-     */
-    checked?: boolean;
-    /**
-     * If true, clicking on children will trigger selection.
-     */
-    retainChildClick?: boolean;
-    /**
-     * The tab index applied to the children.
-     */
-    childrenTabIndex?: number;
-    /**
-     * If true, disables the label animation.
-     */
-    noLabelAnimation?: boolean;
-    /**
-     * ARIA label for accessibility when no text is provided.
-     */
-    "aria-label"?: string;
-    /**
-     * ID of element that describe this radio button.
-     */
-    "aria-describedby"?: string;
-}
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

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

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

package/dist/helpers/textManipulations.d.ts

@@ -1,10 +0,0 @@
-export declare const formatNumberConsts: Readonly<{
-    MIN_PRECISION: 0;
-    MAX_PRECISION: 20;
-    DEFAULT_LOCAL: "en-US";
-}>;
-export declare function formatNumber(value: number, { local, isCompact, precision }?: {
-    local?: Intl.Locale["language"];
-    isCompact?: boolean;
-    precision?: number;
-}): string;

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

@@ -1,2 +0,0 @@
-import { type RefObject } from "react";
-export default function useAfterFirstRender(): RefObject<boolean>;

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

@@ -1 +0,0 @@
-export default function usePrevious<Type>(value: Type): Type;

package/dist/mocked_classnames/components/Avatar/Avatar.d.ts

@@ -1,107 +0,0 @@
-import React, { type AriaRole } from "react";
-import { type ElementAllowedColor } from "../../types/Colors";
-import { type AvatarSize, type AvatarType } from "./Avatar.types";
-import { type AvatarBadgeProps } from "./AvatarBadge";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface AvatarProps extends VibeComponentProps {
-    /**
-     * The image source for the avatar.
-     */
-    src?: string;
-    /**
-     * The text displayed inside the avatar.
-     */
-    text?: string;
-    /**
-     * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * The ARIA label of the avatar.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, the tooltip is disabled.
-     */
-    withoutTooltip?: boolean;
-    /**
-     * The icon displayed inside the avatar.
-     */
-    icon?: SubIcon;
-    /**
-     * The type of the avatar.
-     */
-    type?: AvatarType;
-    /**
-     * Class name applied to the text inside the avatar.
-     */
-    textClassName?: string;
-    /**
-     * Class name applied to the avatar content wrapper.
-     */
-    avatarContentWrapperClassName?: string;
-    /**
-     * The background color of the avatar.
-     */
-    backgroundColor?: ElementAllowedColor;
-    /**
-     * A custom background color.
-     */
-    customBackgroundColor?: string;
-    /**
-     * The ARIA role of the avatar.
-     */
-    role?: AriaRole;
-    /**
-     * The size of the avatar.
-     */
-    size?: AvatarSize;
-    /**
-     * A custom size in pixels.
-     */
-    customSize?: number;
-    /**
-     * The tab index of the avatar.
-     */
-    tabIndex?: number;
-    /**
-     * If true, the avatar is hidden from assistive technologies.
-     */
-    "aria-hidden"?: boolean;
-    /**
-     * If true, the avatar is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, renders the avatar as a square instead of a circle.
-     */
-    square?: boolean;
-    /**
-     * Props for the top-left badge.
-     */
-    topLeftBadgeProps?: AvatarBadgeProps;
-    /**
-     * Props for the top-right badge.
-     */
-    topRightBadgeProps?: AvatarBadgeProps;
-    /**
-     * Props for the bottom-left badge.
-     */
-    bottomLeftBadgeProps?: AvatarBadgeProps;
-    /**
-     * Props for the bottom-right badge.
-     */
-    bottomRightBadgeProps?: AvatarBadgeProps;
-    /**
-     * If true, removes the avatar's border.
-     */
-    withoutBorder?: boolean;
-    /**
-     * Callback fired when the avatar is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;
-}
-declare const Avatar: ({ id, type, className, avatarContentWrapperClassName, textClassName, size, src, icon, text, tooltipProps, "aria-label": ariaLabel, withoutTooltip, role, backgroundColor, square, disabled, tabIndex, "aria-hidden": ariaHidden, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps, withoutBorder, customSize, customBackgroundColor, onClick, "data-testid": dataTestId }: AvatarProps) => React.JSX.Element;
-export default Avatar;

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

@@ -1,2 +0,0 @@
-export type AvatarType = "img" | "icon" | "text";
-export type AvatarSize = "xs" | "small" | "medium" | "large";

package/dist/mocked_classnames/components/Avatar/AvatarBadge.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import { type AvatarSize } from "./Avatar.types";
-import { type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface AvatarBadgeProps extends VibeComponentProps {
-    /**
-     * The image source for the badge.
-     */
-    src?: string;
-    /**
-     * The icon displayed inside the badge.
-     */
-    icon?: SubIcon;
-    /**
-     * The tab index of the badge.
-     */
-    tabIndex?: number;
-    /**
-     * The size of the badge.
-     */
-    size?: AvatarSize;
-    /**
-     * Callback fired when the badge is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-}
-declare const AvatarBadge: ({ src, icon, tabIndex, className, size, id, onClick, "data-testid": dataTestId, ...otherProps }: AvatarBadgeProps) => React.JSX.Element;
-export default AvatarBadge;

package/dist/mocked_classnames/components/Avatar/AvatarContent.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import { type AvatarSize, type AvatarType } from "./Avatar.types";
-import { type SubIcon } from "@vibe/icon";
-import { type VibeComponentProps } from "../../types";
-export interface AvatarContentProps extends VibeComponentProps {
-    /**
-     * The image source when the type is set to `img`.
-     */
-    src?: string;
-    /**
-     * The type of content displayed inside the avatar.
-     */
-    type?: AvatarType;
-    /**
-     * The size of the avatar content.
-     */
-    size?: AvatarSize;
-    /**
-     * The ARIA role of the content.
-     */
-    role?: string;
-    /**
-     * The label of the content for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The icon displayed when the type is set to `icon`.
-     */
-    icon?: SubIcon;
-    /**
-     * Class name applied to the text content.
-     */
-    textClassName?: string;
-    /**
-     * The text displayed when the type is set to `text`.
-     */
-    text?: string;
-}
-declare const AvatarContent: ({ type, src, icon, text, "aria-label": ariaLabel, role, size, textClassName, id, "data-testid": dataTestId }: AvatarContentProps) => React.JSX.Element;
-export default AvatarContent;

package/dist/mocked_classnames/components/Avatar/index.d.ts

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

package/dist/mocked_classnames/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,85 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type ButtonValue } from "./ButtonGroupConstants";
-import { type ButtonType, type ButtonSize } from "@vibe/button";
-import { type VibeComponentProps } from "../../types";
-import { type MoveBy } from "../../types/MoveBy";
-import { type TooltipPositions } from "@vibe/tooltip";
-type ButtonGroupOption = {
-    icon?: SubIcon;
-    leftIcon?: SubIcon;
-    "aria-label"?: string;
-    subText?: string;
-    value: ButtonValue;
-    text: string;
-    disabled?: boolean;
-    tooltipContent?: string;
-};
-export interface ButtonGroupProps extends VibeComponentProps {
-    /**
-     * The list of button options.
-     */
-    options: Array<ButtonGroupOption>;
-    /**
-     * The currently selected button value.
-     */
-    value?: ButtonValue;
-    /**
-     * Callback fired when a button is selected.
-     */
-    onSelect?: (value: ButtonValue, name: string) => void;
-    /**
-     * The size of the buttons.
-     */
-    size?: ButtonSize;
-    /**
-     * The style variant of the buttons.
-     */
-    kind?: Extract<ButtonType, "secondary" | "tertiary">;
-    /**
-     * The name of the button group.
-     */
-    name?: string;
-    /**
-     * If true, disables all buttons in the group.
-     */
-    disabled?: boolean;
-    /**
-     * The label of the button group for accessibility.
-     */
-    groupAriaLabel?: string;
-    /**
-     * The position of the tooltip relative to the button.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * The delay in milliseconds before the tooltip hides.
-     */
-    tooltipHideDelay?: number;
-    /**
-     * The delay in milliseconds before the tooltip shows.
-     */
-    tooltipShowDelay?: number;
-    /**
-     * CSS selector for the tooltip container.
-     */
-    tooltipContainerSelector?: string;
-    /**
-     * Adjusts the tooltip position.
-     */
-    tooltipMoveBy?: MoveBy;
-    /**
-     * The content inside the button group.
-     */
-    children?: React.ReactNode;
-    /**
-     * If true, makes the button group take the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * If true, removes focus from the button after clicking.
-     */
-    blurOnMouseUp?: boolean;
-}
-declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default ButtonGroup;

package/dist/mocked_classnames/components/ButtonGroup/ButtonGroupConstants.d.ts

@@ -1 +0,0 @@
-export type ButtonValue = string | number;

package/dist/mocked_classnames/components/ButtonGroup/ButtonWrapper.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import { type ButtonProps } from "@vibe/button";
-import { type MoveBy } from "../../types/MoveBy";
-import { type TooltipPositions } from "@vibe/tooltip";
-export interface ButtonWrapperProps extends ButtonProps {
-    /**
-     * The content of the tooltip.
-     */
-    tooltipContent?: string;
-    /**
-     * The position of the tooltip relative to the button.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * The delay in milliseconds before the tooltip hides.
-     */
-    tooltipHideDelay?: number;
-    /**
-     * The delay in milliseconds before the tooltip shows.
-     */
-    tooltipShowDelay?: number;
-    /**
-     * CSS selector for the tooltip container.
-     */
-    tooltipContainerSelector?: string;
-    /**
-     * Adjusts the tooltip position.
-     */
-    tooltipMoveBy?: MoveBy;
-    /**
-     * If true, makes the button take the full width of its container.
-     */
-    fullWidth?: boolean;
-}
-export declare const ButtonWrapper: ({ tooltipContent, tooltipPosition, tooltipHideDelay, tooltipShowDelay, tooltipContainerSelector, tooltipMoveBy, fullWidth, className, ...otherProps }: ButtonWrapperProps) => React.JSX.Element;

package/dist/mocked_classnames/components/ButtonGroup/index.d.ts

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