@heliux-org/design-system-core 0.0.49 → 0.0.50

package/dist/esm/core/src/components/Text/__stories__/Text.stories.helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const TipHeading: () => import("react/jsx-runtime").JSX.Element;
+export declare const TipLink: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/components/Text/__tests__/text-tests-constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ONE_LINE_ELLIPSIS_TEST_ID = "ellipsis-text-example";
+export declare const OVERFLOW_TEXT_CONTAINER_ID = "overflow-text-examples-container";

package/dist/esm/core/src/components/Text/__tests__/text.interactions.d.ts

@@ -0,0 +1,2 @@
+import { interactionSuite } from "../../../tests/interactions-utils";
+export declare const textOverflowSuite: ReturnType<typeof interactionSuite>;

package/dist/esm/core/src/components/TextAreaField/TextAreaField.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import VibeComponent from "../../types/VibeComponent";
+export interface TextAreaProps extends VibeComponentProps {
+    placeholder?: string;
+    /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options */
+    autoComplete?: string;
+    value?: string;
+    rows?: number;
+    cols?: number;
+    minLength?: number;
+    maxLength?: number;
+    onChange?: (value: string, event: Pick<React.ChangeEvent, "target">) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+    onFocus?: (event: React.FocusEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    onWheel?: (event: React.WheelEvent) => void;
+    debounceRate?: number;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    setRef?: (node: HTMLElement) => void;
+    title?: string;
+    validation?: {
+        status?: "error" | "success";
+        text?: string;
+    };
+    wrapperClassName?: string;
+    /**  Icon names labels for a11y */
+    labelIconName?: string | React.FunctionComponent | null;
+    showCharCount?: boolean;
+    inputAriaLabel?: string;
+    activeDescendant?: string;
+    iconsNames?: {
+        layout: string;
+        primary: string;
+        secondary: string;
+    };
+    trim?: boolean;
+    /** ARIA role for container landmark */
+    role?: string;
+    /** adds required to the input element */
+    required?: boolean;
+    /** shows loading animation */
+    loading?: boolean;
+    /**
+     * @deprecated - use "data-testid" instead
+     */
+    dataTestId?: string;
+    requiredAsterisk?: boolean;
+    secondaryDataTestId?: string;
+    tabIndex?: number;
+    name?: string;
+}
+declare const TextAreaField: VibeComponent<TextAreaProps, HTMLElement>;
+export default TextAreaField;

package/dist/esm/core/src/components/TextAreaField/TextAreaFieldConstants.d.ts

@@ -0,0 +1,12 @@
+export declare enum TextAreaFieldFeedbackState {
+    ERROR = "error",
+    SUCCESS = "success"
+}
+export declare enum TextAreaFieldAriaLabel {
+    CHAR = "Input char count",
+    VALIDATION_TEXT = "Additional helper text"
+}
+export declare const FEEDBACK_CLASSES: {
+    error: string;
+    success: string;
+};

package/dist/esm/core/src/components/TextField/TextField.d.ts

@@ -0,0 +1,92 @@
+import React from "react";
+import { TextFieldFeedbackState, TextFieldSize, TextFieldTextType } from "./TextFieldConstants";
+import { VibeComponentProps, VibeComponent } from "../../types";
+export interface TextFieldProps extends VibeComponentProps {
+    placeholder?: string;
+    /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options */
+    autoComplete?: string;
+    value?: string;
+    onChange?: (value: string, event: Pick<React.ChangeEvent, "target">) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+    onFocus?: (event: React.FocusEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    onWheel?: (event: React.WheelEvent) => void;
+    debounceRate?: number;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    setRef?: (node: HTMLElement) => void;
+    iconName?: string | React.FunctionComponent | null;
+    secondaryIconName?: string | React.FunctionComponent | null;
+    title?: string;
+    /** SIZES is exposed on the component itself */
+    size?: TextFieldSize;
+    /** Don't provide status for plain assistant text */
+    validation?: {
+        status?: "error" | "success";
+        text?: string;
+    };
+    wrapperClassName?: string;
+    onIconClick?: (icon: string | React.FunctionComponent | null) => void;
+    clearOnIconClick?: boolean;
+    labelIconName?: string | React.FunctionComponent | null;
+    showCharCount?: boolean;
+    inputAriaLabel?: string;
+    searchResultsContainerId?: string;
+    activeDescendant?: string;
+    /**  Icon names labels for a11y */
+    iconsNames?: {
+        layout: string;
+        primary: string;
+        secondary: string;
+    };
+    /** TEXT_TYPES is exposed on the component itself */
+    type?: TextFieldTextType;
+    maxLength?: number;
+    trim?: boolean;
+    /** ARIA role for container landmark */
+    role?: string;
+    /** adds required to the input element */
+    required?: boolean;
+    /** shows loading animation */
+    loading?: boolean;
+    /**
+     * @deprecated - use "data-testid" instead
+     */
+    dataTestId?: string;
+    requiredAsterisk?: boolean;
+    secondaryDataTestId?: string;
+    tabIndex?: number;
+    name?: string;
+    underline?: boolean;
+    /**
+     * Apply new style for read only, use along with `readonly` prop
+     */
+    withReadOnlyStyle?: boolean;
+}
+declare const _default: ((VibeComponent<TextFieldProps & React.RefAttributes<unknown>, unknown> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+    };
+    feedbacks: typeof TextFieldFeedbackState;
+    types: typeof TextFieldTextType;
+}>) | (React.FC<TextFieldProps & React.RefAttributes<unknown>> & Partial<{
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+    };
+    feedbacks: typeof TextFieldFeedbackState;
+    types: typeof TextFieldTextType;
+}>)) & {
+    sizes: {
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
+        readonly LARGE: "large";
+    };
+    feedbacks: typeof TextFieldFeedbackState;
+    types: typeof TextFieldTextType;
+};
+export default _default;

package/dist/esm/core/src/components/TextField/TextFieldConstants.d.ts

@@ -0,0 +1,37 @@
+import { BASE_SIZES } from "../../constants";
+export declare enum TextFieldAriaLabel {
+    CHAR = "Input char count",
+    VALIDATION_TEXT = "Additional helper text"
+}
+declare const OLD_TEXT_FIELD_SIZES: {
+    s: "small";
+    md: "medium";
+    l: "large";
+};
+export type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;
+export declare const getActualSize: (size: TextFieldSize) => keyof typeof SIZE_MAPPER;
+export declare enum TextFieldTextType {
+    TEXT = "text",
+    PASSWORD = "password",
+    SEARCH = "search",
+    DATE = "date",
+    DATE_TIME = "datetime-local",
+    NUMBER = "number",
+    TEL = "tel",
+    URL = "url",
+    EMAIL = "email"
+}
+export declare enum TextFieldFeedbackState {
+    ERROR = "error",
+    SUCCESS = "success"
+}
+export declare const FEEDBACK_CLASSES: {
+    error: string;
+    success: string;
+};
+export declare const SIZE_MAPPER: {
+    small: string;
+    medium: string;
+    large: string;
+};
+export {};

package/dist/esm/core/src/components/TextField/__stories__/TextField.stories.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import { TextFieldTextType } from "../TextFieldConstants";
+import "./TextField.stories.scss";
+declare const _default: {
+    title: string;
+    component: ((import("../../../types/VibeComponent").default<import("../TextField").TextFieldProps & import("react").RefAttributes<unknown>, unknown> & Partial<{
+        sizes: {
+            readonly SMALL: "small";
+            readonly MEDIUM: "medium";
+            readonly LARGE: "large";
+        };
+        feedbacks: typeof import("../TextFieldConstants").TextFieldFeedbackState;
+        types: typeof TextFieldTextType;
+    }>) | (import("react").FC<import("../TextField").TextFieldProps & import("react").RefAttributes<unknown>> & Partial<{
+        sizes: {
+            readonly SMALL: "small";
+            readonly MEDIUM: "medium";
+            readonly LARGE: "large";
+        };
+        feedbacks: typeof import("../TextFieldConstants").TextFieldFeedbackState;
+        types: typeof TextFieldTextType;
+    }>)) & {
+        sizes: {
+            readonly SMALL: "small";
+            readonly MEDIUM: "medium";
+            readonly LARGE: "large";
+        };
+        feedbacks: typeof import("../TextFieldConstants").TextFieldFeedbackState;
+        types: typeof TextFieldTextType;
+    };
+    argTypes: Partial<import("@storybook/types").ArgTypes<import("@storybook/types").Args>>;
+    decorators: import("@heliux-org/storybook-components/dist/functions/createStoryMetaSettings/types").Decorator[];
+};
+export default _default;
+export declare const Overview: {
+    render: any;
+    name: string;
+    args: {
+        title: string;
+        iconName: import("react").FC<import("../../Icon/Icons/components/Show").ShowProps>;
+        validation: {
+            text: string;
+        };
+        wrapperClassName: string;
+        showCharCount: boolean;
+        placeholder: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const Sizes: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const States: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Validation: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TextFieldInAForm: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputFieldWithPlaceholderText: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const RequiredInputField: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputFieldWithDate: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const InputFieldWithDateAndTime: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/core/src/components/TextWithHighlight/TextWithHighlight.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import VibeComponentProps from "../../types/VibeComponentProps";
+import { DialogPosition } from "../../constants";
+export interface TextWithHighlightProps extends VibeComponentProps {
+    /** Text to wrap */
+    text?: string;
+    highlightTerm?: string;
+    /** Number of highlighted parts */
+    limit?: number;
+    ignoreCase?: boolean;
+    /** Should use ellipsis */
+    useEllipsis?: boolean;
+    /** Allow highlight every word as a separate term */
+    allowTermSplit?: boolean;
+    linesToClamp?: number;
+    /** Tooltip to show when there is no overflow */
+    nonEllipsisTooltip?: string;
+    /** HTML tag to wrap the selected text */
+    wrappingTextTag?: keyof JSX.IntrinsicElements;
+    wrappingElementClassName?: string;
+    tooltipPosition?: DialogPosition;
+}
+declare const TextWithHighlight: React.FC<TextWithHighlightProps>;
+export default TextWithHighlight;

package/dist/esm/core/src/components/TextWithHighlight/__stories__/TextWithHighlight.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("../TextWithHighlight").TextWithHighlightProps>;
+};
+export default _default;
+export declare const Overview: {
+    render: any;
+    name: string;
+    args: {
+        text: string;
+        highlightTerm: string;
+    };
+};

package/dist/esm/core/src/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactElement } from "react";
+import { SystemTheme, Theme, ThemeColor } from "./ThemeProviderConstants";
+export interface ThemeProviderProps {
+    /**
+     * @deprecated use themeConfig instead
+     */
+    theme?: Theme;
+    /**
+     * The theme config to apply, consists of a "name" - the name of css class that will be added to the children, which should be unique, and the object of colors overrides for each system theme.
+     */
+    themeConfig?: Theme;
+    /**
+     * The children to render with the theme
+     */
+    children: ReactElement;
+    /**
+     * String which adds up to theme name selector to make it more specific (in case if themeConfig.name is colliding with some other class name)
+     */
+    themeClassSpecifier?: string;
+    /**
+     * The system theme to apply to the body element on mount, if there is no theme class name on the body element already
+     */
+    systemTheme?: SystemTheme;
+    /**
+     * ClassName to add to the wrapping div
+     */
+    className?: string;
+}
+declare const _default: ((import("../../types/VibeComponent").default<ThemeProviderProps, unknown> & Partial<{
+    systemThemes: typeof SystemTheme;
+    colors: typeof ThemeColor;
+}>) | (React.FC<ThemeProviderProps> & Partial<{
+    systemThemes: typeof SystemTheme;
+    colors: typeof ThemeColor;
+}>)) & {
+    systemThemes: typeof SystemTheme;
+    colors: typeof ThemeColor;
+};
+export default _default;

package/dist/esm/core/src/components/ThemeProvider/ThemeProviderConstants.d.ts

@@ -0,0 +1,46 @@
+/**
+ * System themes: dark, light, black
+ */
+export declare enum SystemTheme {
+    LIGHT = "light",
+    DARK = "dark",
+    BLACK = "black"
+}
+/**
+ * Colors which are eligible for theming
+ */
+export declare enum ThemeColor {
+    primaryColor = "primary-color",
+    primaryHoverColor = "primary-hover-color",
+    primarySelectedColor = "surface-selected",
+    primarySelectedHoverColor = "primary-selected-hover-color",
+    primarySelectedOnSecondaryColor = "primary-selected-on-secondary-color",
+    textColorOnPrimary = "text-color-on-primary",
+    brandColor = "brand-color",
+    brandHoverColor = "brand-hover-color",
+    brandSelectedColor = "brand-selected-color",
+    brandSelectedHoverColor = "brand-selected-hover-color",
+    textColorOnBrand = "text-color-on-brand"
+}
+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/esm/core/src/components/ThemeProvider/ThemeProviderUtils.d.ts

@@ -0,0 +1,9 @@
+import { Theme, SystemTheme } from "./ThemeProviderConstants";
+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/esm/core/src/components/ThemeProvider/__stories__/ThemeProvider.stories.helpers.d.ts

@@ -0,0 +1,13 @@
+import { ThemeProviderProps } from "../ThemeProvider";
+export declare const ColorsEligibleForThemingTemplate: () => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderTemplateOverview: (args: JSX.IntrinsicAttributes & ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderThemingScopeTemplate: (_args: JSX.IntrinsicAttributes & ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderFoldedThemingTemplate: (_args: JSX.IntrinsicAttributes & ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderProductThemingTemplate: (_args: JSX.IntrinsicAttributes & ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderCustomClassTemplate: (_args: JSX.IntrinsicAttributes & ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderPositiveExampleTemplate: () => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProviderNegativeExampleTemplate: () => import("react/jsx-runtime").JSX.Element;
+export declare const TipDev: () => import("react/jsx-runtime").JSX.Element;
+export declare const UsageGuidelinesThemeProvider: () => import("react/jsx-runtime").JSX.Element;
+export declare const DescriptionWithLinkMondaySdkIntegration: () => import("react/jsx-runtime").JSX.Element;
+export declare const MondaySdkIntegrationSourceCode = "\nimport { ThemeProvider } from \"monday-ui-react-core\";\nimport mondaySdk from \"monday-sdk-js\";\n\nconst monday = mondaySdk();\n\nconst useGetContext = () => {\n  const [context, setContext] = useState({});\n  \n  useEffect(() => {\n    monday.listen(\"context\", (res) => {\n      setContext(res.data);\n    });\n  }, []);\n  \n  return context;\n};\n\nconst AppWrapper = () => {\n  const context = useGetContext();\n\n  return (\n    <ThemeProvider themeConfig={context.themeConfig} systemTheme={context.theme}>\n      <App />\n    </ThemeProvider>\n  );\n};\n";

package/dist/esm/core/src/components/ThemeProvider/__stories__/product-themes/index.d.ts

@@ -0,0 +1,4 @@
+export { productTheme1 } from "./product-theme-1";
+export { productTheme2 } from "./product-theme-2";
+export { productTheme4 } from "./product-theme-4";
+export { productTheme3 } from "./product-theme-3";

package/dist/esm/core/src/components/ThemeProvider/__stories__/product-themes/product-theme-1.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "../../ThemeProviderConstants";
+export declare const productTheme1: Theme;

package/dist/esm/core/src/components/ThemeProvider/__stories__/product-themes/product-theme-2.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "../../ThemeProviderConstants";
+export declare const productTheme2: Theme;

package/dist/esm/core/src/components/ThemeProvider/__stories__/product-themes/product-theme-3.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "../../ThemeProviderConstants";
+export declare const productTheme3: Theme;

package/dist/esm/core/src/components/ThemeProvider/__stories__/product-themes/product-theme-4.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "../../ThemeProviderConstants";
+export declare const productTheme4: Theme;

package/dist/esm/core/src/components/ThemeProvider/__tests__/themeProvider.interactions.d.ts

@@ -0,0 +1,2 @@
+import { interactionSuite } from "../../../tests/interactions-utils";
+export declare const themeProviderSystemThemeSuite: ReturnType<typeof interactionSuite>;

package/dist/esm/core/src/components/Timeline/Timeline/Timeline.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface TimelineItem {
+    title: string;
+    user: string;
+    date: string | Date;
+    description: string;
+}
+interface TimelineProps {
+    items: TimelineItem[];
+}
+declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;

package/dist/esm/core/src/components/Timeline/TimelineRow/TimelineRow.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface TimelineRowProps {
+    title: string;
+    user: string;
+    date: string | Date;
+    description: string;
+}
+declare const TimelineRow: React.FC<TimelineRowProps>;
+export default TimelineRow;

package/dist/esm/core/src/components/Tipseen/Tipseen.d.ts

@@ -0,0 +1,76 @@
+import { ReactElement } from "react";
+import { AnimationType, DialogPosition, HideShowEvent, JustifyType } from "../../constants";
+import { TipseenCloseButtonTheme, TipseenColor } from "./TipseenConstants";
+import { ElementContent, VibeComponent, VibeComponentProps } from "../../types";
+import { MoveBy } from "../../types/MoveBy";
+import { Modifier } from "react-popper";
+import React from "react";
+export interface TipseenProps extends VibeComponentProps {
+    /**
+     * Classname for overriding TipseenTitle styles
+     */
+    titleClassName?: string;
+    position?: DialogPosition;
+    animationType?: AnimationType;
+    hideDelay?: number;
+    showDelay?: number;
+    title?: string;
+    /**
+     * @deprecated - use hideCloseButton instead
+     */
+    isCloseButtonHidden?: boolean;
+    hideCloseButton?: boolean;
+    children?: ReactElement;
+    containerSelector?: string;
+    hideTrigger?: HideShowEvent | Array<HideShowEvent>;
+    showTrigger?: HideShowEvent | Array<HideShowEvent>;
+    justify?: JustifyType;
+    width?: number;
+    moveBy?: MoveBy;
+    hideWhenReferenceHidden?: boolean;
+    /**
+     * when false, the arrow of the tooltip is hidden
+     */
+    tip?: boolean;
+    /** Class name for a tooltip's arrow */
+    tooltipArrowClassName?: string;
+    /**
+     * PopperJS Modifiers type
+     * https://popper.js.org/docs/v2/modifiers/
+     */
+    modifiers?: Array<Modifier<unknown>>;
+    closeAriaLabel?: string;
+    onClose?: () => void;
+    content?: ElementContent;
+    /**
+     * Control the color of the Tipseen close button. Dark theme can be usfull while presenting bright images under the tipseen image
+     */
+    closeButtonTheme?: TipseenCloseButtonTheme;
+    floating?: boolean;
+    /** The color of the Tipseen */
+    color?: TipseenColor;
+}
+export declare const TipseenContext: React.Context<TipseenColor>;
+declare const _default: ((VibeComponent<TipseenProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
+    closeButtonThemes: typeof TipseenCloseButtonTheme;
+    positions: typeof DialogPosition;
+    animationTypes: typeof AnimationType;
+    justifyTypes: typeof JustifyType;
+    hideShowTriggers: typeof HideShowEvent;
+    colors: typeof TipseenColor;
+}>) | (React.FC<TipseenProps & React.RefAttributes<HTMLElement>> & Partial<{
+    closeButtonThemes: typeof TipseenCloseButtonTheme;
+    positions: typeof DialogPosition;
+    animationTypes: typeof AnimationType;
+    justifyTypes: typeof JustifyType;
+    hideShowTriggers: typeof HideShowEvent;
+    colors: typeof TipseenColor;
+}>)) & {
+    closeButtonThemes: typeof TipseenCloseButtonTheme;
+    positions: typeof DialogPosition;
+    animationTypes: typeof AnimationType;
+    justifyTypes: typeof JustifyType;
+    hideShowTriggers: typeof HideShowEvent;
+    colors: typeof TipseenColor;
+};
+export default _default;

package/dist/esm/core/src/components/Tipseen/TipseenBasicContent.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { VibeComponentProps } from "../../types";
+import { ElementContent } from "../../types/ElementContent";
+export interface TipseenBasicContentProps extends VibeComponentProps {
+    title?: string;
+    titleClassName?: string;
+    children?: ElementContent | ElementContent[];
+}
+declare const TipseenBasicContent: FC<TipseenBasicContentProps>;
+export default TipseenBasicContent;

package/dist/esm/core/src/components/Tipseen/TipseenConstants.d.ts

@@ -0,0 +1,22 @@
+import { ButtonProps } from "../Button/Button";
+import { ElementContent } from "../../types/ElementContent";
+export declare const SUBMIT_BUTTON_TEXT = "Submit";
+export declare const DISMISS_BUTTON_TEXT = "Dismiss";
+export declare const TIPSEEN_CLOSE_BUTTON_TEST_ID = "close-tipseen";
+export declare const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = "Close";
+export declare enum TipseenCloseButtonTheme {
+    LIGHT = "light",
+    DARK = "dark",
+    FIXED_LIGHT = "fixed-light",
+    FIXED_DARK = "fixed-dark"
+}
+export declare enum TipseenColor {
+    PRIMARY = "primary",
+    INVERTED = "inverted"
+}
+/**
+ * @deprecated
+ */
+export type ButtonPropsBackwardCompatible = ButtonProps & {
+    content?: ElementContent;
+};

package/dist/esm/core/src/components/Tipseen/TipseenContent.d.ts

@@ -0,0 +1,30 @@
+import React, { FC } from "react";
+import { ButtonPropsBackwardCompatible } from "./TipseenConstants";
+import { VibeComponentProps } from "../../types";
+import { ElementContent } from "../../types/ElementContent";
+export interface TipseenContentProps extends VibeComponentProps {
+    title?: string;
+    /**
+     * Classname for overriding TipseenTitle styles
+     */
+    titleClassName?: string;
+    /**
+     * @deprecated - use hideDismiss instead
+     */
+    isDismissHidden?: boolean;
+    hideDismiss?: boolean;
+    children?: ElementContent;
+    /**
+     * @deprecated - use hideSubmit instead
+     */
+    isSubmitHidden?: boolean;
+    hideSubmit?: boolean;
+    submitButtonText?: string;
+    submitButtonProps?: ButtonPropsBackwardCompatible;
+    onSubmit?: (event: React.MouseEvent) => void;
+    dismissButtonText?: string;
+    dismissButtonProps?: ButtonPropsBackwardCompatible;
+    onDismiss?: (event: React.MouseEvent) => void;
+}
+declare const TipseenContent: FC<TipseenContentProps>;
+export default TipseenContent;

package/dist/esm/core/src/components/Tipseen/TipseenImage.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+export interface TipseenImageProps {
+    src?: string | undefined;
+    alt?: string;
+    className?: string;
+    tipseenMediaClassName?: string;
+}
+declare const TipseenImage: FC<TipseenImageProps>;
+export default TipseenImage;