@linzjs/lui 24.20.1 → 26.1.0

package/dist/components/Splitter/Separator/Separator.d.ts

@@ -1,11 +1,11 @@
-import './Separator.scss';
-import React, { ComponentProps } from 'react';
-import { Splitter } from '../Splitter';
-type Parts = NonNullable<ComponentProps<typeof Splitter>['parts']>['controls'];
-export declare const Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    parts?: Parts;
-    ratio?: number | undefined;
-    onResized?: ((val: number) => void) | undefined;
-    startAt?: number | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './Separator.scss';
+import React, { ComponentProps } from 'react';
+import { Splitter } from '../Splitter';
+type Parts = NonNullable<ComponentProps<typeof Splitter>['parts']>['controls'];
+export declare const Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    parts?: Parts;
+    ratio?: number;
+    onResized?: (val: number) => void;
+    startAt?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Splitter/Splitter.d.ts

@@ -1,44 +1,44 @@
-import React, { ComponentPropsWithRef } from 'react';
-import { HTMLAttributes } from 'react';
-import './Splitter.scss';
-import { LuiButton } from '../LuiButton/LuiButton';
-type ButtonProps = Omit<ComponentPropsWithRef<typeof LuiButton>, 'children'> & {
-    children?: React.ReactNode;
-};
-type BoundaryPx = {
-    min?: `${number}px`;
-    max?: `${number}px`;
-};
-type BoundaryNum = {
-    min?: number;
-    max?: number;
-};
-type BoundaryProps = BoundaryPx | BoundaryNum;
-type Start = number | '1st-collapsed' | '2nd-collapsed';
-type Controlled = {
-    ratio?: number;
-    startAt?: never;
-};
-type Uncontrolled = {
-    ratio?: never;
-    startAt?: Start;
-};
-type RatioProps = Controlled | Uncontrolled;
-type Props = {
-    onResized?: (ratio: number) => void;
-    orientation?: 'horizontal' | 'vertical';
-    parts?: {
-        separator?: ComponentPropsWithRef<'div'>;
-        controls?: {
-            container?: ComponentPropsWithRef<'span'>;
-            primary?: ButtonProps;
-            secondary?: ButtonProps;
-        };
-    };
-} & HTMLAttributes<HTMLDivElement> & RatioProps & BoundaryProps;
-/**
- * Container that appends a separator when the children count equals 2.
- * It looks at HTML nodes, not React components
- */
-export declare const Splitter: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};
+import React, { ComponentPropsWithRef } from 'react';
+import { HTMLAttributes } from 'react';
+import './Splitter.scss';
+import { LuiButton } from '../LuiButton/LuiButton';
+type ButtonProps = Omit<ComponentPropsWithRef<typeof LuiButton>, 'children'> & {
+    children?: React.ReactNode;
+};
+type BoundaryPx = {
+    min?: `${number}px`;
+    max?: `${number}px`;
+};
+type BoundaryNum = {
+    min?: number;
+    max?: number;
+};
+type BoundaryProps = BoundaryPx | BoundaryNum;
+type Start = number | '1st-collapsed' | '2nd-collapsed';
+type Controlled = {
+    ratio?: number;
+    startAt?: never;
+};
+type Uncontrolled = {
+    ratio?: never;
+    startAt?: Start;
+};
+type RatioProps = Controlled | Uncontrolled;
+type Props = {
+    onResized?: (ratio: number) => void;
+    orientation?: 'horizontal' | 'vertical';
+    parts?: {
+        separator?: ComponentPropsWithRef<'div'>;
+        controls?: {
+            container?: ComponentPropsWithRef<'span'>;
+            primary?: ButtonProps;
+            secondary?: ButtonProps;
+        };
+    };
+} & HTMLAttributes<HTMLDivElement> & RatioProps & BoundaryProps;
+/**
+ * Container that appends a separator when the children count equals 2.
+ * It looks at HTML nodes, not React components
+ */
+export declare const Splitter: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Splitter/Stories/RangeAsPx.d.ts

@@ -1,9 +1,9 @@
-import React, { ComponentProps } from 'react';
-import { Splitter } from '../Splitter';
-import './RangeAsPx.scss';
-type SplitterProps = ComponentProps<typeof Splitter>;
-type PixelProps = SplitterProps & {
-    unit?: '%' | 'px';
-};
-export declare const RangeAsPx: ({ unit, ...rest }: PixelProps) => React.JSX.Element;
-export {};
+import React, { ComponentProps } from 'react';
+import { Splitter } from '../Splitter';
+import './RangeAsPx.scss';
+type SplitterProps = ComponentProps<typeof Splitter>;
+type PixelProps = SplitterProps & {
+    unit?: '%' | 'px';
+};
+export declare const RangeAsPx: ({ unit, ...rest }: PixelProps) => React.JSX.Element;
+export {};

package/dist/components/Splitter/Stories/Section.d.ts

@@ -1,3 +1,5 @@
-import React from 'react';
-export declare const HorizontalSection: (props: JSX.IntrinsicElements) => React.JSX.Element;
-export declare const VerticalSection: (props: JSX.IntrinsicElements) => React.JSX.Element;
+import React from 'react';
+type SectionProps = JSX.IntrinsicElements['section'];
+export declare const HorizontalSection: (props: SectionProps) => React.JSX.Element;
+export declare const VerticalSection: (props: SectionProps) => React.JSX.Element;
+export {};

package/dist/components/Splitter/helpers/clampSeparator.d.ts

@@ -1,10 +1,10 @@
-/**
- * Delimits the separator position value between 0 to 100 by default.
- * It will prioritize supplied min and max delimiters as long as they are within the 0-100 range.
- * @param props Expects a separator value and optional min and max delimiters
- */
-export declare const clampSeparator: (props: {
-    min?: number | undefined;
-    value: number;
-    max?: number | undefined;
-}) => number;
+/**
+ * Delimits the separator position value between 0 to 100 by default.
+ * It will prioritize supplied min and max delimiters as long as they are within the 0-100 range.
+ * @param props Expects a separator value and optional min and max delimiters
+ */
+export declare const clampSeparator: (props: {
+    min?: number;
+    value: number;
+    max?: number;
+}) => number;

package/dist/components/Splitter/helpers/dataBoundary.d.ts

@@ -1,18 +1,18 @@
-import { ComponentProps } from 'react';
-import { Splitter } from '../Splitter';
-type Props = Pick<ComponentProps<typeof Splitter>, 'min' | 'max'>;
-type Result = 'keep-secondary' | 'keep-primary' | 'keep-both';
-/**
- * Given boundaries passed as prop, it defines how the grid column/row template will be arranged.
- * and whether the separator will be positioned using right or left absolute values (top or bottom for horizontal).
- * It will use a data- attribute to store this prop derived information for later processing.
- */
-export declare const setDataBoundary: (props: Props) => {
-    "data-boundary": Result;
-};
-/**
- * Util to get what grid arrangement needs to be used to avoid jumps/flashes.
- * The return value is derived from the Splitter props, and stored in a data- attribute.
- */
-export declare const getDataBoundary: (separator: Element) => Result | undefined;
-export {};
+import { ComponentProps } from 'react';
+import { Splitter } from '../Splitter';
+type Props = Pick<ComponentProps<typeof Splitter>, 'min' | 'max'>;
+type Result = 'keep-secondary' | 'keep-primary' | 'keep-both';
+/**
+ * Given boundaries passed as prop, it defines how the grid column/row template will be arranged.
+ * and whether the separator will be positioned using right or left absolute values (top or bottom for horizontal).
+ * It will use a data- attribute to store this prop derived information for later processing.
+ */
+export declare const setDataBoundary: (props: Props) => {
+    "data-boundary": Result;
+};
+/**
+ * Util to get what grid arrangement needs to be used to avoid jumps/flashes.
+ * The return value is derived from the Splitter props, and stored in a data- attribute.
+ */
+export declare const getDataBoundary: (separator: Element) => Result | undefined;
+export {};

package/dist/components/Splitter/helpers/getGridTemplate.d.ts

@@ -1,14 +1,14 @@
-/**
- * It will calculate the best grid arrangement, based on the min/max props passed to the Splitter.
- * All grid options work. The preference `1fr XXpx` over `(width - XXpx) 1fr` depends on the type of boundary
- * to avoid calculation of position when the window is being resized while trying to retain the collapsed state
- * on a min/max value fixed in pixels (e.g. 200px). Such calculation adds unnecessary lagging on the separator
- * to catch up. This function aims to avoid such lagging during resizing.
- * primary relates to top/left
- * secondary relates to right/bottom
- */
-export declare const getGridTemplate: (separator: HTMLDivElement) => {
-    grid: string;
-    primary: string;
-    secondary: string;
-};
+/**
+ * It will calculate the best grid arrangement, based on the min/max props passed to the Splitter.
+ * All grid options work. The preference `1fr XXpx` over `(width - XXpx) 1fr` depends on the type of boundary
+ * to avoid calculation of position when the window is being resized while trying to retain the collapsed state
+ * on a min/max value fixed in pixels (e.g. 200px). Such calculation adds unnecessary lagging on the separator
+ * to catch up. This function aims to avoid such lagging during resizing.
+ * primary relates to top/left
+ * secondary relates to right/bottom
+ */
+export declare const getGridTemplate: (separator: HTMLDivElement) => {
+    grid: string;
+    primary: string;
+    secondary: string;
+};

package/dist/components/Splitter/helpers/getKeyDownDeltaMove.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-type Event = Pick<React.KeyboardEvent<HTMLDivElement>, 'currentTarget' | 'key' | 'ctrlKey' | 'shiftKey' | 'metaKey' | 'altKey'>;
-/**
- * Gets the delta % the separator should move based on key down.
- */
-export declare const getKeyDownDeltaMove: (e: Event, valueNow: number) => number;
-export {};
+type Event = Pick<React.KeyboardEvent<HTMLDivElement>, 'currentTarget' | 'key' | 'ctrlKey' | 'shiftKey' | 'metaKey' | 'altKey'>;
+/**
+ * Gets the delta % the separator should move based on key down.
+ */
+export declare const getKeyDownDeltaMove: (e: Event, valueNow: number) => number;
+export {};

package/dist/components/Splitter/helpers/getSeparatorAttributes.d.ts

@@ -1,27 +1,27 @@
-import { RefObject } from 'react';
-type Props = {
-    child: Element | null | undefined;
-    separator?: never;
-    ref?: never;
-} | {
-    child?: never;
-    separator: Element | null | undefined;
-    ref?: never;
-} | {
-    child?: never;
-    separator?: never;
-    ref?: RefObject<HTMLElement | null> | null | undefined;
-};
-/**
- * Given a ref/element if finds the Separator and returns the most useful attributes
- */
-export declare const getSeparatorAttributes: (props: Props) => {
-    valueNow: number;
-    valueMax: number;
-    valueMin: number;
-    orientation: "horizontal" | "vertical" | undefined;
-    thickness: number;
-    boundary: ("keep-secondary" | "keep-primary" | "keep-both") | undefined;
-    sticky: "primary" | "secondary" | undefined;
-};
-export {};
+import { RefObject } from 'react';
+type Props = {
+    child: Element | null | undefined;
+    separator?: never;
+    ref?: never;
+} | {
+    child?: never;
+    separator: Element | null | undefined;
+    ref?: never;
+} | {
+    child?: never;
+    separator?: never;
+    ref?: RefObject<HTMLElement | null> | null | undefined;
+};
+/**
+ * Given a ref/element if finds the Separator and returns the most useful attributes
+ */
+export declare const getSeparatorAttributes: (props: Props) => {
+    valueNow: number;
+    valueMax: number;
+    valueMin: number;
+    orientation: "horizontal" | "vertical" | undefined;
+    thickness: number;
+    boundary: ("keep-secondary" | "keep-primary" | "keep-both") | undefined;
+    sticky: "primary" | "secondary" | undefined;
+};
+export {};

package/dist/components/Splitter/helpers/getSeparatorPosition.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from 'react';
-/**
- * Returns a value from 0 to 100 that represents the separator position from left to right.
- * @param separatorRef Separator ref
- * @param drag Represents mouse/touch horizontal/vertical coordinate when the user is resizing.
- */
-export declare const getSeparatorPosition: (separatorRef: RefObject<HTMLDivElement | null>, drag: number) => number;
+import { RefObject } from 'react';
+/**
+ * Returns a value from 0 to 100 that represents the separator position from left to right.
+ * @param separatorRef Separator ref
+ * @param drag Represents mouse/touch horizontal/vertical coordinate when the user is resizing.
+ */
+export declare const getSeparatorPosition: (separatorRef: RefObject<HTMLDivElement | null>, drag: number) => number;

package/dist/components/Splitter/helpers/transition.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-export declare const transition: (props: RefObject<HTMLDivElement | null> | HTMLDivElement) => {
-    stop: () => void;
-    resume: () => void;
-};
+import { RefObject } from 'react';
+export declare const transition: (props: RefObject<HTMLDivElement | null> | HTMLDivElement) => {
+    stop: () => void;
+    resume: () => void;
+};

package/dist/components/Splitter/helpers/useForkRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-type ForwardedRef<T> = ((instance: T | null) => void) | React.RefObject<T | null> | null;
-export declare const useForkRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T | null>;
-export {};
+type ForwardedRef<T> = ((instance: T | null) => void) | React.RefObject<T | null> | null;
+export declare const useForkRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T | null>;
+export {};

package/dist/components/Splitter/helpers/useMoveSeparator.d.ts

@@ -1,11 +1,11 @@
-import { RefObject } from 'react';
-/**
- * It captures window events to report a new position.
- * Provides necessary handlers for separator.
- */
-export declare const useMoveSeparator: (separator: RefObject<HTMLDivElement | null>, resize: (val: number) => void) => {
-    onMouseDown: () => void;
-    onTouchStart: () => void;
-    onTouchEnd: () => void;
-    onBlur: () => void;
-};
+import { RefObject } from 'react';
+/**
+ * It captures window events to report a new position.
+ * Provides necessary handlers for separator.
+ */
+export declare const useMoveSeparator: (separator: RefObject<HTMLDivElement | null>, resize: (val: number) => void) => {
+    onMouseDown: () => void;
+    onTouchStart: () => void;
+    onTouchEnd: () => void;
+    onBlur: () => void;
+};

package/dist/components/Splitter/helpers/useShowSeparator.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from 'react';
-/**
- * Returns true if the splitter container has 3 child nodes, including the separator.
- * The consumer must render 2 element nodes (not components), to be able to split.
- * @param separatorRef Separator ref
- */
-export declare const useShowSeparator: (separatorRef: RefObject<HTMLDivElement | null>) => void;
+import { RefObject } from 'react';
+/**
+ * Returns true if the splitter container has 3 child nodes, including the separator.
+ * The consumer must render 2 element nodes (not components), to be able to split.
+ * @param separatorRef Separator ref
+ */
+export declare const useShowSeparator: (separatorRef: RefObject<HTMLDivElement | null>) => void;

package/dist/components/Splitter/helpers/useValueSeparator.d.ts

@@ -1,15 +1,15 @@
-import { RefObject } from 'react';
-/**
- * Ensures valueNow is set to a valid value within its allowed boundaries.
- * If boundaries and/or initialRatio are not specified, they will be defaulted.
- * It's possible that multiple events trigger setValueNow simultaneosly with the same value.
- * This multiple calls are expected, and setValueNow will resize only once.
- */
-export declare const useValueSeparator: ({ separator, ratio, onResized, startAt, }: {
-    ratio?: number | undefined;
-    onResized?: ((newVal: number) => void) | undefined;
-    separator: RefObject<HTMLDivElement | null>;
-    startAt?: number | undefined;
-}) => {
-    setValueNow: (val?: number) => void;
-};
+import { RefObject } from 'react';
+/**
+ * Ensures valueNow is set to a valid value within its allowed boundaries.
+ * If boundaries and/or initialRatio are not specified, they will be defaulted.
+ * It's possible that multiple events trigger setValueNow simultaneosly with the same value.
+ * This multiple calls are expected, and setValueNow will resize only once.
+ */
+export declare const useValueSeparator: ({ separator, ratio, onResized, startAt, }: {
+    ratio?: number;
+    onResized?: (newVal: number) => void;
+    separator: RefObject<HTMLDivElement | null>;
+    startAt?: number;
+}) => {
+    setValueNow: (val?: number) => void;
+};

package/dist/components/Splitter/helpers/useValueSeparatorEffects.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-/**
- * Calls setValueNow when the separator attributes change.
- */
-export declare const useValueSeparatorEffects: (setValueNow: (val?: number) => void, separator: RefObject<HTMLDivElement | null>, ratio?: number, startAt?: number) => void;
+import { RefObject } from 'react';
+/**
+ * Calls setValueNow when the separator attributes change.
+ */
+export declare const useValueSeparatorEffects: (setValueNow: (val?: number) => void, separator: RefObject<HTMLDivElement | null>, ratio?: number, startAt?: number) => void;

package/dist/components/Splitter/useSplitterRef.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-export declare const useSplitterRef: () => {
-    ref: RefObject<HTMLDivElement | null>;
-    setRatio: (val: number) => void;
-};
+import { RefObject } from 'react';
+export declare const useSplitterRef: () => {
+    ref: RefObject<HTMLDivElement | null>;
+    setRatio: (val: number) => void;
+};

package/dist/components/Toast/Helpers/ToastSection.d.ts

@@ -1,9 +1,9 @@
-import './ToastSection.scss';
-import * as React from 'react';
-import { IToast, ToastPosition } from './ToastTypes';
-export declare const ToastSection: ({ position, list, remove, defaultTimeout, }: {
-    position: ToastPosition;
-    list: IToast[];
-    remove: (id: number) => void;
-    defaultTimeout: number;
-}) => React.ReactPortal;
+import './ToastSection.scss';
+import * as React from 'react';
+import { IToast, ToastPosition } from './ToastTypes';
+export declare const ToastSection: ({ position, list, remove, defaultTimeout, }: {
+    position: ToastPosition;
+    list: IToast[];
+    remove: (id: number) => void;
+    defaultTimeout: number;
+}) => React.ReactPortal;

package/dist/components/Toast/Helpers/ToastTypes.d.ts

@@ -1,35 +1,35 @@
-import { ReactNode } from 'react';
-type VerticalSide = 'top' | 'bottom';
-type HorizontalSide = 'Left' | 'Center' | 'Right';
-export type ToastPosition = `${VerticalSide}${HorizontalSide}`;
-export type ToastNode = ReactNode | ((e: {
-    close: () => void;
-}) => ReactNode);
-export type ToastOptions = {
-    timeout?: number;
-    position?: ToastPosition;
-    onLeave?: (id: number) => void;
-    /**
-     * If true, the toast will require a user to dismiss it. This will set timeout to Infinity and override any provided timeout value.
-     * If false, the toast will not have a dismiss button and will automatically dismiss based on the timeout value (default 5s).
-     * If not provided, the toast will require dismissal if timeout is Infinity, and auto-dismiss otherwise, while still showing a dismiss button.
-     */
-    requireDismiss?: boolean;
-};
-export type ToastAction = {
-    type: 'add';
-    notification: ToastNode;
-    options?: ToastOptions;
-    id: number;
-} | {
-    type: 'remove';
-    id: number;
-};
-export interface IToast {
-    id: number;
-    notification: ToastNode;
-    options?: ToastOptions;
-    createdAt: number;
-    updatedAt: number;
-}
-export {};
+import { ReactNode } from 'react';
+type VerticalSide = 'top' | 'bottom';
+type HorizontalSide = 'Left' | 'Center' | 'Right';
+export type ToastPosition = `${VerticalSide}${HorizontalSide}`;
+export type ToastNode = ReactNode | ((e: {
+    close: () => void;
+}) => ReactNode);
+export type ToastOptions = {
+    timeout?: number;
+    position?: ToastPosition;
+    onLeave?: (id: number) => void;
+    /**
+     * If true, the toast will require a user to dismiss it. This will set timeout to Infinity and override any provided timeout value.
+     * If false, the toast will not have a dismiss button and will automatically dismiss based on the timeout value (default 5s).
+     * If not provided, the toast will require dismissal if timeout is Infinity, and auto-dismiss otherwise, while still showing a dismiss button.
+     */
+    requireDismiss?: boolean;
+};
+export type ToastAction = {
+    type: 'add';
+    notification: ToastNode;
+    options?: ToastOptions;
+    id: number;
+} | {
+    type: 'remove';
+    id: number;
+};
+export interface IToast {
+    id: number;
+    notification: ToastNode;
+    options?: ToastOptions;
+    createdAt: number;
+    updatedAt: number;
+}
+export {};

package/dist/components/Toast/Helpers/getToastProviderEl.d.ts

@@ -1,15 +1,15 @@
-/**
- * Retrieves the toast provider container element. It creates a new
- * one if it hasn't been created already.
- *
- * @description It is expected that application A, renders application B, that happens to render
- * the new toasts as well. In this case, application B will still render the context
- * provider to handle their toasts, but it will re-use the portal created by A.
- *
- * When the provider is created, it will observe older toasts coming to the screen
- * to make them visually align with the new ones. This needs to happens when the portal is
- * created, regardless of what app has created it.
- *
- * @returns HTMLDivElement
- */
-export declare const getToastProviderEl: () => HTMLDivElement;
+/**
+ * Retrieves the toast provider container element. It creates a new
+ * one if it hasn't been created already.
+ *
+ * @description It is expected that application A, renders application B, that happens to render
+ * the new toasts as well. In this case, application B will still render the context
+ * provider to handle their toasts, but it will re-use the portal created by A.
+ *
+ * When the provider is created, it will observe older toasts coming to the screen
+ * to make them visually align with the new ones. This needs to happens when the portal is
+ * created, regardless of what app has created it.
+ *
+ * @returns HTMLDivElement
+ */
+export declare const getToastProviderEl: () => HTMLDivElement;

package/dist/components/Toast/Helpers/toastUsage.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ToastUsage: () => React.JSX.Element;
+import React from 'react';
+export declare const ToastUsage: () => React.JSX.Element;

package/dist/components/Toast/Helpers/useToastState.d.ts

@@ -1,21 +1,20 @@
-/// <reference types="react" />
-import { IToast, ToastAction } from './ToastTypes';
-type ToastState = {
-    toasts: IToast[];
-    stack: number;
-};
-export declare const reducer: (state: ToastState, action: ToastAction) => ToastState;
-export declare const useToastState: ({ stack }: {
-    stack: number;
-}) => {
-    toasts: {
-        topLeft: IToast[];
-        topCenter: IToast[];
-        topRight: IToast[];
-        bottomLeft: IToast[];
-        bottomCenter: IToast[];
-        bottomRight: IToast[];
-    };
-    dispatch: import("react").ActionDispatch<[action: ToastAction]>;
-};
-export {};
+import { IToast, ToastAction } from './ToastTypes';
+type ToastState = {
+    toasts: IToast[];
+    stack: number;
+};
+export declare const reducer: (state: ToastState, action: ToastAction) => ToastState;
+export declare const useToastState: ({ stack }: {
+    stack: number;
+}) => {
+    toasts: {
+        topLeft: IToast[];
+        topCenter: IToast[];
+        topRight: IToast[];
+        bottomLeft: IToast[];
+        bottomCenter: IToast[];
+        bottomRight: IToast[];
+    };
+    dispatch: import("react").ActionDispatch<[action: ToastAction]>;
+};
+export {};

package/dist/components/Toast/ToastBanner.d.ts

@@ -1,6 +1,6 @@
-import './ToastBanner.scss';
-import React, { ComponentPropsWithoutRef } from 'react';
-import { LuiBannerV2 } from '../LuiBannerV2/LuiBannerV2';
-type Props = Pick<ComponentPropsWithoutRef<typeof LuiBannerV2>, 'level' | 'onDismiss' | 'children'>;
-export declare const ToastBanner: ({ level, onDismiss, children }: Props) => React.JSX.Element;
-export {};
+import './ToastBanner.scss';
+import React, { ComponentPropsWithoutRef } from 'react';
+import { LuiBannerV2 } from '../LuiBannerV2/LuiBannerV2';
+type Props = Pick<ComponentPropsWithoutRef<typeof LuiBannerV2>, 'level' | 'onDismiss' | 'children'>;
+export declare const ToastBanner: ({ level, onDismiss, children }: Props) => React.JSX.Element;
+export {};