@orfium/ictinus 5.5.0 → 5.5.1

package/dist/src/components/List/stories/List.stories.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<{
+        label: string;
+        width?: number;
+        height?: number;
+        isVirtualized?: boolean;
+        onSelectionChange?: (keys: import('../types').ListSelection) => unknown;
+        disabledKeys?: import('../types').ListSelected;
+        selectedKeys?: import('../types').ListSelected;
+    } & Omit<import('react-aria').AriaListBoxProps<import('../../Select').SelectOption>, "children" | "selectionMode" | "onSelectionChange"> & import('../../..').TestProps & Omit<import('react').InputHTMLAttributes<HTMLUListElement>, "onChange"> & import('react').RefAttributes<HTMLUListElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const ListStory: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const GroupList: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const VirtualizedList: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/List/stories/ListItem.stories.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    title: string;
+    component: import('react').FCC<import('../ListItem').ListItemProps>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const ListItemCompilations: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const DisabledListItem: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/List/stories/ListItemAction.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    title: string;
+    component: import('react').FCC<{}>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

package/dist/src/components/List/stories/ListItemText.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('react').PropsWithChildren<import('../components/ListItemText').ListItemTextProps>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const ListItemTextNormal: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ListItemTextWithSecondaryText: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/List/stories/ListSection.stories.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    title: string;
+    component: import('react').FCC<import('../ListSection').ListSectionProps>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const NormalListSection: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const CompactListSection: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/List/types.d.ts

@@ -0,0 +1,9 @@
+import { Key } from 'react';
+import { ComponentSizes } from 'types';
+import { SelectOption } from '../Select';
+
+export type ListSelection = Set<Key>;
+export type ListSelected = 'all' | Iterable<Key>;
+export type ListItemType = SelectOption;
+export type ListRowSize = ComponentSizes;
+export type SelectHandlerType = (option: ListItemType) => void;

package/dist/src/components/List/utils.d.ts

@@ -0,0 +1,6 @@
+import { ComponentSizes } from 'types';
+
+/** For this amount of List Items the list of Filter will be non-virtualized */
+export declare const MAX_NON_VIRTUALIZED_ITEMS_FILTER = 6;
+export declare const MAX_NON_VIRTUALIZED_ITEMS_SELECT = 5;
+export declare const LIST_ITEM_HEIGHT: Record<ComponentSizes, number>;

package/dist/src/components/Menu/Menu.d.ts

@@ -0,0 +1,26 @@
+import { TestProps } from '../../utils/types';
+import { ListRowSize } from '../List';
+import * as React from 'react';
+export type MenuProps = {
+    children?: React.ReactElement[] | React.ReactElement;
+    /** A callback that is being triggered when selection change */
+    onSelectionChange?: (e: Set<string>) => any;
+    /** The keys of the items that are disabled */
+    disabledKeys?: Set<string>;
+    /** The keys of the items that are selected */
+    selectedKeys?: Set<string>;
+    /** The size of the row */
+    rowSize?: ListRowSize;
+    /** The ref of the trigger element */
+    triggerRef: React.RefObject<any>;
+    /** Define if the menu is open or not */
+    isOpen?: boolean;
+    /** A callback that is being triggered when the menu is closed */
+    onClose?: (e: any) => any;
+    /** A callback that is being triggered when the menu is acting */
+    onAction?: (item: string) => any;
+    /** The selection mode of the menu */
+    selectionMode?: 'single' | 'multiple';
+} & TestProps;
+declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/dist/src/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Menu').MenuProps>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        chromatic: {
+            delay: number;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const MenuTriggers: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoplay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const MenuComponents: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoplay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const MenuItemDividerStory: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoplay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const MenuDisabledKeys: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoplay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/src/components/Menu/Menu.style.d.ts

@@ -0,0 +1,13 @@
+import { ListRowSize } from '../List';
+
+export declare const popoverStyle: import('@emotion/react').SerializedStyles;
+export declare const MenuItemWrapper: import('@emotion/styled').StyledComponent<import('react-aria-components').MenuItemProps<object> & import('react').RefAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    isDisabled?: boolean;
+    isCompact?: boolean;
+    rowSize?: ListRowSize;
+}, {}, {}>;
+export declare const MenuWrapper: import('@emotion/styled').StyledComponent<import('react-aria-components').MenuProps<object> & import('react').RefAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/src/components/Menu/MenuItemDivider.d.ts

@@ -0,0 +1,8 @@
+import { CSSObject } from '@emotion/react';
+import { FC } from 'react';
+
+export type Props = {
+    sx?: CSSObject;
+};
+declare const MenuItemDivider: FC<Props>;
+export default MenuItemDivider;

package/dist/src/components/Menu/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Menu';
+export * from './Menu';
+export { default as MenuItemDivider } from './MenuItemDivider';
+export * from './MenuItemDivider';

package/dist/src/components/Modal/Modal.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ModalContentProps } from './ModalContent/ModalContent';
+import { TestId } from '../../utils/types';
+
+export type ModalProps = {
+    /**  If true, the modal is open. Defaults to false. */
+    isOpen: boolean;
+    /** Callback fired when the component requests to be closed. */
+    onClose: () => void;
+    /** If contentProps are defined then ModalContent will be used instead of children. Otherwise, you can use the Modal as a wrapper  */
+    contentProps?: ModalContentProps;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+    /** If false, the content won't have any padding */
+    isContentPadded?: boolean;
+};
+declare const Modal: React.FCC<ModalProps>;
+export default Modal;

package/dist/src/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+    title: string;
+    component: import('react').FCC<import('./Modal').ModalProps>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+    args: {
+        message: string;
+        label: string;
+        heading: string;
+        primaryCTALabel: string;
+        secondaryCTALabel: string;
+    };
+};
+export default _default;
+export declare const Modal: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};
+export declare const ModalContent: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Modal/Modal.style.d.ts

@@ -0,0 +1,8 @@
+import { SerializedStyles } from '@emotion/react';
+import { ModalProps } from './Modal';
+import { Theme } from '../../theme';
+
+export declare const backgroundContainer: (theme: Theme) => SerializedStyles;
+export declare const cardSizing: SerializedStyles;
+export declare const modalContainer: ({ isContentPadded }: Pick<ModalProps, 'isContentPadded'>) => (theme: Theme) => SerializedStyles;
+export declare const closeContainer: (theme: Theme) => SerializedStyles;

package/dist/src/components/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Modal/ModalContent/ModalContent.d.ts

@@ -0,0 +1,22 @@
+import { TestId } from '../../../utils/types';
+import * as React from 'react';
+export type ModalContentProps = {
+    /** The label of the modal. */
+    label?: string;
+    /** The heading of the modal. */
+    heading: string;
+    /** The main messager of the modal. */
+    message: string;
+    /** The primary call-to-action label of the Modal */
+    primaryCTALabel?: string;
+    /** The primary call-to-action of the Modal */
+    primaryCTA?: () => void;
+    /** The secondary call-to-action label of the Modal */
+    secondaryCTALabel?: string;
+    /** The secondary call-to-action of the Modal */
+    secondaryCTA?: () => void;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const ModalContent: React.FCC<ModalContentProps>;
+export default ModalContent;

package/dist/src/components/Modal/ModalContent/ModalContent.style.d.ts

@@ -0,0 +1,8 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../../theme';
+
+export declare const modalContentContainer: (theme: Theme) => SerializedStyles;
+export declare const labelContainer: (theme: Theme) => SerializedStyles;
+export declare const headingContainer: (theme: Theme) => SerializedStyles;
+export declare const messageContainer: (theme: Theme) => SerializedStyles;
+export declare const actionsContainer: (theme: Theme) => SerializedStyles;

package/dist/src/components/Modal/ModalContent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ModalContent';

package/dist/src/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Modal';

package/dist/src/components/MultiTextFieldBase/MultiTextFieldBase.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { TestProps } from 'utils/types';
+import { SelectOption } from '../Select';
+import { TextFieldProps } from '../TextField/TextField';
+
+export type Props = {
+    /** the values of the MultiTextField if MultiTextField is controlled */
+    selectedOptions: SelectOption[] | string[];
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React.EventHandler<any>;
+    /** Value of the `input` element */
+    value?: string | number;
+    /** Callback fired when the Delete button of each Tag is clicked */
+    onOptionDelete: (option?: SelectOption | string) => void;
+    /** Callback fired when the Delete button of the whole MultiSelect is clicked */
+    onClearAllOptions: () => void;
+    /** If the component is loading */
+    isLoading?: boolean;
+    /** Whether the Textfield should change its styles when hovered/focused etc */
+    isInteractive?: boolean;
+    /** If true, the TextField has a dynamic width, bounded by max and min width values  */
+    isResponsive?: boolean;
+    isTextfield?: boolean;
+} & Omit<TextFieldProps, 'size'>;
+declare const MultiTextFieldBase: React.ForwardRefExoticComponent<{
+    /** the values of the MultiTextField if MultiTextField is controlled */
+    selectedOptions: SelectOption[] | string[];
+    /** Callback fired when the `input` value typed is changed */
+    onInput?: React.EventHandler<any>;
+    /** Value of the `input` element */
+    value?: string | number;
+    /** Callback fired when the Delete button of each Tag is clicked */
+    onOptionDelete: (option?: SelectOption | string) => void;
+    /** Callback fired when the Delete button of the whole MultiSelect is clicked */
+    onClearAllOptions: () => void;
+    /** If the component is loading */
+    isLoading?: boolean;
+    /** Whether the Textfield should change its styles when hovered/focused etc */
+    isInteractive?: boolean;
+    /** If true, the TextField has a dynamic width, bounded by max and min width values  */
+    isResponsive?: boolean;
+    isTextfield?: boolean;
+} & Omit<TextFieldProps, "size"> & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "size" | "readOnly">> & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default MultiTextFieldBase;

package/dist/src/components/MultiTextFieldBase/MultiTextFieldBase.style.d.ts

@@ -0,0 +1,58 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const tagContent: ({ maxWidth }: {
+    maxWidth?: number;
+}) => () => SerializedStyles;
+export declare const rightIconsContainer: () => (theme: Theme) => SerializedStyles;
+export declare const progressIndicatorStyles: () => (theme: Theme) => SerializedStyles;
+export declare const tagStyle: () => (theme: Theme) => SerializedStyles;
+export declare const inputContainer: () => (theme: Theme) => SerializedStyles;
+/** TextField overrides */
+export declare const textInputBaseOverrides: ({ hasValue, hasLabel, isResponsive, isTextfield, }: {
+    hasValue: boolean;
+    isLoading?: boolean;
+    hasLabel?: boolean;
+    isResponsive?: boolean;
+    isTextfield?: boolean;
+}) => (theme: Theme) => {
+    wrapper: {
+        label: {
+            fontWeight: string;
+            transform: string;
+            bottom: string;
+        };
+        height: string;
+        minHeight: string;
+    } | {
+        'input:focus': {
+            label: {
+                fontWeight: string;
+                transform: string;
+                bottom: string;
+            };
+        };
+        label: {
+            transform: string;
+        };
+        height: string;
+        minHeight: string;
+    };
+    textField: {
+        minWidth?: string;
+        width?: string;
+        padding: string;
+    };
+};
+export declare const inputOverrides: () => {
+    input: {
+        top: string;
+        flex: string;
+        minWidth: string;
+        '&:focus, &:not(:placeholder-shown)': {
+            '& + label': {
+                transform: string;
+            };
+        };
+    };
+};

package/dist/src/components/MultiTextFieldBase/hooks.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { Props as MultiTextFieldBase } from './MultiTextFieldBase';
+import { SelectOption } from '../Select';
+import { TextFieldProps } from '../TextField/TextField';
+
+type Props = {
+    hasValue: boolean;
+    isTextfield?: boolean;
+} & Pick<MultiTextFieldBase, 'value' | 'onOptionDelete' | 'onClearAllOptions'> & Omit<TextFieldProps, 'size'>;
+declare const useMultiTextFieldBaseUtils: ({ isTextfield, label, placeholder, isRequired, isLocked, hasValue, value, onOptionDelete, onClearAllOptions, onKeyDown, }: Props & {
+    isLocked: boolean;
+}) => {
+    inputPlaceholder: string;
+    handleKeyDown: (option?: SelectOption | string) => (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    icon: import("@emotion/react/jsx-runtime").JSX.Element;
+    hasLabel: boolean;
+    TextfieldRef: React.MutableRefObject<HTMLDivElement>;
+};
+export default useMultiTextFieldBaseUtils;

package/dist/src/components/MultiTextFieldBase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MultiTextFieldBase';

package/dist/src/components/Navigation/Directory/Directory.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { NavigationProps } from '../Navigation';
+
+type DirectoryProps = NavigationProps;
+declare const Directory: React.FCC<DirectoryProps>;
+export default Directory;

package/dist/src/components/Navigation/Directory/Directory.style.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const directoryContainerStyle: (isExpanded: boolean) => () => SerializedStyles;
+export declare const menuItemStyle: () => (theme: Theme) => SerializedStyles;
+export declare const menuLinkStyle: () => (theme: Theme) => SerializedStyles;
+export declare const menuItemTextStyle: (isCurrent: boolean) => (theme: Theme) => SerializedStyles;
+export declare const subMenuLinkStyle: () => (theme: Theme) => SerializedStyles;
+export declare const arrowContainerStyle: (isOpen: boolean, isVisible: boolean) => () => SerializedStyles;
+export declare const menuIconStyle: () => (theme: Theme) => SerializedStyles;
+export declare const subMenuIconStyle: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Navigation/Directory/MenuItem/MenuItem.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { NavigationMenuItem } from '../../types';
+
+export type MenuItemProps = {
+    /** Defines the current menu item whose submenu item is currently selected */
+    isCurrent: boolean;
+    /** Defines if the menu item is expanded */
+    isExpanded: boolean;
+    toggleMenuItem: (newUrl: string) => void;
+} & NavigationMenuItem;
+declare const MenuItem: React.FCC<MenuItemProps>;
+export default MenuItem;

package/dist/src/components/Navigation/Directory/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Directory';

package/dist/src/components/Navigation/Navigation.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { NavigationMenuItem } from './types';
+
+export type NavigationProps = {
+    /** Defines if the navigation is expanded */
+    isExpanded: boolean;
+    /** Changes if the navigation is expanded */
+    setExpanded: (v: boolean) => void;
+    /** The menu items to be displayed in the navigation */
+    menuItems: NavigationMenuItem[];
+    /** Render prop function to display something over the Navigation */
+    renderHeader?: () => React.ReactNode;
+};
+declare const Navigation: React.FC<NavigationProps>;
+export default Navigation;

package/dist/src/components/Navigation/Navigation.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./Navigation').NavigationProps>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const NavigationStory: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const NavigationWithCustomComponent: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/Navigation/Navigation.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../theme';
+
+export declare const navigationContainerStyle: (isExpanded: boolean, isDesktop: boolean, isSmallDesktop: boolean) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Navigation/Navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Navigation/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Navigation';
+export * from './Navigation';
+export * from './types';

package/dist/src/components/Navigation/types.d.ts

@@ -0,0 +1,13 @@
+import { Location } from 'history';
+import { Params } from 'react-router-dom';
+import { AcceptedIconNames } from '../Icon';
+
+export type NavigationMenuItem = {
+    name: string;
+    url: string;
+    state?: Record<string, any> | null;
+    isVisible: boolean;
+    iconName: AcceptedIconNames;
+    isActive?<S = Location['state']>(params: Readonly<Params<string>>, location: Location<S>): boolean;
+    options: NavigationMenuItem[];
+};

package/dist/src/components/Notification/Banner/Banner.d.ts

@@ -0,0 +1,21 @@
+import { TestId } from '../../../utils/types';
+import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
+import * as React from 'react';
+export type BannerProps = {
+    /** Show notification icon based on the type */
+    hasIcon?: boolean;
+    /** The title (message heading) of the Notification */
+    title: string;
+    /** The informative message of the Notification */
+    message: string | React.ReactNode;
+    /** The type of the Notification */
+    type: NotificationTypes;
+    /** The style type of the Notification. Defaults to elevated */
+    styleType?: NotificationStyleType;
+    /** The closing call-to-action of the Notification */
+    closeCTA?: () => void;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+} & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
+declare const Banner: React.FCC<BannerProps>;
+export default Banner;

package/dist/src/components/Notification/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Banner';
+export * from './Banner';

package/dist/src/components/Notification/InlineNotification/InlineNotification.d.ts

@@ -0,0 +1,19 @@
+import { TestId } from '../../../utils/types';
+import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
+import * as React from 'react';
+export type InlineNotificationProps = {
+    /** Show notification icon based on the type */
+    hasIcon?: boolean;
+    /** The informative message of the Notification */
+    message: string | React.ReactNode;
+    /** The type of the Notification */
+    type: NotificationTypes;
+    /** The style type of the Notification. Defaults to elevated */
+    styleType?: NotificationStyleType;
+    /** The closing call-to-action of the Notification */
+    closeCTA?: () => void;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+} & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
+declare const InlineNotification: React.FC<InlineNotificationProps>;
+export default InlineNotification;