@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

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

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-import { PositiveSpacingToken, HorizontalAligns, IressStyledProps, ResponsiveProp } from '../../types';
-export type IressStackProps<E extends keyof React.JSX.IntrinsicElements = 'div'> = IressStyledProps<E> & {
-    /**
-     * Content to be separated by a gutter.
-     */
-    children?: ReactNode;
-    /**
-     * The HTML element that should be rendered.
-     * @default 'div'
-     */
-    element?: E;
-    /**
-     * Sets the gap between direct children.
-     * @see https://developer.mozilla.org/docs/Web/CSS/gap
-     */
-    gap?: ResponsiveProp<PositiveSpacingToken>;
-    /**
-     * Sets the horizontal alignment of the stack content.
-     */
-    horizontalAlign?: HorizontalAligns;
-};
-export declare const IressStack: <E extends keyof React.JSX.IntrinsicElements = "div">({ className, element, ...restProps }: IressStackProps<E>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Stack/Stack.styles.d.ts

@@ -1,13 +0,0 @@
-export declare const stack: import('../../styled-system/types').RecipeRuntimeFn<{
-    horizontalAlign: {
-        center: {
-            alignItems: "center";
-        };
-        left: {
-            alignItems: "flex-start";
-        };
-        right: {
-            alignItems: "flex-end";
-        };
-    };
-}>;

package/dist/src/components/TabSet/Tab/Tab.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode, Ref, ReactElement } from 'react';
-import { FormControlValue, IressStyledProps } from '../../../types';
-import { ButtonElement } from '../../Button';
-export type IressTabProps<THref extends string | undefined = undefined> = Omit<IressStyledProps<ButtonElement<undefined, THref>>, 'value'> & {
-    /**
-     * Sets the active styling of the tab.
-     */
-    active?: boolean;
-    /**
-     * Text to be displayed inside the tab panel.
-     */
-    children?: ReactNode;
-    /**
-     * Contains a URL or a URL fragment that the hyperlink points to.
-     * If this property is set, an anchor tag will be rendered.
-     *
-     * **Note:** This prop should be avoided when using `children`.
-     */
-    href?: THref;
-    /**
-     * The label of this tab.
-     */
-    label: ReactNode;
-    /**
-     * You can provide your own value to allow you to control its active state when used in `IressTabSet`.
-     */
-    value?: FormControlValue;
-};
-export declare const IressTab: <THref extends string | undefined = undefined>(props: IressTabProps<THref> & {
-    ref?: Ref<HTMLElementTagNameMap[ButtonElement<undefined, THref>]>;
-}) => ReactElement;

package/dist/src/components/TabSet/Tab/Tab.styles.d.ts

@@ -1,17 +0,0 @@
-export declare const tab: import('../../../styled-system/types').RecipeRuntimeFn<{
-    active: {
-        true: {
-            borderBottomColor: "colour.primary.text";
-            color: "colour.primary.text";
-            textStyle: "typography.body.md.strong";
-        };
-    };
-    insideTabSet: {
-        true: {
-            borderBottomWidth: "0px";
-            _hover: {
-                bg: "[none]";
-            };
-        };
-    };
-}>;

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

@@ -1,38 +0,0 @@
-import { TabSetChangedEventDetail } from './TabSetProvider';
-import { ReactNode } from 'react';
-import { FormControlValue, IressStyledProps } from '../../types';
-import { IressCustomiseSlot } from '../../interfaces';
-export interface IressTabSetProps extends Omit<IressStyledProps, 'onChange'> {
-    /**
-     * Content to be displayed inside the IressTabs, usually multiple `IressTab`.
-     */
-    children?: ReactNode;
-    /**
-     * Set the selected tab for uncontrolled tabs.
-     * If the `IressTab` does not have a `value` prop, it will match by index.
-     */
-    defaultSelected?: FormControlValue;
-    /**
-     * Layout options for the positioning of tabs.
-     * @default top-left
-     */
-    layout?: 'top-left' | 'top-center' | 'top-right';
-    /**
-     * Emitted when a tab changes.
-     */
-    onChange?: (event: TabSetChangedEventDetail) => void;
-    /**
-     * Custom style for the panel (the area that contains the tab content).
-     */
-    panelStyle?: IressCustomiseSlot;
-    /**
-     * Set the selected tab for controlled tabs.
-     * If the `IressTab` does not have a `value` prop, it will match by index.
-     */
-    selected?: FormControlValue;
-    /**
-     * Custom style for the tab holder (the area that contains the tabs).
-     */
-    tabHolderStyle?: IressCustomiseSlot;
-}
-export declare const IressTabSet: ({ children, className, defaultSelected, layout, onChange, panelStyle, selected, tabHolderStyle, ...restProps }: IressTabSetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TabSet/TabSet.styles.d.ts

@@ -1,25 +0,0 @@
-export declare const tabSet: import('../../styled-system/types').SlotRecipeRuntimeFn<"list" | "root" | "panel" | "hoverIndicator" | "listHolder" | "activeIndicator", {
-    layout: {
-        'top-left': {
-            list: {
-                justifyContent: "flex-start";
-            };
-        };
-        'top-center': {
-            list: {
-                justifyContent: "center";
-            };
-            activeIndicator: {
-                left: "[50%]";
-            };
-        };
-        'top-right': {
-            list: {
-                justifyContent: "flex-end";
-            };
-            activeIndicator: {
-                left: "[100%]";
-            };
-        };
-    };
-}>;

package/dist/src/components/TabSet/TabSetProvider.d.ts

@@ -1,32 +0,0 @@
-import { MutableRefObject, PropsWithChildren } from 'react';
-import { FormControlValue } from '../../types';
-export interface TabSetContextValue {
-    activate: (node?: HTMLElement | null) => void;
-    active?: HTMLElement;
-    hover?: HTMLElement;
-    isActive: (node?: HTMLElement | null) => boolean;
-    panel: HTMLDivElement | null;
-    register: (node: HTMLElement, value?: FormControlValue) => void;
-    setHover: (node?: HTMLElement) => void;
-    unregister: (node: HTMLElement) => void;
-}
-export interface TabSetProviderProps extends PropsWithChildren {
-    defaultSelected?: FormControlValue;
-    hoverIndicator?: MutableRefObject<HTMLElement | null>;
-    onChange?: (event: TabSetChangedEventDetail) => void;
-    panel: HTMLDivElement | null;
-    selected?: FormControlValue;
-}
-export interface TabSetChangedEventDetail {
-    /**
-     * The index of the tab that was selected.
-     */
-    index: number;
-    /**
-     * The value of the tab that was selected.
-     * If the tab does not have a value, this will be the same as `index`.
-     */
-    value?: FormControlValue;
-}
-export declare const TabSetContext: import('react').Context<TabSetContextValue | undefined>;
-export declare const TabSetProvider: ({ children, defaultSelected, onChange, panel, selected: selectedProp, }: TabSetProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,67 +0,0 @@
-import { TableRowsProps } from './components/TableRows';
-import { ReactNode } from 'react';
-import { TableColumn } from './helpers/composeTableColumnDefs';
-import { IressStyledProps } from '../../types';
-export type IressTableProps<TRow extends object = never, TVal = never, E extends 'table' | 'tbody' = 'table'> = Omit<IressStyledProps<E>, 'border'> & {
-    /**
-     * If set to true, the table will have alternating row colors.
-     * This is useful for improving readability in tables with many rows.
-     */
-    alternate?: boolean;
-    /**
-     * Caption that describes the data in the table, required for accessibility.
-     */
-    caption: ReactNode;
-    /**
-     * Multiple table elements can be passed as children.
-     * Used to create a static table, or add a `<tfoot />` element to a `rows` based table.
-     */
-    children?: ReactNode;
-    /**
-     * A mapping of columns to be displayed in the table.
-     * If not provided, it will be automatically regenerated from the row data.
-     */
-    columns?: TableColumn<TRow, TVal>[];
-    /**
-     * Compact view of the table, used for tables with a lot of data.
-     */
-    compact?: boolean;
-    /**
-     * Content to be show when there is no rowData (columns must also be provided).
-     */
-    empty?: ReactNode;
-    /**
-     * When set to true, the table caption will be visually hidden.
-     */
-    hiddenCaption?: boolean;
-    /**
-     * When set to true, the table header (`<thead></thead>`) will be not be rendered.
-     * Only use with very simple tables.
-     */
-    hiddenHeader?: boolean;
-    /**
-     * When set to true, hovering over a row will trigger a UI change.
-     */
-    hover?: boolean;
-    /**
-     * If set to true, the table will not have borders between rows.
-     * This is useful for simpler tables where the row borders are not needed.
-     */
-    removeRowBorders?: boolean;
-    /**
-     * Add additional props to the row element.
-     * Can be a props map or a function that returns an props map. The function is called with the row data.
-     */
-    rowProps?: TableRowsProps<TRow>['rowProps'];
-    /**
-     * Each object in the array contains the data for a row.
-     * @default []
-     */
-    rows?: TRow[];
-    /**
-     * Defaults to 'row' - the first cell in the row is a `<th>`, otherwise it's a `<td>`.
-     * @default 'row'
-     */
-    scope?: 'row' | 'col';
-};
-export declare const IressTable: <TRow extends object = never, TVal = never>({ alternate, caption, children, columns, compact, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, hover, removeRowBorders, rowProps, rows, scope, ...restProps }: IressTableProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Table/TableBody/TableBody.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { IressTableProps } from '../Table';
-export interface IressTableBodyProps<TRow extends object = never, TVal = never> extends Omit<IressTableProps<TRow, TVal, 'tbody'>, 'alternate' | 'compact' | 'hover' | 'removeRowBorders'> {
-    /**
-     * Caption that describes the data in the inner table, required for accessibility.
-     * Used to open/close the inner table.
-     *
-     * **Note:** Do not include interactive elements inside the caption.
-     */
-    caption: ReactNode;
-    /**
-     * When set to true, the table caption will be visually hidden.
-     * If set, the inner table will always be open.
-     */
-    hiddenCaption?: boolean;
-    /**
-     * Is called when table is opened.
-     */
-    onOpened?: () => void;
-    /**
-     * Is called when table is closed.
-     */
-    onClosed?: () => void;
-    /**
-     * When true, all rows will be visible, otherwise they are hidden.
-     */
-    open?: boolean;
-}
-export declare const IressTableBody: <TRow extends object = never, TVal = never>({ caption, children, columns, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, onOpened, onClosed, open, rowProps, rows, scope, ...restProps }: IressTableBodyProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Table/TableFormattedValue/TableFormattedValue.d.ts

@@ -1,25 +0,0 @@
-import { CurrencyFormatterProps } from '../../../helpers/formatting/formatCurrency';
-import { ReactNode } from 'react';
-export interface IressTableFormattedValueProps<TRow extends object, TVal = unknown> {
-    /**
-     * The currency code to prefix to the value if `format` is set to currency.
-     * @default { locale: 'en-AU', currencyCode: 'AUD' }
-     */
-    currencyFormatOptions?: Omit<CurrencyFormatterProps, 'value'>;
-    /**
-     * Formats the cell content.
-     * To use the in-built formatters, set this to: string, number, date, currency, percent.
-     * Use a custom formatter by passing a function that returns a ReactNode.
-     */
-    format?: TableCellFormats | ((value: TVal, row?: TRow) => ReactNode);
-    /**
-     * The row data.
-     */
-    row?: TRow;
-    /**
-     * The value to format.
-     */
-    value: TVal;
-}
-export type TableCellFormats = 'string' | 'number' | 'date' | 'shortDate' | 'isoDateTime' | 'relativeTime' | 'currency' | 'percent';
-export declare const IressTableFormattedValue: <TRow extends object, TVal = unknown>({ currencyFormatOptions, format, row, value, }: IressTableFormattedValueProps<TRow, TVal>) => string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | TVal | null | undefined;

package/dist/src/components/Table/TableProvider.d.ts

@@ -1,14 +0,0 @@
-import { Context, PropsWithChildren } from 'react';
-import { Table } from '@tanstack/react-table';
-import { TableColumn } from './helpers/composeTableColumnDefs';
-export interface TableProviderProps<TRow extends object, TVal = unknown> extends PropsWithChildren {
-    columns?: TableColumn<TRow, TVal>[];
-    rows: TRow[];
-}
-export interface TableContextValue<TRow extends object, TVal = unknown> {
-    api: Table<TRow>;
-    getColumnByKey: (key: string) => TableColumn<TRow, TVal> | undefined;
-}
-export declare function getTableContext<TRow extends object, TVal = unknown>(): Context<TableContextValue<TRow, TVal>>;
-export declare const TableContext: Context<TableContextValue<object, unknown> | undefined>;
-export declare const TableProvider: <TRow extends object, TVal = unknown>({ children, columns, rows, }: TableProviderProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableBodyCell.d.ts

@@ -1,12 +0,0 @@
-import { IressTestProps } from '../../../interfaces';
-import { PropsWithChildren } from 'react';
-import { Cell } from '@tanstack/react-table';
-export interface TableBodyCellProps<TRow extends object = never> extends PropsWithChildren, IressTestProps {
-    additionalHeaders?: string;
-    cellApi: Pick<Cell<TRow, unknown>, 'column' | 'row' | 'id'>;
-    hiddenHeader?: boolean;
-    index: number;
-    scope?: 'row' | 'col';
-    tableId: string;
-}
-export declare const TableBodyCell: <TRow extends object = never>({ additionalHeaders, cellApi, children, hiddenHeader, index, scope, tableId, ...restProps }: TableBodyCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableEmpty.d.ts

@@ -1,2 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare const TableEmpty: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Table/components/TableHeader.d.ts

@@ -1,8 +0,0 @@
-import { AriaRelationshipProps } from '../../../hooks/useAriaRelationship';
-export interface TableHeaderProps extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
-    additionalHeaders?: string;
-    className?: string;
-    tableId: string;
-    testId?: string;
-}
-export declare const TableHeader: ({ additionalHeaders, className, setControlViaRef, tableId, testId, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element[] | null | undefined;

package/dist/src/components/Table/components/TableHeaderCell.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { IressTestProps } from '../../../interfaces';
-import { Column } from '@tanstack/react-table';
-export interface TableHeaderCellProps extends PropsWithChildren, IressTestProps {
-    additionalHeaders?: string;
-    columnApi: Pick<Column<object, unknown>, 'getCanSort' | 'toggleSorting' | 'id'>;
-    tableId: string;
-}
-export declare const TableHeaderCell: ({ additionalHeaders, children, columnApi, tableId, ...restProps }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableRows.d.ts

@@ -1,12 +0,0 @@
-import { Row } from '@tanstack/react-table';
-import { IressStyledProps } from '../../../types';
-import { AriaRelationshipProps } from '../../../hooks/useAriaRelationship';
-export interface TableRowsProps<TRow extends object = never> extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
-    additionalHeaders?: string;
-    hiddenHeader?: boolean;
-    scope?: 'row' | 'col';
-    rowProps?: IressStyledProps<'tr'> | ((row: Row<TRow>) => IressStyledProps<'tr'>);
-    tableId: string;
-    testId?: string;
-}
-export declare const TableRows: <TRow extends object = never>({ additionalHeaders, hiddenHeader, rowProps, setControlViaRef, scope, tableId, testId, }: TableRowsProps<TRow>) => import("react/jsx-runtime").JSX.Element[] | null;

package/dist/src/components/Table/components/TableSortButton.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ColumnSort } from '@tanstack/react-table';
-export interface TableSortButtonProps extends PropsWithChildren {
-    label?: string;
-    noWrap?: boolean;
-    sort?: ColumnSort;
-    toggleSorting: () => void;
-}
-export declare const TableSortButton: ({ children, label, noWrap, sort, toggleSorting, }: TableSortButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-export * from './Table';
-export * from './Table.styles';
-export * from './TableBody/TableBody';
-export * from './TableFormattedValue/TableFormattedValue';
-export type { TableColumn } from './helpers/composeTableColumnDefs';

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

@@ -1,26 +0,0 @@
-import { FocusEvent, ReactNode, SyntheticEvent } from 'react';
-import { IressTextProps } from '../Text';
-export interface IressTagProps extends Omit<IressTextProps<'span'>, 'element'> {
-    /**
-     * Contents of the tag.
-     */
-    children?: ReactNode;
-    /**
-     * You can completely replace the delete button to provide your own functionality.
-     * When this is provided, `deleteButtonText` will not be used and `onDelete` and `onDeleteButtonBlur` will not be called.
-     */
-    deleteButton?: ReactNode;
-    /**
-     * Screen reader text for delete button
-     */
-    deleteButtonText?: string;
-    /**
-     * Callback triggered when the tag is deleted
-     */
-    onDelete?: (children: string, e: SyntheticEvent<HTMLButtonElement>) => void;
-    /**
-     * Callback triggered when the close button is blurred
-     */
-    onDeleteButtonBlur?: (e: FocusEvent<HTMLButtonElement>) => void;
-}
-export declare const IressTag: ({ children, className, "data-testid": dataTestId, deleteButton, deleteButtonText, onDelete, onDeleteButtonBlur, ...restProps }: IressTagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Tag/Tag.styles.d.ts

@@ -1,31 +0,0 @@
-export declare const tag: import('../../styled-system/types').SlotRecipeRuntimeFn<"content" | "root" | "deleteButton", {
-    active: {
-        true: {
-            root: {
-                bg: "colour.primary.surface";
-                borderColor: "colour.primary.fill";
-                color: "colour.primary.text";
-            };
-        };
-    };
-    customDeleteButton: {
-        true: {
-            root: {
-                '&:has(button:hover)': {
-                    bg: "colour.primary.surface";
-                    borderColor: "colour.primary.fill";
-                    color: "colour.primary.text";
-                };
-            };
-        };
-        false: {
-            root: {
-                '&:has(button:hover)': {
-                    bg: "colour.system.danger.surface";
-                    borderColor: "colour.system.danger.fill";
-                    color: "colour.system.danger.text";
-                };
-            };
-        };
-    };
-}>;

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

@@ -1,9 +0,0 @@
-import { IressStyledProps } from '../../types';
-export type TextElements = 'p' | 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'small' | 'cite' | 'caption' | 'strong' | 'em' | 'a' | 'blockquote' | 'pre';
-export type IressTextProps<E extends TextElements = 'div'> = IressStyledProps<E> & {
-    /**
-     * The HTML element that should be rendered.
-     */
-    element?: E;
-};
-export declare const IressText: <E extends TextElements = "div">({ className, ...restProps }: IressTextProps<E>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,25 +0,0 @@
-import { FloatingUIContainer, IressStyledProps } from '../../types';
-import { ToastAnimatedProps } from './components/Toast/ToastAnimated';
-export interface ToasterItem extends Omit<ToastAnimatedProps, 'children' | 'animation'> {
-    /**
-     * A unique identifier for the toast.
-     */
-    id: string;
-}
-export interface ToasterProps extends Omit<IressStyledProps, 'children'> {
-    /**
-     * The container element to render the toaster into.
-     * By default, the toaster will render at the end of the document body.
-     */
-    container?: FloatingUIContainer;
-    /**
-     * The position on the screen where the toast will appear.
-     * @default bottom-end
-     */
-    position?: 'bottom-center' | 'bottom-end' | 'bottom-start' | 'top-center' | 'top-end' | 'top-start';
-    /**
-     * The toasts that will be displayed in the toaster.
-     */
-    toasts?: ToasterItem[];
-}
-export declare const Toaster: ({ className, container, position, toasts, ...restProps }: ToasterProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Toaster/ToasterProvider.d.ts

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ToasterProps } from './Toaster';
-export interface IressToasterProviderProps extends Omit<ToasterProps, 'toasts'>, PropsWithChildren {
-    /**
-     * A unique identifier for the toaster provider.
-     * This is useful if you have multiple toaster providers in your application based on context.
-     */
-    id?: string;
-}
-export declare const IressToasterProvider: ({ children, id, position, ...restProps }: IressToasterProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Toaster/components/Toast/Toast.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode, MouseEvent } from 'react';
-import { IressStyledProps } from '../../../../types';
-export type ToastStatus = 'success' | 'error' | 'info';
-export interface ToastProps extends Omit<IressStyledProps, 'content'> {
-    /**
-     * Buttons and controls for the toast.
-     */
-    actions?: ReactNode;
-    /**
-     * Alternative to children.
-     */
-    content?: ReactNode;
-    /**
-     * A boolean to show/hide the dismiss close button.
-     * @default true
-     */
-    dismissible?: boolean;
-    /**
-     * The heading area of the toast. You can pass react component such as `<IressText>Error</IressText>`.
-     * If a string is provided, it will default to a `<h2 />` element.
-     */
-    heading?: ReactNode;
-    /**
-     * Click event on the close button of the toast.
-     */
-    onClose?: (e?: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * System status of Toast
-     */
-    status: ToastStatus;
-}
-export declare const Toast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Toaster/components/Toast/Toast.styles.d.ts

@@ -1,90 +0,0 @@
-export declare const toast: import('../../../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "content" | "heading" | "icon" | "wrapper" | "root" | "closeButton" | "panel", {
-    status: {
-        error: {
-            panel: {
-                backgroundColor: "colour.system.danger.surface";
-                color: "colour.neutral.80";
-                borderColor: "colour.system.danger.fill";
-            };
-            heading: {
-                color: "colour.system.danger.text";
-            };
-        };
-        success: {
-            panel: {
-                backgroundColor: "colour.system.success.surface";
-                color: "colour.neutral.80";
-                borderColor: "colour.system.success.fill";
-            };
-            heading: {
-                color: "colour.system.success.text";
-            };
-        };
-        info: {
-            panel: {
-                backgroundColor: "colour.system.info.surface";
-                color: "colour.neutral.80";
-                borderColor: "colour.system.info.fill";
-            };
-            heading: {
-                color: "colour.system.info.text";
-            };
-        };
-    };
-    animation: {
-        'start-x': {
-            root: {
-                insetInlineStart: "[-100%]";
-                ms: "spacing.4";
-            };
-        };
-        'end-x': {
-            root: {
-                insetInlineEnd: "[-100%]";
-                me: "spacing.4";
-            };
-        };
-        'start-y': {
-            root: {
-                mt: "spacing.4";
-                transform: "[translateY(-100%)]";
-            };
-        };
-        'end-y': {
-            root: {
-                mb: "spacing.4";
-                transform: "[translateY(100%)]";
-            };
-        };
-        fade: {
-            root: {
-                opacity: "0";
-            };
-        };
-    };
-    transitionState: {
-        initial: {
-            root: {
-                opacity: "0";
-            };
-        };
-        open: {
-            root: {
-                opacity: "1";
-                _motionReduce: {
-                    visibility: "visible";
-                };
-            };
-        };
-        closed: {
-            root: {
-                opacity: "0";
-            };
-        };
-        unmounted: {
-            root: {
-                display: "none";
-            };
-        };
-    };
-}>;

package/dist/src/components/Toaster/components/Toast/ToastAnimated.d.ts

@@ -1,19 +0,0 @@
-import { ToastProps } from './Toast';
-export interface ToastAnimatedProps extends ToastProps {
-    /**
-     * The animation of the toast. If not provided, it will simply fade in and out.
-     */
-    animation?: 'start-x' | 'end-x' | 'start-y' | 'end-y';
-    /**
-     * Called when the element timed out.
-     */
-    onTimeout?: () => void;
-    /**
-     * The amount of time, in milliseconds, the toast is displayed on screen without
-     * the users interaction. Will fall back to timeout prop on parent toaster and then
-     * the default time of 6000ms. If set to 0, the toast will not auto dismiss.
-     * @default 6000
-     */
-    timeout?: number;
-}
-export declare const ToastAnimated: ({ animation, className, onClose, onTimeout, timeout, ...restProps }: ToastAnimatedProps) => false | import("react/jsx-runtime").JSX.Element;