@vibe/core 4.5.14 → 4.5.16

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

@@ -1,20 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface SlideTransitionProps extends VibeComponentProps {
-    /**
-     * The direction of the slide transition.
-     */
-    direction: SlideDirection;
-    /**
-     * Custom inline styles applied to the transition container.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The content inside the transition container.
-     */
-    children: React.ReactNode;
-}
-/**
- * Defines the possible slide transition directions.
- */
-export type SlideDirection = "forward" | "backward";

package/dist/components/Switch/Switch.d.ts

@@ -1,59 +0,0 @@
-import React, { type ChangeEvent, type ReactElement } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type MockToggleProps } from "../Toggle/MockToggle";
-export interface SwitchProps extends VibeComponentProps {
-    /**
-     * The name of the switch input.
-     */
-    name?: string;
-    /**
-     * The value associated with the switch.
-     */
-    value?: string;
-    /**
-     * The ARIA role of the switch.
-     */
-    role?: string;
-    /**
-     * If true, the switch is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element labeling the switch.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * If true, the switch is checked.
-     */
-    checked?: boolean;
-    /**
-     * Class name applied to the input element.
-     */
-    inputClassName?: string;
-    /**
-     * Callback fired when the switch state changes.
-     */
-    onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The ID of the element controlled by the switch.
-     */
-    "aria-controls"?: string;
-    /**
-     * If true, the switch is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child component rendered inside the switch.
-     */
-    children?: ReactElement<MockToggleProps>;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-export default Switch;

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

@@ -1 +0,0 @@
-export { default as Switch, SwitchProps } from "./Switch";

package/dist/components/TextWithHighlight/TextWithHighlight.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface TextWithHighlightProps extends VibeComponentProps {
-    /**
-     * The text content to display.
-     */
-    text?: string;
-    /**
-     * The term to highlight within the text.
-     */
-    highlightTerm?: string;
-    /**
-     * The maximum number of highlighted terms allowed.
-     */
-    limit?: number;
-    /**
-     * If true, the highlight search is case-insensitive.
-     */
-    ignoreCase?: boolean;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    useEllipsis?: boolean;
-    /**
-     * If true, allows splitting the highlight term into separate words.
-     */
-    allowTermSplit?: boolean;
-    /**
-     * The number of lines to display before truncating with an ellipsis.
-     */
-    linesToClamp?: number;
-    /**
-     * Tooltip content displayed when there is no overflow.
-     */
-    nonEllipsisTooltip?: string;
-    /**
-     * The HTML tag used to wrap highlighted text.
-     */
-    wrappingTextTag?: keyof JSX.IntrinsicElements;
-    /**
-     * Class name applied to the wrapping element of highlighted text.
-     */
-    wrappingElementClassName?: string;
-    /**
-     * Additional props to customize the tooltip component.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-declare const TextWithHighlight: React.FC<TextWithHighlightProps>;
-export default TextWithHighlight;

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

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

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,30 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type Theme } from "./ThemeProviderConstants";
-import { type SystemTheme } from "./ThemeProvider.types";
-export interface ThemeProviderProps {
-    /**
-     * The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)
-     * and an object of color overrides for each system theme.
-     */
-    themeConfig?: Theme;
-    /**
-     * The children to be rendered with the applied theme.
-     */
-    children: ReactElement;
-    /**
-     * A string added to the theme name selector to make it more specific, in case `themeConfig.name`
-     * collides with another class name.
-     */
-    themeClassSpecifier?: string;
-    /**
-     * The system theme to apply to the `body` element on mount,
-     * if there is no system theme class name on the body already.
-     */
-    systemTheme?: SystemTheme;
-    /**
-     * Class name applied to the wrapping `div`.
-     */
-    className?: string;
-}
-declare const ThemeProvider: ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }: ThemeProviderProps) => React.JSX.Element;
-export default ThemeProvider;

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

@@ -1,5 +0,0 @@
-export type SystemTheme = "light" | "dark" | "black";
-/**
- * Colors which are eligible for theming
- */
-export type ThemeColor = "primary-color" | "primary-hover-color" | "primary-selected-color" | "primary-selected-hover-color" | "primary-selected-on-secondary-color" | "text-color-on-primary" | "brand-color" | "brand-hover-color" | "brand-selected-color" | "brand-selected-hover-color" | "text-color-on-brand";

package/dist/components/ThemeProvider/ThemeProviderConstants.d.ts

@@ -1,23 +0,0 @@
-import { type SystemTheme, type ThemeColor } from "./ThemeProvider.types";
-export type Theme = {
-    /**
-     * The name of the theme - name of css class that will be added to the children - should be unique
-     */
-    name: string;
-    colors: SystemThemeColorMap;
-};
-type SystemThemeColorMap = {
-    [key in SystemTheme]?: ThemeColorTokenValueMap;
-};
-export type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;
-export type ThemeColorTokenValue = {
-    [key in ThemeColor]?: string;
-};
-type ThemeCustomClassValue = {
-    [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;
-};
-export declare const SystemThemeClassMap: SystemThemeClassMapType;
-type SystemThemeClassMapType = {
-    [key in SystemTheme]: string;
-};
-export {};

package/dist/components/ThemeProvider/ThemeProviderUtils.d.ts

@@ -1,10 +0,0 @@
-import { type Theme } from "./ThemeProviderConstants";
-import { type SystemTheme } from "./ThemeProvider.types";
-export declare const shouldGenerateTheme: (themeConfig: Theme) => boolean;
-export declare const generateThemeCssOverride: (themeConfig: Theme, themeClassSpecifier: string) => string;
-export declare const generateRandomAlphaString: (length?: number) => string;
-export declare const addAppThemeSuffix: (systemTheme: SystemTheme) => string;
-export declare const getBodySystemThemeClassName: () => string;
-export declare const isAnySystemThemeClassNameOnBody: () => boolean;
-export declare const addSystemThemeClassNameToBody: (systemTheme: SystemTheme) => void;
-export declare const removeSystemThemeClassNameFromBody: (systemTheme: SystemTheme) => void;

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

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

package/dist/components/Toggle/MockToggle.d.ts

@@ -1,34 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type ToggleSize } from "./Toggle.types";
-export interface MockToggleProps extends VibeComponentProps {
-    /**
-     * If true, hides the on/off labels.
-     */
-    areLabelsHidden?: boolean;
-    /**
-     * If true, the toggle is in the "on" state.
-     */
-    checked?: boolean;
-    /**
-     * The text displayed when the toggle is in the "off" state.
-     */
-    offOverrideText?: string;
-    /**
-     * The text displayed when the toggle is in the "on" state.
-     */
-    onOverrideText?: string;
-    /**
-     * Class name applied when the toggle is selected.
-     */
-    selectedClassName?: string;
-    /**
-     * If true, disables the toggle.
-     */
-    disabled: boolean;
-    /**
-     * The size of the toggle.
-     */
-    size?: ToggleSize;
-}
-export declare const MockToggle: FC<MockToggleProps>;

package/dist/components/Toggle/Toggle.d.ts

@@ -1,59 +0,0 @@
-import React, { type ChangeEvent } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ToggleSize } from "./Toggle.types";
-export interface ToggleProps extends VibeComponentProps {
-    /**
-     * Class name applied when the toggle is selected.
-     */
-    toggleSelectedClassName?: string;
-    /**
-     * If true, the toggle is selected by default.
-     */
-    isDefaultSelected?: boolean;
-    /**
-     * Controls the selected state of the toggle.
-     */
-    isSelected?: boolean;
-    /**
-     * Callback fired when the toggle state changes.
-     */
-    onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The value associated with the toggle.
-     */
-    value?: string;
-    /**
-     * The name attribute of the toggle input.
-     */
-    name?: string;
-    /**
-     * If true, disables the toggle.
-     */
-    disabled?: boolean;
-    /**
-     * If true, hides the on/off labels.
-     */
-    areLabelsHidden?: boolean;
-    /**
-     * The text displayed when the toggle is in the "on" position.
-     */
-    onOverrideText?: string;
-    /**
-     * The text displayed when the toggle is in the "off" position.
-     */
-    offOverrideText?: string;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element controlled by the toggle.
-     */
-    "aria-controls"?: string;
-    /**
-     * The size of the toggle.
-     */
-    size?: ToggleSize;
-}
-declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
-export default Toggle;

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

@@ -1 +0,0 @@
-export type ToggleSize = "small" | "medium";

package/dist/components/Toggle/ToggleConstants.d.ts

@@ -1 +0,0 @@
-export declare const BASE_TOGGLE_CLASS_NAME = "monday-style-toggle";

package/dist/components/Toggle/ToggleText.d.ts

@@ -1,14 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface ToggleTextProps extends VibeComponentProps {
-    /**
-     * The text content inside the toggle.
-     */
-    children: string;
-    /**
-     * If true, applies a disabled style to the text.
-     */
-    disabled: boolean;
-}
-declare const ToggleText: FC<ToggleTextProps>;
-export default ToggleText;

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

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

package/dist/components/TransitionView/TransitionView.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { type TransitionViewProps } from "./TransitionView.types";
-declare const TransitionView: React.ForwardRefExoticComponent<TransitionViewProps & React.RefAttributes<HTMLDivElement>>;
-export default TransitionView;

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

@@ -1,18 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type SlideDirection } from "../SlideTransition/SlideTransition.types";
-export interface TransitionViewProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStep: number;
-    /**
-     * The direction of the transition between steps.
-     */
-    direction: TransitionViewDirection;
-    /**
-     * The child elements representing the steps in the transition.
-     */
-    children: React.ReactNode[];
-}
-export type TransitionViewDirection = SlideDirection;

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

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

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

@@ -1,31 +0,0 @@
-import { type ChangeEvent } from "react";
-declare enum SwitchRole {
-    CHECKBOX = "checkbox",
-    BUTTON = "button"
-}
-export interface UseSwitchProps {
-    /**
-     * If true, controls the checked state of the switch.
-     */
-    isChecked?: boolean;
-    /**
-     * The initial checked state when uncontrolled.
-     */
-    defaultChecked?: boolean;
-    /**
-     * Callback fired when the switch state changes.
-     */
-    onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;
-    /**
-     * If true, disables interaction with the switch.
-     */
-    isDisabled?: boolean;
-}
-declare function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }?: UseSwitchProps): {
-    isChecked: boolean;
-    onChange: (event?: ChangeEvent<HTMLInputElement> | unknown) => void;
-};
-declare namespace useSwitch {
-    var switchRole: typeof SwitchRole;
-}
-export default useSwitch;

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

@@ -1,35 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type AlertBannerBackgroundColor } from "./AlertBanner.types";
-import { type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-import { type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-import { type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-import { type VibeComponentProps } from "../../types";
-type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
-export interface AlertBannerProps extends VibeComponentProps {
-    /**
-     * The background color of the alert banner.
-     */
-    backgroundColor?: AlertBannerBackgroundColor;
-    /**
-     * If true, the close button is hidden.
-     */
-    isCloseHidden?: boolean;
-    /**
-     * The ARIA label of the alert banner for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ARIA label of the close button for accessibility.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * Callback fired when the close button is clicked.
-     */
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The content of the alert banner.
-     */
-    children?: ChildrenType | ChildrenType[];
-}
-declare const AlertBanner: React.ForwardRefExoticComponent<AlertBannerProps & React.RefAttributes<HTMLDivElement>>;
-export default AlertBanner;

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

@@ -1 +0,0 @@
-export type AlertBannerBackgroundColor = "primary" | "positive" | "negative" | "dark" | "warning";

package/dist/mocked_classnames/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts

@@ -1,10 +0,0 @@
-import { type ButtonProps } from "@vibe/button";
-import { type FC } from "react";
-export interface AlertBannerButtonProps extends ButtonProps {
-    /**
-     * If true, the button is displayed on a dark background.
-     */
-    isDarkBackground?: boolean;
-}
-declare const AlertBannerButton: FC<AlertBannerButtonProps>;
-export default AlertBannerButton;

package/dist/mocked_classnames/components/AlertBanner/AlertBannerContext.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type TypographyColor } from "@vibe/typography";
-type AlertBannerContextType = {
-    textColor: Extract<TypographyColor, "onPrimary" | "onInverted" | "fixedDark">;
-};
-export declare const AlertBannerContext: React.Context<AlertBannerContextType>;
-export {};

package/dist/mocked_classnames/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts

@@ -1,10 +0,0 @@
-import { type FC } from "react";
-import { type LinkProps } from "@vibe/link";
-export interface AlertBannerLinkProps extends LinkProps {
-    /**
-     * If true, a left margin is applied to the link.
-     */
-    marginLeft?: boolean;
-}
-declare const AlertBannerLink: FC<AlertBannerLinkProps>;
-export default AlertBannerLink;

package/dist/mocked_classnames/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts

@@ -1,18 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface AlertBannerTextProps extends VibeComponentProps {
-    /**
-     * The text content displayed within the alert banner.
-     */
-    text: string;
-    /**
-     * If true, a left margin is applied to the alert banner text.
-     */
-    marginLeft?: boolean;
-    /**
-     * The aria-live attribute value for the alert banner text.
-     */
-    ariaLive?: "polite" | "assertive" | "off";
-}
-declare const AlertBannerText: FC<AlertBannerTextProps>;
-export default AlertBannerText;

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

@@ -1,5 +0,0 @@
-export { default as AlertBanner, type AlertBannerProps } from "./AlertBanner";
-export { default as AlertBannerButton, type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-export { default as AlertBannerLink, type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-export { default as AlertBannerText, type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-export * from "./AlertBanner.types";

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { type SlideTransitionProps } from "./SlideTransition.types";
-declare const SlideTransition: React.ForwardRefExoticComponent<SlideTransitionProps & React.RefAttributes<HTMLDivElement>>;
-export default SlideTransition;

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

@@ -1,20 +0,0 @@
-import type React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface SlideTransitionProps extends VibeComponentProps {
-    /**
-     * The direction of the slide transition.
-     */
-    direction: SlideDirection;
-    /**
-     * Custom inline styles applied to the transition container.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The content inside the transition container.
-     */
-    children: React.ReactNode;
-}
-/**
- * Defines the possible slide transition directions.
- */
-export type SlideDirection = "forward" | "backward";

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

@@ -1,59 +0,0 @@
-import React, { type ChangeEvent, type ReactElement } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type MockToggleProps } from "../Toggle/MockToggle";
-export interface SwitchProps extends VibeComponentProps {
-    /**
-     * The name of the switch input.
-     */
-    name?: string;
-    /**
-     * The value associated with the switch.
-     */
-    value?: string;
-    /**
-     * The ARIA role of the switch.
-     */
-    role?: string;
-    /**
-     * If true, the switch is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The ARIA label for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * The ID of the element labeling the switch.
-     */
-    "aria-labelledby"?: string;
-    /**
-     * If true, the switch is checked.
-     */
-    checked?: boolean;
-    /**
-     * Class name applied to the input element.
-     */
-    inputClassName?: string;
-    /**
-     * Callback fired when the switch state changes.
-     */
-    onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The ID of the element controlled by the switch.
-     */
-    "aria-controls"?: string;
-    /**
-     * If true, the switch is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child component rendered inside the switch.
-     */
-    children?: ReactElement<MockToggleProps>;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-export default Switch;

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

@@ -1 +0,0 @@
-export { default as Switch, SwitchProps } from "./Switch";

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

@@ -1,51 +0,0 @@
-import React from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface TextWithHighlightProps extends VibeComponentProps {
-    /**
-     * The text content to display.
-     */
-    text?: string;
-    /**
-     * The term to highlight within the text.
-     */
-    highlightTerm?: string;
-    /**
-     * The maximum number of highlighted terms allowed.
-     */
-    limit?: number;
-    /**
-     * If true, the highlight search is case-insensitive.
-     */
-    ignoreCase?: boolean;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    useEllipsis?: boolean;
-    /**
-     * If true, allows splitting the highlight term into separate words.
-     */
-    allowTermSplit?: boolean;
-    /**
-     * The number of lines to display before truncating with an ellipsis.
-     */
-    linesToClamp?: number;
-    /**
-     * Tooltip content displayed when there is no overflow.
-     */
-    nonEllipsisTooltip?: string;
-    /**
-     * The HTML tag used to wrap highlighted text.
-     */
-    wrappingTextTag?: keyof JSX.IntrinsicElements;
-    /**
-     * Class name applied to the wrapping element of highlighted text.
-     */
-    wrappingElementClassName?: string;
-    /**
-     * Additional props to customize the tooltip component.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-declare const TextWithHighlight: React.FC<TextWithHighlightProps>;
-export default TextWithHighlight;

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

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