@vibe/core 3.77.1-alpha-59987.0 → 3.80.0

package/dist/components/Clickable/Clickable.d.ts

@@ -1,66 +0,0 @@
-import React, { type AriaRole } from "react";
-import { type VibeComponentProps } from "../../types";
-export interface ClickableProps extends VibeComponentProps {
-    /**
-     * The HTML element or custom component used as the root.
-     */
-    elementType?: keyof JSX.IntrinsicElements | string;
-    /**
-     * The content inside the clickable element.
-     */
-    children?: React.ReactNode;
-    /**
-     * The ARIA role of the element.
-     */
-    role?: AriaRole;
-    /**
-     * Callback fired when the element is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * If true, allows text selection inside the element.
-     */
-    enableTextSelection?: boolean;
-    /**
-     * Callback fired when the mouse button is pressed down on the element.
-     */
-    onMouseDown?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse enters the element.
-     */
-    onMouseEnter?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse leaves the element.
-     */
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    /**
-     * The label of the element for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * If true, hides the element from assistive technologies.
-     */
-    ariaHidden?: boolean;
-    /**
-     * Indicates the presence of a popup associated with the element.
-     */
-    ariaHasPopup?: boolean | string;
-    /**
-     * If true, indicates that the associated popup is open.
-     */
-    ariaExpanded?: boolean;
-    /**
-     * The tab order of the element.
-     */
-    tabIndex?: string | number;
-    /**
-     * If true, the element is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Inline styles applied to the element.
-     */
-    style?: React.CSSProperties;
-}
-declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLElement>>;
-export default Clickable;

package/dist/components/Clickable/ClickableWrapper.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ClickableProps } from "./Clickable";
-export interface ClickableWrapperProps extends VibeComponentProps {
-    /**
-     * The content inside the wrapper.
-     */
-    children: React.ReactNode;
-    /**
-     * If true, wraps the content in a `Clickable` component.
-     */
-    isClickable: boolean;
-    /**
-     * Props passed to the `Clickable` component.
-     */
-    clickableProps: ClickableProps;
-}
-declare const ClickableWrapper: React.ForwardRefExoticComponent<ClickableWrapperProps & React.RefAttributes<HTMLElement>>;
-export default ClickableWrapper;

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

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

package/dist/components/Flex/Flex.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { FlexAlign as FlexAlignEnum, FlexDirection as FlexDirectionEnum, FlexGap as FlexGapEnum, FlexJustify as FlexJustifyEnum } from "./FlexConstants";
-import { type FlexDirection, type FlexJustify, type FlexAlign, type FlexGap, type FlexShorthand } from "./Flex.types";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-export interface FlexProps extends VibeComponentProps {
-    /**
-     * Inline styles applied to the flex container.
-     */
-    style?: object;
-    /**
-     * The direction of the flex container.
-     */
-    direction?: FlexDirection;
-    /**
-     * The HTML element or component used as the root.
-     */
-    elementType?: React.ElementType;
-    /**
-     * If true, allows wrapping of flex items.
-     */
-    wrap?: boolean;
-    /**
-     * The content inside the flex container.
-     */
-    children?: ElementContent | ElementContent[];
-    /**
-     * Defines how flex items are aligned along the main axis.
-     */
-    justify?: FlexJustify;
-    /**
-     * Defines how flex items are aligned along the cross axis.
-     */
-    align?: FlexAlign;
-    /**
-     * The gap between flex items.
-     */
-    gap?: FlexGap | number;
-    /**
-     * The flex shorthand of the flex container.
-     */
-    flex?: FlexShorthand;
-    /**
-     * The label of the flex container for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * The tab order of the element.
-     */
-    tabIndex?: number;
-    /**
-     * Callback fired when the flex container is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse button is pressed on the flex container.
-     */
-    onMouseDown?: (event: React.MouseEvent) => void;
-    /**
-     * ID of the element describing the flex container.
-     */
-    ariaLabelledby?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
-    justify: typeof FlexJustifyEnum;
-    align: typeof FlexAlignEnum;
-    gaps: typeof FlexGapEnum;
-    directions: typeof FlexDirectionEnum;
-};
-export default _default;

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

@@ -1,10 +0,0 @@
-import type { CSSProperties } from "react";
-export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline" | "initial";
-export type FlexJustify = "start" | "center" | "end" | "stretch" | "space-around" | "space-between" | "initial";
-export type FlexGap = "xs" | "small" | "medium" | "large";
-export type FlexDirection = "row" | "column";
-export type FlexShorthand = CSSProperties["flex"] | {
-    grow?: CSSProperties["flexGrow"];
-    shrink?: CSSProperties["flexShrink"];
-    basis?: CSSProperties["flexBasis"];
-};

package/dist/components/Flex/FlexConstants.d.ts

@@ -1,39 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum FlexAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCH = "stretch",
-    BASELINE = "baseline",
-    INITIAL = "initial"
-}
-/**
- * @deprecated
- */
-export declare enum FlexJustify {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCH = "stretch",
-    SPACE_AROUND = "space-around",
-    SPACE_BETWEEN = "space-between",
-    INITIAL = "initial"
-}
-/**
- * @deprecated
- */
-export declare enum FlexGap {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-/**
- * @deprecated
- */
-export declare enum FlexDirection {
-    ROW = "row",
-    COLUMN = "column"
-}

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

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

package/dist/hooks/useClickableProps/useClickableProps.d.ts

@@ -1,21 +0,0 @@
-import type React from "react";
-import { type ClickableProps } from "../../components/Clickable/Clickable";
-/**
- * Return props for adding clickable functionality to the element except for the styles and classNames
- */
-export default function useClickableProps({ onClick, onMouseDown, onMouseEnter, onMouseLeave, disabled, id, "data-testid": dataTestId, role, tabIndex, ariaLabel, ariaHidden, ariaHasPopup, ariaExpanded }: ClickableProps, ref: React.ForwardedRef<HTMLElement>): {
-    ref: React.RefObject<HTMLElement>;
-    id: string;
-    "data-testid": string;
-    onClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
-    onKeyDown: (e: React.KeyboardEvent<Element>) => void;
-    onMouseDown: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    onMouseEnter: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    onMouseLeave: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    tabIndex: number;
-    role: React.AriaRole;
-    "aria-label": string;
-    "aria-hidden": boolean;
-    "aria-haspopup": boolean;
-    "aria-expanded": boolean;
-};

package/dist/hooks/useKeyboardButtonPressedFunc.d.ts

@@ -1,2 +0,0 @@
-import type React from "react";
-export declare function useKeyboardButtonPressedFunc(onClick: (event: React.KeyboardEvent) => void): (e: React.KeyboardEvent) => void;

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

@@ -1,128 +0,0 @@
-import React from "react";
-import { BackgroundColor as BackgroundColorEnum, BorderColor as BorderColorEnum, BoxTextColor as BoxTextColorEnum, Margin as MarginEnum, MarginBottom as MarginBottomEnum, MarginEnd as MarginEndEnum, MarginStart as MarginStartEnum, MarginTop as MarginTopEnum, MarginX as MarginXEnum, MarginY as MarginYEnum, Padding as PaddingEnum, PaddingBottom as PaddingBottomEnum, PaddingEnd as PaddingEndEnum, PaddingStart as PaddingStartEnum, PaddingTop as PaddingTopEnum, PaddingX as PaddingXEnum, PaddingY as PaddingYEnum, Rounded as RoundedEnum, Shadow as ShadowEnum } from "./BoxConstants";
-import { type BackgroundColor, type BorderColor, type BaseBoxSize, type BoxSize, type BoxTextColor, type RoundedSize, type Shadow } from "./Box.types";
-import { type VibeComponentProps, type ElementContent } from "../../types";
-export interface BoxProps extends VibeComponentProps {
-    /**
-     * The HTML element or custom component used as the root.
-     */
-    elementType?: keyof JSX.IntrinsicElements | string;
-    /**
-     * The content inside the box.
-     */
-    children?: ElementContent;
-    /**
-     * If true, the box is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, applies a border to the box.
-     */
-    border?: boolean;
-    /**
-     * The color of the border.
-     */
-    borderColor?: BorderColor;
-    /**
-     * The border radius of the box.
-     */
-    rounded?: RoundedSize;
-    /**
-     * The shadow style applied to the box.
-     */
-    shadow?: Shadow;
-    /**
-     * The margin applied to all sides.
-     */
-    margin?: BoxSize;
-    /**
-     * The horizontal margin.
-     */
-    marginX?: BoxSize;
-    /**
-     * The vertical margin.
-     */
-    marginY?: BoxSize;
-    /**
-     * The top margin.
-     */
-    marginTop?: BoxSize;
-    /**
-     * The end (right in LTR, left in RTL) margin.
-     */
-    marginEnd?: BoxSize;
-    /**
-     * The bottom margin.
-     */
-    marginBottom?: BaseBoxSize;
-    /**
-     * The start (left in LTR, right in RTL) margin.
-     */
-    marginStart?: BaseBoxSize;
-    /**
-     * The padding applied to all sides.
-     */
-    padding?: BaseBoxSize;
-    /**
-     * The horizontal padding.
-     */
-    paddingX?: BaseBoxSize;
-    /**
-     * The vertical padding.
-     */
-    paddingY?: BaseBoxSize;
-    /**
-     * The top padding.
-     */
-    paddingTop?: BaseBoxSize;
-    /**
-     * The end (right in LTR, left in RTL) padding.
-     */
-    paddingEnd?: BaseBoxSize;
-    /**
-     * The bottom padding.
-     */
-    paddingBottom?: BaseBoxSize;
-    /**
-     * The start (left in LTR, right in RTL) padding.
-     */
-    paddingStart?: BaseBoxSize;
-    /**
-     * The background color of the box.
-     */
-    backgroundColor?: BackgroundColor;
-    /**
-     * The text color inside the box.
-     */
-    textColor?: BoxTextColor;
-    /**
-     * If true, the box content is scrollable.
-     */
-    scrollable?: boolean;
-    /**
-     * Inline styles applied to the box.
-     */
-    style?: React.CSSProperties;
-}
-declare const _default: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>> & {
-    borderColors: typeof BorderColorEnum;
-    roundeds: typeof RoundedEnum;
-    shadows: typeof ShadowEnum;
-    margins: typeof MarginEnum;
-    marginXs: typeof MarginXEnum;
-    marginYs: typeof MarginYEnum;
-    marginTops: typeof MarginTopEnum;
-    marginEnds: typeof MarginEndEnum;
-    marginBottoms: typeof MarginBottomEnum;
-    marginStarts: typeof MarginStartEnum;
-    paddings: typeof PaddingEnum;
-    paddingXs: typeof PaddingXEnum;
-    paddingYs: typeof PaddingYEnum;
-    paddingTops: typeof PaddingTopEnum;
-    paddingEnds: typeof PaddingEndEnum;
-    paddingBottoms: typeof PaddingBottomEnum;
-    paddingStarts: typeof PaddingStartEnum;
-    backgroundColors: typeof BackgroundColorEnum;
-    textColors: typeof BoxTextColorEnum;
-};
-export default _default;

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

@@ -1,7 +0,0 @@
-export type BorderColor = "uiBorderColor" | "layoutBorderColor";
-export type BackgroundColor = "primaryBackgroundColor" | "secondaryBackgroundColor" | "greyBackgroundColor" | "allgreyBackgroundColor" | "invertedColorBackground";
-export type BoxTextColor = "primaryTextColor" | "textColorOnInverted" | "secondaryTextColor";
-export type BaseBoxSize = "xs" | "small" | "medium" | "large" | "xl" | "xxl" | "xxxl";
-export type BoxSize = "auto" | BaseBoxSize;
-export type Shadow = Extract<BaseBoxSize, "xs" | "small" | "medium" | "large">;
-export type RoundedSize = "small" | "medium" | "big";

package/dist/mocked_classnames/components/Box/BoxConstants.d.ts

@@ -1,250 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum Disabled {
-    DISABLED = "opacityDisabled"
-}
-/**
- * @deprecated
- */
-export declare enum Border {
-    DEFAULT = "border"
-}
-/**
- * @deprecated
- */
-export declare enum BorderColor {
-    UI_BORDER_COLOR = "uiBorderColor",
-    LAYOUT_BORDER_COLOR = "layoutBorderColor"
-}
-/**
- * @deprecated
- */
-export declare enum Rounded {
-    SMALL = "small",
-    MEDIUM = "medium",
-    BIG = "big"
-}
-/**
- * @deprecated
- */
-export declare enum Shadow {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-/**
- * @deprecated
- */
-export declare enum Margin {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum MarginX {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum MarginY {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum MarginTop {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum MarginEnd {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum MarginBottom {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum MarginStart {
-    AUTO = "auto",
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum Padding {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum PaddingX {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum PaddingY {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum PaddingTop {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum PaddingEnd {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum PaddingBottom {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum PaddingStart {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large",
-    XL = "xl",
-    XXL = "xxl",
-    XXXL = "xxxl"
-}
-/**
- * @deprecated
- */
-export declare enum BackgroundColor {
-    PRIMARY_BACKGROUND_COLOR = "primaryBackgroundColor",
-    SECONDARY_BACKGROUND_COLOR = "secondaryBackgroundColor",
-    GREY_BACKGROUND_COLOR = "greyBackgroundColor",
-    ALL_GREY_BACKGROUND_COLOR = "allgreyBackgroundColor",
-    INVERTED_COLOR_BACKGROUND = "invertedColorBackground"
-}
-/**
- * @deprecated
- */
-export declare enum BoxTextColor {
-    PRIMARY_TEXT_COLOR = "primaryTextColor",
-    TEXT_COLOR_ON_INVERTED = "textColorOnInverted",
-    SECONDARY_TEXT_COLOR = "secondaryTextColor"
-}
-export declare const SizePrefixMapping: {
-    margin: string;
-    marginX: string;
-    marginY: string;
-    marginTop: string;
-    marginEnd: string;
-    marginBottom: string;
-    marginStart: string;
-    padding: string;
-    paddingX: string;
-    paddingY: string;
-    paddingTop: string;
-    paddingEnd: string;
-    paddingBottom: string;
-    paddingStart: string;
-    shadow: string;
-    rounded: string;
-    borderColor: string;
-    backgroundColor: string;
-    textColor: string;
-};

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

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

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

@@ -1,66 +0,0 @@
-import React, { type AriaRole } from "react";
-import { type VibeComponentProps } from "../../types";
-export interface ClickableProps extends VibeComponentProps {
-    /**
-     * The HTML element or custom component used as the root.
-     */
-    elementType?: keyof JSX.IntrinsicElements | string;
-    /**
-     * The content inside the clickable element.
-     */
-    children?: React.ReactNode;
-    /**
-     * The ARIA role of the element.
-     */
-    role?: AriaRole;
-    /**
-     * Callback fired when the element is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * If true, allows text selection inside the element.
-     */
-    enableTextSelection?: boolean;
-    /**
-     * Callback fired when the mouse button is pressed down on the element.
-     */
-    onMouseDown?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse enters the element.
-     */
-    onMouseEnter?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse leaves the element.
-     */
-    onMouseLeave?: (event: React.MouseEvent) => void;
-    /**
-     * The label of the element for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * If true, hides the element from assistive technologies.
-     */
-    ariaHidden?: boolean;
-    /**
-     * Indicates the presence of a popup associated with the element.
-     */
-    ariaHasPopup?: boolean | string;
-    /**
-     * If true, indicates that the associated popup is open.
-     */
-    ariaExpanded?: boolean;
-    /**
-     * The tab order of the element.
-     */
-    tabIndex?: string | number;
-    /**
-     * If true, the element is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Inline styles applied to the element.
-     */
-    style?: React.CSSProperties;
-}
-declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLElement>>;
-export default Clickable;