@kaizen/components 1.47.0 → 1.47.1

package/dist/types/Menu/subcomponents/MenuDropdown/MenuDropdown.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export type MenuDropdownProps = {
+    id?: string;
+    hideMenuDropdown: () => void;
+    position?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    } | null;
+    align?: "left" | "right";
+    width?: "default" | "contain";
+    autoHide?: "on" | "outside-click-only" | "off";
+    children: React.ReactNode;
+    referenceElement: HTMLElement | null;
+};
+export declare const MenuDropdown: {
+    ({ children, referenceElement, id, hideMenuDropdown, autoHide, align, width, }: MenuDropdownProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Menu/subcomponents/MenuDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./MenuDropdown";

package/dist/types/Menu/subcomponents/MenuHeading/MenuHeading.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { HeadingProps } from "../../../Heading";
+export type MenuHeadingProps = {
+    children: React.ReactNode;
+} & Partial<HeadingProps>;
+export declare const MenuHeading: {
+    ({ id, classNameOverride, ...restProps }: MenuHeadingProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Menu/subcomponents/MenuHeading/index.d.ts

@@ -0,0 +1 @@
+export * from "./MenuHeading";

package/dist/types/Menu/subcomponents/MenuItem/MenuItem.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export type MenuItemProps = {
+    label: string;
+    href?: string;
+    target?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    icon?: JSX.Element;
+    destructive?: boolean;
+    disabled?: boolean;
+    /**
+     * @deprecated use data-testid
+     */
+    automationId?: string;
+    /**
+     * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs
+     * to highlight which page the user is currently on. By design, Menus don't have active items,
+     * because they are supposed to be a bunch of links/actions.
+     */
+    isActive?: boolean;
+    "data-testid"?: string;
+    id?: string;
+};
+export declare const MenuItem: {
+    ({ label, icon, destructive, disabled, onClick, href, target, isActive, "data-testid": dataTestId, id, }: MenuItemProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Menu/subcomponents/MenuItem/index.d.ts

@@ -0,0 +1 @@
+export * from "./MenuItem";

package/dist/types/Menu/subcomponents/MenuList/MenuList.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export type MenuListProps = {
+    heading?: JSX.Element;
+    children: React.ReactNode;
+} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
+export declare const MenuList: {
+    (props: MenuListProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Menu/subcomponents/MenuList/index.d.ts

@@ -0,0 +1 @@
+export * from "./MenuList";

package/dist/types/Menu/subcomponents/StatelessMenu/StatelessMenu.d.ts

@@ -0,0 +1,52 @@
+import React, { SyntheticEvent } from "react";
+export type StatelessMenuProps = {
+    /**
+     * Whether the menu is to be used on the left or right
+     * side of the viewport. If left, the left of the dropdown
+     * is aligned to the left of the button (and vice versa)
+     * @default "left"
+     */
+    align?: "left" | "right";
+    /**
+     * The width of the dropdown.
+     * "default": a fixed width of 248px
+     * "contain": contain the children's width (will be same width as children)
+     * @default "default"
+     */
+    dropdownWidth?: "default" | "contain";
+    /**
+     * @deprecated use data-testid instead
+     */
+    automationId?: string;
+    "data-testid"?: string;
+    dropdownId?: string;
+    /**
+     * Determines when the menu should automatically hide.
+     * @default: "on"
+     */
+    autoHide?: "on" | "outside-click-only" | "off";
+    /**
+     * The content to appear inside the dropdown when it is open
+     */
+    children: React.ReactNode;
+    /**
+     * Render the tooltip inside a react portal, given the CSS selector.
+     * This is typically used for instances where the menu is a descendant of an
+     * `overflow: scroll` or `overflow: hidden` element.
+     */
+    portalSelector?: string;
+    isMenuVisible: boolean;
+    toggleMenuDropdown: () => void;
+    hideMenuDropdown: () => void;
+    renderButton: (args: {
+        onClick: (e: any) => void;
+        onMouseDown: (e: any) => void;
+        "aria-haspopup": boolean;
+        "aria-expanded": boolean;
+    }) => React.ReactElement;
+    onClick?: (event: SyntheticEvent) => void;
+};
+export declare const StatelessMenu: {
+    ({ align, dropdownWidth, autoHide, "data-testid": dataTestId, dropdownId, children, portalSelector, isMenuVisible, toggleMenuDropdown, hideMenuDropdown, renderButton, onClick, }: StatelessMenuProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Menu/subcomponents/StatelessMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./StatelessMenu";

package/dist/types/Modal/ConfirmationModal/ConfirmationModal.d.ts

@@ -0,0 +1,41 @@
+import React, { HTMLAttributes } from "react";
+export type ConfirmationModalProps = {
+    isOpen: boolean;
+    unpadded?: boolean;
+    /**
+     * To display the Prominent variation of the modal types
+     */
+    isProminent?: boolean;
+    /**
+     * Defines the modal type or mood
+     */
+    mood: Mood;
+    title: string;
+    onConfirm?: () => void;
+    onDismiss: () => void;
+    /** A callback that is triggered after the modal is opened. */
+    onAfterEnter?: () => void;
+    /** A callback that is triggered after the modal is closed. */
+    onAfterLeave?: () => void;
+    confirmLabel?: string;
+    dismissLabel?: string;
+    confirmWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    children: React.ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+type Mood = "positive" | "informative" | "negative" | "cautionary" | "assertive";
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
+ */
+export declare const ConfirmationModal: {
+    ({ isOpen, isProminent, unpadded, mood, title, onConfirm, onAfterLeave, onAfterEnter, confirmLabel, dismissLabel, confirmWorking, onDismiss: propsOnDismiss, children, ...props }: ConfirmationModalProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/Modal/ConfirmationModal/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConfirmationModal";

package/dist/types/Modal/ContextModal/ContextModal.d.ts

@@ -0,0 +1,44 @@
+import React, { HTMLAttributes } from "react";
+export type ContextModalSecondaryActionProps = {
+    secondaryLabel: string;
+    onSecondaryAction: () => void;
+} | {
+    secondaryLabel?: undefined;
+    onSecondaryAction?: never;
+};
+export type ContextModalProps = Readonly<{
+    isOpen: boolean;
+    unpadded?: boolean;
+    /**
+     * Defines the orientation layout of the image and content
+     */
+    layout?: "portrait" | "landscape";
+    title: string;
+    onConfirm?: () => void;
+    onDismiss: () => void;
+    /** A callback that is triggered after the modal is opened. */
+    onAfterEnter?: () => void;
+    /** A callback that is triggered after the modal is closed. */
+    onAfterLeave?: () => void;
+    confirmLabel?: string;
+    confirmWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+    /**
+     * @deprecated use data-testid instead
+     */
+    automationId?: string;
+    renderBackground?: () => React.ReactNode;
+    image?: React.ReactNode;
+    children: React.ReactNode;
+    contentHeader?: React.ReactNode;
+} & ContextModalSecondaryActionProps & HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
+ */
+export declare const ContextModal: {
+    ({ isOpen, unpadded, layout, title, onConfirm, onDismiss: propsOnDismiss, onAfterLeave, onAfterEnter, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, secondaryLabel, onSecondaryAction, ...props }: ContextModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/ContextModal/index.d.ts

@@ -0,0 +1 @@
+export * from "./ContextModal";

package/dist/types/Modal/GenericModal/GenericModal.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type GenericModalProps = {
+    id?: string;
+    isOpen: boolean;
+    children: React.ReactNode;
+    focusLockDisabled?: boolean;
+    onEscapeKeyup?: (event: KeyboardEvent) => void;
+    onOutsideModalClick?: (event: React.MouseEvent) => void;
+    /** A callback that is triggered after the modal is opened. */
+    onAfterEnter?: () => void;
+    /** A callback that is triggered after the modal is closed. */
+    onAfterLeave?: () => void;
+};
+export declare const GenericModal: {
+    ({ id: propsId, children, isOpen, focusLockDisabled, onEscapeKeyup, onOutsideModalClick, onAfterEnter, onAfterLeave: propsOnAfterLeave, }: GenericModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/GenericModal/context/ModalContext.d.ts

@@ -0,0 +1,5 @@
+export type ModalContextType = {
+    labelledByID: string;
+    describedByID: string;
+};
+export declare const ModalContext: import("react").Context<ModalContextType>;

package/dist/types/Modal/GenericModal/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./GenericModal";
+export * from "./context/ModalContext";
+export * from "./subcomponents/ModalAccessibleDescription";
+export * from "./subcomponents/ModalFooter";
+export * from "./subcomponents/ModalHeader";
+export * from "./subcomponents/ModalAccessibleLabel";
+export * from "./subcomponents/ModalBody";

package/dist/types/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type ModalAccessibleDescriptionProps = {
+    children: React.ReactNode;
+};
+export declare const ModalAccessibleDescription: {
+    ({ children, }: ModalAccessibleDescriptionProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/GenericModal/subcomponents/ModalAccessibleDescription/index.d.ts

@@ -0,0 +1 @@
+export * from "./ModalAccessibleDescription";

package/dist/types/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type ModalAccessibleLabelProps = {
+    children: React.ReactNode;
+    isProminent?: boolean;
+};
+export declare const ModalAccessibleLabel: {
+    ({ children, isProminent, }: ModalAccessibleLabelProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/GenericModal/subcomponents/ModalAccessibleLabel/index.d.ts

@@ -0,0 +1 @@
+export * from "./ModalAccessibleLabel";

package/dist/types/Modal/GenericModal/subcomponents/ModalBody/ModalBody.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type ModalBodyProps = {
+    inputEdit?: boolean;
+    children: React.ReactNode;
+};
+export declare const ModalBody: {
+    ({ inputEdit, children, }: ModalBodyProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/GenericModal/subcomponents/ModalBody/index.d.ts

@@ -0,0 +1 @@
+export * from "./ModalBody";

package/dist/types/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from "react";
+import { ButtonProps } from "../../../../Button";
+type ActionsVariantProps = "context" | "inputEdit";
+export type ModalFooterProps = {
+    /**
+     * We have a special case for the InformationModal when it has an image.
+     * Since this modal may have an image on the right side the actions might look disconected from the content.
+     * So for this instance we need to flip the order of the actions so that the primary
+     * action is anchored to the left edge of the modal.
+     * For this rare instance added the variant prop as optional to update the order of action buttons.
+     */
+    variant?: ActionsVariantProps;
+    unpadded?: boolean;
+    actions: ButtonProps[];
+    appearance?: "primary" | "destructive";
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    alignStart?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const ModalFooter: {
+    ({ unpadded, actions, appearance, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/Modal/GenericModal/subcomponents/ModalFooter/index.d.ts

@@ -0,0 +1 @@
+export * from "./ModalFooter";

package/dist/types/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type ModalHeaderProps = {
+    unpadded?: boolean;
+    reversed?: boolean;
+    onDismiss?: (evt: React.MouseEvent) => void;
+    children: React.ReactNode;
+};
+export declare const ModalHeader: {
+    ({ reversed, onDismiss, children, }: ModalHeaderProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/GenericModal/subcomponents/ModalHeader/index.d.ts

@@ -0,0 +1 @@
+export * from "./ModalHeader";

package/dist/types/Modal/InputEditModal/InputEditModal.d.ts

@@ -0,0 +1,35 @@
+import React, { HTMLAttributes } from "react";
+export type InputEditModalProps = {
+    isOpen: boolean;
+    unpadded?: boolean;
+    mood: "positive" | "destructive";
+    title: string;
+    onSubmit: () => void;
+    onSecondaryAction?: () => void;
+    onDismiss: () => void;
+    /** A callback that is triggered after the modal is opened. */
+    onAfterEnter?: () => void;
+    /** A callback that is triggered after the modal is closed. */
+    onAfterLeave?: () => void;
+    localeDirection?: "rtl" | "ltr";
+    submitLabel?: string;
+    dismissLabel?: string;
+    secondaryLabel?: string;
+    /**
+     * @deprecated Please use data-testid
+     */
+    automationId?: string;
+    children: React.ReactNode;
+    submitWorking?: {
+        label: string;
+        labelHidden?: boolean;
+    };
+} & Omit<HTMLAttributes<HTMLDivElement>, "onSubmit">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
+ */
+export declare const InputEditModal: {
+    ({ isOpen, mood, title, onSubmit, onSecondaryAction, onAfterLeave, localeDirection, submitLabel, dismissLabel, secondaryLabel, submitWorking, children, unpadded, onDismiss: propsOnDismiss, onAfterEnter, ...props }: InputEditModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Modal/InputEditModal/index.d.ts

@@ -0,0 +1 @@
+export * from "./InputEditModal";

package/dist/types/Modal/_docs/controls.d.ts

@@ -0,0 +1,11 @@
+import { Decorator } from "@storybook/react";
+export declare const chromaticModalSettings: {
+    parameters: {
+        chromatic: {
+            disable: boolean;
+            delay: number;
+            pauseAnimationAtEnd: boolean;
+        };
+    };
+    decorators: Decorator[];
+};

package/dist/types/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ConfirmationModal";
+export * from "./ContextModal";
+export * from "./GenericModal";
+export * from "./InputEditModal";

package/dist/types/Modal/util/console.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @deprecated Do not use ever again
+ */
+export declare const warn: (message: string) => void;
+export declare const singleLine: (message: string) => string;

package/dist/types/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from "react";
+import { FieldMessageProps } from "../FieldMessage";
+import { OverrideClassName } from "../types/OverrideClassName";
+import { MultiSelectOptionsProps } from "./subcomponents/MultiSelectOptions";
+import { MultiSelectOption, ValidationMessage } from "./types";
+export type MultiSelectProps = {
+    label: string;
+    items: MultiSelectOptionsProps["options"];
+    selectedValues: Set<MultiSelectOption["value"]>;
+    /**
+     * A description that provides context for the field
+     */
+    description?: FieldMessageProps["message"];
+    onSelectedValuesChange: MultiSelectOptionsProps["onChange"];
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    /** A status and message to provide context to the validation issue  */
+    validationMessage?: ValidationMessage;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const MultiSelect: {
+    ({ id: propsId, label, items, selectedValues, description, onSelectedValuesChange, isOpen, onOpenChange, classNameOverride, validationMessage, ...restProps }: MultiSelectProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/MultiSelect/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultiSelect";

package/dist/types/MultiSelect/subcomponents/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export type CheckedStatus = "checked" | "unchecked" | "indeterminate";
+type ReadOnly = {
+    readOnly: true;
+    onChange?: never;
+};
+type Controlled = {
+    readOnly?: false;
+    onChange: Required<InputHTMLAttributes<HTMLInputElement>["onChange"]>;
+};
+export type CheckboxProps = {
+    checkedStatus: CheckedStatus;
+} & (ReadOnly | Controlled) & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "checked">>;
+export declare const Checkbox: {
+    ({ checkedStatus, classNameOverride, ...restProps }: CheckboxProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/MultiSelect/subcomponents/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./Checkbox";

package/dist/types/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { MultiSelectOption } from "../../types";
+import { CheckboxProps } from "../Checkbox";
+export type MultiSelectOptionFieldProps = {
+    id: string;
+    option: MultiSelectOption;
+    checkedStatus: CheckboxProps["checkedStatus"];
+    onChange: CheckboxProps["onChange"];
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "id" | "onChange">>;
+export declare const MultiSelectOptionField: {
+    ({ id, option, checkedStatus, onChange, classNameOverride, ...restProps }: MultiSelectOptionFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/MultiSelect/subcomponents/MultiSelectOptionField/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultiSelectOptionField";

package/dist/types/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { MultiSelectOption } from "../../types";
+export type MultiSelectOptionsProps = {
+    id: string;
+    options: MultiSelectOption[];
+    selectedValues: Set<MultiSelectOption["value"]>;
+    onChange: (selectedValues: Set<MultiSelectOption["value"]>) => void;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLFieldSetElement>, "onChange">>;
+export declare const MultiSelectOptions: {
+    ({ id, options, selectedValues, onChange, classNameOverride, ...restProps }: MultiSelectOptionsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/MultiSelect/subcomponents/MultiSelectOptions/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultiSelectOptions";

package/dist/types/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts

@@ -0,0 +1,26 @@
+import React, { HTMLAttributes } from "react";
+import { FieldMessageProps } from "../../../FieldMessage";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { MultiSelectOption } from "../../types";
+export type MultiSelectToggleProps = {
+    onClick: React.MouseEventHandler;
+    ["aria-labelledby"]: string;
+    ["aria-controls"]: string;
+    selectedOptions: MultiSelectOption[];
+    isOpen?: boolean;
+    status?: FieldMessageProps["status"];
+    onRemoveOption: (optionValue: MultiSelectOption["value"]) => void;
+    onRemoveAllOptions: () => void;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const MultiSelectToggle: React.ForwardRefExoticComponent<{
+    onClick: React.MouseEventHandler;
+    "aria-labelledby": string;
+    "aria-controls": string;
+    selectedOptions: MultiSelectOption[];
+    isOpen?: boolean | undefined;
+    status?: FieldMessageProps["status"];
+    onRemoveOption: (optionValue: MultiSelectOption["value"]) => void;
+    onRemoveAllOptions: () => void;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/MultiSelect/subcomponents/MultiSelectToggle/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultiSelectToggle";

package/dist/types/MultiSelect/subcomponents/Popover/Popover.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from "react";
+import { ReferenceType, UseFloatingReturn, UseFloatingOptions } from "@floating-ui/react-dom";
+import { ReactFocusOnProps } from "react-focus-on/dist/es5/types";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export type PopoverProps<RT extends ReferenceType = ReferenceType> = {
+    children: React.ReactNode;
+    refs: UseFloatingReturn<RT>["refs"];
+    /**
+     * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook
+     */
+    floatingOptions?: Omit<UseFloatingOptions, "elements">;
+    focusOnProps?: Omit<ReactFocusOnProps, "children">;
+    portalContainer?: Element | DocumentFragment;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const Popover: {
+    <RT extends ReferenceType>({ children, refs, floatingOptions, focusOnProps, portalContainer, classNameOverride, ...restProps }: PopoverProps<RT>): JSX.Element;
+    displayName: string;
+};

package/dist/types/MultiSelect/subcomponents/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Popover";
+export { useFloating } from "@floating-ui/react-dom";

package/dist/types/MultiSelect/types.d.ts

@@ -0,0 +1,9 @@
+import { FieldMessageStatus } from "../FieldMessage";
+export type MultiSelectOption = {
+    label: string;
+    value: string | number;
+};
+export type ValidationMessage = {
+    status?: Extract<FieldMessageStatus, "error" | "caution">;
+    message: string | React.ReactElement;
+};

package/dist/types/Notification/GlobalNotification/GlobalNotification.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { NotificationType } from "../types";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type GlobalNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    children: React.ReactNode;
+    onHide?: () => void;
+    persistent?: boolean;
+}>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
+ */
+export declare const GlobalNotification: {
+    ({ persistent, ...props }: GlobalNotificationProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Notification/GlobalNotification/index.d.ts

@@ -0,0 +1 @@
+export * from "./GlobalNotification";

package/dist/types/Notification/InlineNotification/InlineNotification.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { HeadingProps } from "../../Heading";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { NotificationType } from "../types";
+export type InlineNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    children?: React.ReactNode;
+    /** @default false */
+    persistent?: boolean;
+    /** @default false */
+    hideCloseIcon?: boolean;
+    onHide?: () => void;
+    noBottomMargin?: boolean;
+    forceMultiline?: boolean;
+    headingProps?: HeadingProps;
+    isSubtle?: boolean;
+}>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
+ */
+export declare const InlineNotification: {
+    ({ isSubtle, hideCloseIcon, persistent, classNameOverride, ...otherProps }: InlineNotificationProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/Notification/InlineNotification/index.d.ts

@@ -0,0 +1 @@
+export * from "./InlineNotification";