@carto/meridian-ds 2.16.1 → 2.17.0

package/dist/types/components/CodeArea/CodeArea.stories.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { default as CodeAreaField } from './CodeAreaField/CodeAreaField';
 interface PlaygroundTemplateProps {
     value?: string;
@@ -77,6 +78,14 @@ declare const options: {
     };
 };
 export default options;
+type ConfirmationDialogButtons = {
+    cancelButton?: React.ReactNode;
+    closeButton?: React.ReactNode;
+};
+type ConfirmationDialogButtonsArg = ConfirmationDialogButtons | ((handlers: {
+    onCloseConfirm: () => void;
+    onCancelConfirm: () => void;
+}) => ConfirmationDialogButtons);
 export declare const Playground: {
     render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
@@ -111,65 +120,92 @@ export declare const States: {
         };
     };
 };
-export declare const ReadOnly: {
-    render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        options: {
-            readOnly: boolean;
-        };
-        value: string;
-    };
-};
 export declare const Mode: {
     render: ({ value, ...args }: {
         value?: string;
     }) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const Markdown: {
+export declare const CustomTextMarking: {
     render: ({ value, ...args }: {
         value?: string;
     }) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MarkdownTextMarking: {
-    render: ({ value, ...args }: {
-        value?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const ExpandAutosave: {
+export declare const InteractionExpandAutosave: {
     render: ({ value, variant, title, label, ...args }: ExpandWithSaveButtonTemplateProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         footerProps: {
             alertContent: string;
         };
         title: string;
     };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
-export declare const ExpandWithSaveButton: {
-    render: ({ value, variant, title, label, ...args }: ExpandWithSaveButtonTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InteractionExpandWithSaveButton: {
+    render: ({ value, variant, title, label, confirmationDialogButtons, ...args }: ExpandWithSaveButtonTemplateProps & {
+        confirmationDialogButtons?: ConfirmationDialogButtonsArg;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         footerProps: {
             alertContent: string;
         };
         title: string;
     };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
-export declare const CopyAction: {
-    render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const ExpandAndCopyAction: {
-    render: ({ value, variant, title, label, ...args }: ExpandWithSaveButtonTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InteractionExpandWithDestructiveLeaveButton: {
+    render: ({ value, variant, title, label, confirmationDialogButtons, ...args }: ExpandWithSaveButtonTemplateProps & {
+        confirmationDialogButtons?: ConfirmationDialogButtonsArg;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
+        footerProps: {
+            alertContent: string;
+        };
+        confirmationDialogButtons: ({ onCloseConfirm, onCancelConfirm, }: {
+            onCloseConfirm: () => void;
+            onCancelConfirm: () => void;
+        }) => {
+            cancelButton: import("react/jsx-runtime").JSX.Element;
+            closeButton: import("react/jsx-runtime").JSX.Element;
+        };
         title: string;
     };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const InteractionCopyAction: {
+    render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
-export declare const ExpandAndReadOnly: {
+export declare const InteractionExpandAndCopyAction: {
     render: ({ value, variant, title, label, ...args }: ExpandWithSaveButtonTemplateProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         title: string;
     };
-};
-export declare const SaveAction: {
-    render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
 export declare const CustomSaveLabelAction: {
     render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
@@ -177,17 +213,6 @@ export declare const CustomSaveLabelAction: {
         buttonFooterLabelId: string;
     };
 };
-export declare const Errors: {
-    render: ({ value, variant, title, label, ...args }: ExpandWithSaveButtonTemplateProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        error: boolean;
-        helperText: string;
-        footerProps: {
-            alertContent: string;
-        };
-        title: string;
-    };
-};
 export declare const FoldCode: {
     render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -224,7 +249,7 @@ export declare const FullScreen: {
     };
 };
 export declare const Autocompletion: {
-    render: (args: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
+    render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         docs: {
             description: {
@@ -233,8 +258,8 @@ export declare const Autocompletion: {
         };
     };
 };
-export declare const AutocompletionStyling: {
-    render: (args: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompletionWithHighlight: {
+    render: ({ value, ...args }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         docs: {
             description: {
@@ -243,24 +268,23 @@ export declare const AutocompletionStyling: {
         };
     };
 };
-export declare const AutocompletionLarge: {
-    render: (args: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PseudoHover: {
+    tags: string[];
     parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
+        pseudo: {
+            hover?: string | boolean | readonly string[];
+            focus?: string | boolean | readonly string[];
+            focusVisible?: string | boolean | readonly string[];
+            active?: string | boolean | readonly string[];
+            visited?: string | boolean | readonly string[];
+            rootSelector?: string;
         };
-    };
-};
-export declare const AutocompletionWithHighlight: {
-    render: (args: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
         docs: {
             description: {
                 story: string;
             };
         };
     };
+    render: ({ value, ...rest }: PlaygroundTemplateProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=CodeArea.stories.d.ts.map

package/dist/types/components/CodeArea/CodeArea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeArea/CodeArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AAuBzD,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,UAAU,iCAAiC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,UAAU,wBAAyB,SAAQ,uBAAuB;IAChE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDyB,CAAA;AAEtC,eAAe,OAAO,CAAA;AA+iCtB,eAAO,MAAM,UAAU;iCA7iCyB,uBAAuB;;;;;;;;;;;CAkjCtE,CAAA;AAED,eAAO,MAAM,OAAO;iCAnwByB,uBAAuB;CAqwBnE,CAAA;AAED,eAAO,MAAM,4BAA4B;iEAjuBtC,wBAAwB;CAmuB1B,CAAA;AAED,eAAO,MAAM,MAAM;iEAnpBhB,wBAAwB;;;;;;;;;;;;;CAspB1B,CAAA;AAED,eAAO,MAAM,QAAQ;iCA16B2B,uBAAuB;;;;;;;CAk7BtE,CAAA;AAED,eAAO,MAAM,IAAI;iCAjfyB;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;CAmf3D,CAAA;AAED,eAAO,MAAM,QAAQ;iCA9YyB;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;CAgZ/D,CAAA;AAED,eAAO,MAAM,mBAAmB;iCArYuB;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;CAuYxE,CAAA;AAED,eAAO,MAAM,cAAc;wDA1+BxB,iCAAiC;;;;;;;CAk/BnC,CAAA;AAED,eAAO,MAAM,oBAAoB;wDA/kC9B,iCAAiC;;;;;;;CAulCnC,CAAA;AAED,eAAO,MAAM,UAAU;iCAp9ByB,uBAAuB;CAs9BtE,CAAA;AAED,eAAO,MAAM,mBAAmB;wDAj8B7B,iCAAiC;;;;CAs8BnC,CAAA;AAED,eAAO,MAAM,iBAAiB;wDAt5B3B,iCAAiC;;;;CA25BnC,CAAA;AAED,eAAO,MAAM,UAAU;iCA/2ByB,uBAAuB;CAi3BtE,CAAA;AAED,eAAO,MAAM,qBAAqB;iCAn3Bc,uBAAuB;;;;CAw3BtE,CAAA;AAED,eAAO,MAAM,MAAM;wDA3hChB,iCAAiC;;;;;;;;;CAqiCnC,CAAA;AAED,eAAO,MAAM,QAAQ;iCAppC2B,uBAAuB;;;;;;;;CA6pCtE,CAAA;AAED,eAAO,MAAM,iBAAiB;iCA/pCkB,uBAAuB;;;;;;;;;CAyqCtE,CAAA;AAED,eAAO,MAAM,WAAW;iCA3qCwB,uBAAuB;;;;;CAirCtE,CAAA;AAED,eAAO,MAAM,UAAU;iCAnrCyB,uBAAuB;;;;;CAyrCtE,CAAA;AAED,eAAO,MAAM,cAAc;mBAvbW,uBAAuB;;;;;;;;CAic5D,CAAA;AAED,eAAO,MAAM,qBAAqB;mBApYW,uBAAuB;;;;;;;;CA8YnE,CAAA;AAED,eAAO,MAAM,mBAAmB;mBA5UW,uBAAuB;;;;;;;;CAsVjE,CAAA;AAED,eAAO,MAAM,2BAA2B;mBApQW,uBAAuB;;;;;;;;CA8QzE,CAAA"}
+{"version":3,"file":"CodeArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeArea/CodeArea.stories.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/CodeArea/CodeAreaDialog/CodeAreaDialog.d.ts

@@ -1,22 +1,40 @@
 import { ReactNode } from 'react';
 import { CodeAreaProps } from '../types';
 interface CodeAreaDialogProps extends CodeAreaProps {
+    /** Whether the dialog is open. */
     open: boolean;
+    /** Called when the user requests to close the dialog (header close button or backdrop). */
     onClose: () => void;
+    /** Dialog header title. */
     title?: string | ReactNode;
+    /** Show the unsaved-changes confirmation overlay on top of the dialog. */
     showConfirmation?: boolean;
+    /** Called when the user cancels the confirmation (keeps editing). */
     onCancelConfirm?: () => void;
+    /** Called when the user confirms (leaves) the confirmation. Defaults to `onClose`. */
     onCloseConfirm?: () => void;
+    /** Text overrides for the unsaved-changes confirmation dialog. */
     confirmationDialogTexts?: {
         titleText?: string;
         contentText?: string;
         cancelText?: string;
         leaveText?: string;
     };
+    /**
+     * Override the cancel/close buttons of the unsaved-changes confirmation.
+     * Consumer owns the `onClick` (`onCancelConfirm` / `onCloseConfirm ?? onClose`).
+     */
+    confirmationDialogButtons?: {
+        cancelButton?: ReactNode;
+        closeButton?: ReactNode;
+    };
+    /** Props forwarded to the underlying `DialogFooter`. */
     footerProps?: object;
+    /** Test id forwarded to the dialog root. */
     'data-testid'?: string;
+    /** Accessible label forwarded to the dialog root. */
     'aria-label'?: string;
 }
-export default function CodeAreaDialog({ open, onClose, title, error, helperText, onClickFooter, disabledButtonFooter, buttonFooterLabelId, disabled, showConfirmation, onCancelConfirm, onCloseConfirm, confirmationDialogTexts, footerProps, saveLoading, showSaveSnackbar, onCloseSaveSnackbar, 'data-testid': dataTestId, 'aria-label': ariaLabel, ...props }: CodeAreaDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export default function CodeAreaDialog({ open, onClose, title, error, helperText, onClickFooter, disabledButtonFooter, buttonFooterLabelId, disabled, showConfirmation, onCancelConfirm, onCloseConfirm, confirmationDialogTexts, confirmationDialogButtons, footerProps, saveLoading, showSaveSnackbar, onCloseSaveSnackbar, 'data-testid': dataTestId, 'aria-label': ariaLabel, ...props }: CodeAreaDialogProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=CodeAreaDialog.d.ts.map

package/dist/types/components/CodeArea/CodeAreaDialog/CodeAreaDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeAreaDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeArea/CodeAreaDialog/CodeAreaDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,UAAU,mBAAoB,SAAQ,aAAa;IACjD,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,uBAAuB,CAAC,EAAE;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,mBAAmB,kDAoErB"}
+{"version":3,"file":"CodeAreaDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeArea/CodeAreaDialog/CodeAreaDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,UAAU,mBAAoB,SAAQ,aAAa;IACjD,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,2FAA2F;IAC3F,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,kEAAkE;IAClE,uBAAuB,CAAC,EAAE;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD;;;OAGG;IACH,yBAAyB,CAAC,EAAE;QAC1B,YAAY,CAAC,EAAE,SAAS,CAAA;QACxB,WAAW,CAAC,EAAE,SAAS,CAAA;KACxB,CAAA;IACD,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,yBAA8B,EAC9B,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,mBAAmB,kDAsErB"}

package/dist/types/components/CodeArea/CodeAreaDialog/components/CodeAreaDialogConfirmation.d.ts

@@ -1,20 +1,33 @@
 import { ReactNode } from 'react';
 import { CartoAlertSeverity } from '../../..';
-interface Props {
+interface CodeAreaDialogConfirmationProps {
+    /** Called when the user confirms (leaves) — wired to the close button. */
     onClose?: () => void;
+    /** Called when the user cancels (keeps editing) — wired to the cancel button. */
     onCancel?: () => void;
+    /** Custom node that fully replaces the default cancel button. */
     cancelButton?: ReactNode;
+    /** Custom node that fully replaces the default close (leave) button. */
     closeButton?: ReactNode;
+    /** Translation key for the cancel button label. Defaults to `c4r.button.cancel`. */
     cancelLabelId?: string;
+    /** Fallback text for the cancel button when no translation exists. */
     cancelText?: string;
+    /** Translation key for the body content. Defaults to `c4r.dialog.confirmation.content`. */
     contentLabelId?: string;
+    /** Fallback text for the body content when no translation exists. */
     contentText?: string;
+    /** Translation key for the title. Defaults to `c4r.dialog.confirmation.title`. */
     titleLabelId?: string;
+    /** Fallback text for the title when no translation exists. */
     titleText?: string;
+    /** Alert severity used by the underlying `DialogConfirmation`. Defaults to `warning`. */
     severity?: CartoAlertSeverity;
+    /** Custom body content. Overrides `contentLabelId` / `contentText` when provided. */
     content?: ReactNode;
+    /** Fallback text for the leave button when no translation exists. */
     leaveText?: string;
 }
-declare function CodeAreaDialogConfirmation({ onClose, onCancel, cancelLabelId, cancelText, cancelButton, closeButton, contentLabelId, contentText, titleLabelId, titleText, severity, content, leaveText, }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare function CodeAreaDialogConfirmation({ onClose, onCancel, cancelLabelId, cancelText, cancelButton, closeButton, contentLabelId, contentText, titleLabelId, titleText, severity, content, leaveText, }: CodeAreaDialogConfirmationProps): import("react/jsx-runtime").JSX.Element | null;
 export default CodeAreaDialogConfirmation;
 //# sourceMappingURL=CodeAreaDialogConfirmation.d.ts.map

package/dist/types/components/CodeArea/CodeAreaDialog/components/CodeAreaDialogConfirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeAreaDialogConfirmation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CodeArea/CodeAreaDialog/components/CodeAreaDialogConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAU,kBAAkB,EAAsB,MAAM,cAAc,CAAA;AAG7E,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAoB,EACpB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,kDA8CP;AAED,eAAe,0BAA0B,CAAA"}
+{"version":3,"file":"CodeAreaDialogConfirmation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CodeArea/CodeAreaDialog/components/CodeAreaDialogConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAU,kBAAkB,EAAsB,MAAM,cAAc,CAAA;AAG7E,UAAU,+BAA+B;IACvC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAoB,EACpB,OAAO,EACP,SAAS,GACV,EAAE,+BAA+B,kDA8CjC;AAED,eAAe,0BAA0B,CAAA"}

package/dist/types/components/CopiableComponent/CopiableComponent.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof CopiableComponent>;
 export default meta;
 type Story = StoryObj<typeof CopiableComponent>;
 export declare const Playground: Story;
+export declare const Interaction: Story;
 export declare const Variants: Story;
 export declare const Tooltip: Story;
 export declare const CustomIcon: Story;

package/dist/types/components/CopiableComponent/CopiableComponent.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopiableComponent.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CopiableComponent/CopiableComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEtD,OAAO,EACL,iBAAiB,EAIlB,MAAM,cAAc,CAAA;AAOrB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAuDxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AA6B/C,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AA8BD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAGzB,CAAA"}
+{"version":3,"file":"CopiableComponent.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CopiableComponent/CopiableComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAGtD,OAAO,EACL,iBAAiB,EAIlB,MAAM,cAAc,CAAA;AAQrB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAuDxC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AA6B/C,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AAoCD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAGzB,CAAA"}

package/dist/types/components/CopiableInputText/CopiableInputText.stories.d.ts

@@ -86,6 +86,24 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ value, variant, size, password, disabled, error, placeholder, helperText, ...props }: CopiableInputTextProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        value: string;
+        label: string;
+        placeholder: string;
+        helperText: string;
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Variants: {
     render: ({ value, size, password, disabled, error, ...props }: CopiableInputTextProps) => import("react/jsx-runtime").JSX.Element;
     args: {
@@ -216,8 +234,23 @@ export declare const PseudoHover: {
         };
     };
 };
-export declare const CustomToggleText: {
+export declare const InteractionPassword: {
     render: ({ value, variant, size, password, disabled, error, placeholder, helperText, ...props }: CopiableInputTextProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        value: string;
+        password: boolean;
+        label: string;
+        placeholder: string;
+        helperText: string;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const InteractionCustomToggleText: {
+    render: ({ value, variant, size, password, disabled, error, placeholder, helperText, ...props }: CopiableInputTextProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
         value: string;
         password: boolean;
@@ -233,6 +266,12 @@ export declare const CustomToggleText: {
                 story: string;
             };
         };
+        chromatic: {
+            delay: number;
+        };
     };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
 //# sourceMappingURL=CopiableInputText.stories.d.ts.map

package/dist/types/components/CopiableInputText/CopiableInputText.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopiableInputText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CopiableInputText/CopiableInputText.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAOxE,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAiNtB,eAAO,MAAM,UAAU;qGArMpB,sBAAsB;;;;;;;;;;;;;;;;;CA2MxB,CAAA;AAED,eAAO,MAAM,QAAQ;mEApLlB,sBAAsB;;;;;;;;;;;;;;;;;;;;;CA+LxB,CAAA;AAED,eAAO,MAAM,KAAK;sEAzIf,sBAAsB;;;;;;;;;;;;;;;;;;;;;CAoJxB,CAAA;AAED,eAAO,MAAM,MAAM;iDA9GhB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HxB,CAAA;AAED,eAAO,MAAM,SAAS;qGArPnB,sBAAsB;;;;;;;;;;;;;;CAmQxB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mEA5OrB,sBAAsB;;;;;;;;;;;;;;;;;CAsPxB,CAAA;AAED,eAAO,MAAM,gBAAgB;qGAjR1B,sBAAsB;;;;;;;;;;;;;;;;;CAkSxB,CAAA"}
+{"version":3,"file":"CopiableInputText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CopiableInputText/CopiableInputText.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAQxE,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAiNtB,eAAO,MAAM,UAAU;qGArMpB,sBAAsB;;;;;;;;;;;;;;;;;CA2MxB,CAAA;AAED,eAAO,MAAM,WAAW;qGA7MrB,sBAAsB;;;;;;;;;;;;;8BAqNS;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAiB/D,CAAA;AAED,eAAO,MAAM,QAAQ;mEA/MlB,sBAAsB;;;;;;;;;;;;;;;;;;;;;CA0NxB,CAAA;AAED,eAAO,MAAM,KAAK;sEApKf,sBAAsB;;;;;;;;;;;;;;;;;;;;;CA+KxB,CAAA;AAED,eAAO,MAAM,MAAM;iDAzIhB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJxB,CAAA;AAED,eAAO,MAAM,SAAS;qGAhRnB,sBAAsB;;;;;;;;;;;;;;CA8RxB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mEAvQrB,sBAAsB;;;;;;;;;;;;;;;;;CAiRxB,CAAA;AAED,eAAO,MAAM,mBAAmB;qGA5S7B,sBAAsB;;;;;;;;;8BAoTS;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAa/D,CAAA;AAED,eAAO,MAAM,2BAA2B;qGAnUrC,sBAAsB;;;;;;;;;;;;;;;;;;;;;8BAuVS;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAY/D,CAAA"}

package/dist/types/components/DatePickers/DateCalendar.stories.d.ts

@@ -37,6 +37,24 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ storyExplanation, ...args }: DateCalendarProps<Date> & {
+        storyExplanation?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        referenceDate: Date;
+        value: null;
+    };
+    parameters: {
+        chromatic: {
+            delay: number;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Composition: {
     render: (args: DateCalendarProps<Date>) => import("react/jsx-runtime").JSX.Element;
     parameters: {

package/dist/types/components/DatePickers/DateCalendar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateCalendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePickers/DateCalendar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAczE,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAgBG,CAAA;AAChB,eAAe,OAAO,CAAA;AAwJtB,eAAO,MAAM,UAAU;4CAnJpB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;;;CA2JzD,CAAA;AAED,eAAO,MAAM,WAAW;mBAxIW,iBAAiB,CAAC,IAAI,CAAC;;;;;;CA+IzD,CAAA;AAED,eAAO,MAAM,SAAS;4CAtKnB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA2KzD,CAAA;AAED,eAAO,MAAM,aAAa;mBAlCW,iBAAiB,CAAC,IAAI,CAAC;CAoC3D,CAAA;AAED,eAAO,MAAM,KAAK;mBA3GW,iBAAiB,CAAC,IAAI,CAAC;CA6GnD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBA/GK,iBAAiB,CAAC,IAAI,CAAC;CAkHnD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBApHF,iBAAiB,CAAC,IAAI,CAAC;CAuHnD,CAAA"}
+{"version":3,"file":"DateCalendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePickers/DateCalendar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAgBzE,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAgBG,CAAA;AAChB,eAAe,OAAO,CAAA;AAwJtB,eAAO,MAAM,UAAU;4CAnJpB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;;;;CA2JzD,CAAA;AAED,eAAO,MAAM,WAAW;4CA7JrB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;8BAyKxB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAkD/D,CAAA;AAED,eAAO,MAAM,WAAW;mBAxMW,iBAAiB,CAAC,IAAI,CAAC;;;;;;CA+MzD,CAAA;AAED,eAAO,MAAM,SAAS;4CAtOnB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA2OzD,CAAA;AAED,eAAO,MAAM,aAAa;mBAlGW,iBAAiB,CAAC,IAAI,CAAC;CAoG3D,CAAA;AAED,eAAO,MAAM,KAAK;mBA3KW,iBAAiB,CAAC,IAAI,CAAC;CA6KnD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBA/KK,iBAAiB,CAAC,IAAI,CAAC;CAkLnD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBApLF,iBAAiB,CAAC,IAAI,CAAC;CAuLnD,CAAA"}

package/dist/types/components/DatePickers/DatePicker/DatePicker.stories.d.ts

@@ -66,6 +66,16 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: (args: DatePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        referenceDate: Date;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const DateUtils: {
     render: () => import("react/jsx-runtime").JSX.Element;
     parameters: {

package/dist/types/components/DatePickers/DatePicker/DatePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAoB,MAAM,cAAc,CAAA;AASlE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAS1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCG,CAAA;AAChB,eAAe,OAAO,CAAA;AAgWtB,eAAO,MAAM,UAAU;mBA9VC,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;CAmW5C,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;8CApW5B,eAAe,CAAC,IAAI,CAAC;CAsWvB,CAAA;AAED,eAAO,MAAM,KAAK;mBA3MW,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAiNjD,CAAA;AAED,eAAO,MAAM,SAAS;oBA/MY,eAAe,CAAC,IAAI,CAAC;;;;CAoNtD,CAAA;AAED,eAAO,MAAM,aAAa;mBAzFW,eAAe,CAAC,IAAI,CAAC;CA2FzD,CAAA;AAED,eAAO,MAAM,KAAK;mBAzKW,eAAe,CAAC,IAAI,CAAC;CA2KjD,CAAA;AAED,eAAO,MAAM,iBAAiB;mBAvYN,eAAe,CAAC,IAAI,CAAC;;;;CA4Y5C,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAK5B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBA3LK,eAAe,CAAC,IAAI,CAAC;CA8LjD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBAhMF,eAAe,CAAC,IAAI,CAAC;CAmMjD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAuB9B,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAoB,MAAM,cAAc,CAAA;AAUlE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAS1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCG,CAAA;AAChB,eAAe,OAAO,CAAA;AAgWtB,eAAO,MAAM,UAAU;mBA9VC,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;CAmW5C,CAAA;AAED,eAAO,MAAM,WAAW;mBArWA,eAAe,CAAC,IAAI,CAAC;;;;;8BA6WX;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAiB/D,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;8CA/X5B,eAAe,CAAC,IAAI,CAAC;CAiYvB,CAAA;AAED,eAAO,MAAM,KAAK;mBAtOW,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;CA4OjD,CAAA;AAED,eAAO,MAAM,SAAS;oBA1OY,eAAe,CAAC,IAAI,CAAC;;;;CA+OtD,CAAA;AAED,eAAO,MAAM,aAAa;mBApHW,eAAe,CAAC,IAAI,CAAC;CAsHzD,CAAA;AAED,eAAO,MAAM,KAAK;mBApMW,eAAe,CAAC,IAAI,CAAC;CAsMjD,CAAA;AAED,eAAO,MAAM,iBAAiB;mBAlaN,eAAe,CAAC,IAAI,CAAC;;;;CAua5C,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAK5B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBAtNK,eAAe,CAAC,IAAI,CAAC;CAyNjD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBA3NF,eAAe,CAAC,IAAI,CAAC;CA8NjD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAuB9B,CAAA"}

package/dist/types/components/DatePickers/DateRangePicker/DateRangePicker.stories.d.ts

@@ -96,6 +96,21 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: (args: DateRangePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        startProps: {
+            referenceDate: Date;
+        };
+        endProps: {
+            referenceDate: Date;
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const DateUtils: {
     render: () => import("react/jsx-runtime").JSX.Element;
     parameters: {

package/dist/types/components/DatePickers/DateRangePicker/DateRangePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateRangePicker/DateRangePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,eAAe,EAAoB,MAAM,cAAc,CAAA;AAQvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAU/C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8ctB,eAAO,MAAM,UAAU;mBA5cC,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;;CAidjD,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;kDAnd5B,oBAAoB,CAAC,IAAI,CAAC;CAqd5B,CAAA;AAED,eAAO,MAAM,KAAK;mBA3JW,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;CAkKtD,CAAA;AAED,eAAO,MAAM,SAAS;oBAjMY,oBAAoB,CAAC,IAAI,CAAC;CAmM3D,CAAA;AAED,eAAO,MAAM,aAAa;mBAnEW,oBAAoB,CAAC,IAAI,CAAC;;CAsE9D,CAAA;AAED,eAAO,MAAM,KAAK;mBA1HW,oBAAoB,CAAC,IAAI,CAAC;;CA6HtD,CAAA;AAED,eAAO,MAAM,uBAAuB;mBArfZ,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;CAggBjD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBA5IK,oBAAoB,CAAC,IAAI,CAAC;CA+ItD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBAjJF,oBAAoB,CAAC,IAAI,CAAC;CAoJtD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAqB9B,CAAA"}
+{"version":3,"file":"DateRangePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateRangePicker/DateRangePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,eAAe,EAAoB,MAAM,cAAc,CAAA;AAQvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAkB/C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8ctB,eAAO,MAAM,UAAU;mBA5cC,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;;CAidjD,CAAA;AAED,eAAO,MAAM,WAAW;mBAndA,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;8BA4dhB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAkC/D,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;kDAhgB5B,oBAAoB,CAAC,IAAI,CAAC;CAkgB5B,CAAA;AAED,eAAO,MAAM,KAAK;mBAxMW,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;CA+MtD,CAAA;AAED,eAAO,MAAM,SAAS;oBA9OY,oBAAoB,CAAC,IAAI,CAAC;CAgP3D,CAAA;AAED,eAAO,MAAM,aAAa;mBAhHW,oBAAoB,CAAC,IAAI,CAAC;;CAmH9D,CAAA;AAED,eAAO,MAAM,KAAK;mBAvKW,oBAAoB,CAAC,IAAI,CAAC;;CA0KtD,CAAA;AAED,eAAO,MAAM,uBAAuB;mBAliBZ,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;CA6iBjD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBAzLK,oBAAoB,CAAC,IAAI,CAAC;CA4LtD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBA9LF,oBAAoB,CAAC,IAAI,CAAC;CAiMtD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAqB9B,CAAA"}

package/dist/types/components/DatePickers/DateTimePicker/DateTimePicker.stories.d.ts

@@ -72,6 +72,18 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ storyExplanation, ...args }: DateTimePickerProps<Date> & {
+        storyExplanation?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        referenceDate: Date;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const LabelAndHelperText: {
     render: ({ helperText, ...props }: DateTimePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/DatePickers/DateTimePicker/DateTimePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateTimePicker/DateTimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,cAAc,EAAc,MAAM,cAAc,CAAA;AAOhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAW9C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCG,CAAA;AAChB,eAAe,OAAO,CAAA;AAwUtB,eAAO,MAAM,UAAU;4CAnUpB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;CAwU3D,CAAA;AAED,eAAO,MAAM,kBAAkB;uCA1T5B,mBAAmB,CAAC,IAAI,CAAC;CA4T3B,CAAA;AAED,eAAO,MAAM,KAAK;mBAzJW,mBAAmB,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;CA+JrD,CAAA;AAED,eAAO,MAAM,SAAS;oBAjDY,mBAAmB,CAAC,IAAI,CAAC;;;;CAsD1D,CAAA;AAED,eAAO,MAAM,aAAa;mBAnEW,mBAAmB,CAAC,IAAI,CAAC;;CAsE7D,CAAA;AAED,eAAO,MAAM,KAAK;mBA/IW,mBAAmB,CAAC,IAAI,CAAC;;CAkJrD,CAAA;AAED,eAAO,MAAM,iBAAiB;4CAvW3B,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;CA8W3D,CAAA;AAED,eAAO,MAAM,YAAY;4CAhXtB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAqX3D,CAAA;AAED,eAAO,MAAM,QAAQ;4CAvXlB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;CA6X3D,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBA5KK,mBAAmB,CAAC,IAAI,CAAC;CA+KrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBAjLF,mBAAmB,CAAC,IAAI,CAAC;CAoLrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAsB9B,CAAA"}
+{"version":3,"file":"DateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateTimePicker/DateTimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,cAAc,EAAc,MAAM,cAAc,CAAA;AAOhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAmB9C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCG,CAAA;AAChB,eAAe,OAAO,CAAA;AAwUtB,eAAO,MAAM,UAAU;4CAnUpB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;CAwU3D,CAAA;AAED,eAAO,MAAM,WAAW;4CA1UrB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;8BAkV1B;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAmB/D,CAAA;AAED,eAAO,MAAM,kBAAkB;uCAvV5B,mBAAmB,CAAC,IAAI,CAAC;CAyV3B,CAAA;AAED,eAAO,MAAM,KAAK;mBAtLW,mBAAmB,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;CA4LrD,CAAA;AAED,eAAO,MAAM,SAAS;oBA9EY,mBAAmB,CAAC,IAAI,CAAC;;;;CAmF1D,CAAA;AAED,eAAO,MAAM,aAAa;mBAhGW,mBAAmB,CAAC,IAAI,CAAC;;CAmG7D,CAAA;AAED,eAAO,MAAM,KAAK;mBA5KW,mBAAmB,CAAC,IAAI,CAAC;;CA+KrD,CAAA;AAED,eAAO,MAAM,iBAAiB;4CApY3B,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;CA2Y3D,CAAA;AAED,eAAO,MAAM,YAAY;4CA7YtB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAkZ3D,CAAA;AAED,eAAO,MAAM,QAAQ;4CApZlB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;CA0Z3D,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBAzMK,mBAAmB,CAAC,IAAI,CAAC;CA4MrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBA9MF,mBAAmB,CAAC,IAAI,CAAC;CAiNrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAsB9B,CAAA"}

package/dist/types/components/DatePickers/TimePicker/TimePicker.stories.d.ts

@@ -72,6 +72,15 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ storyExplanation, ...args }: TimePickerProps<Date> & {
+        storyExplanation?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const LabelAndHelperText: {
     render: ({ helperText, ...props }: TimePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/types/components/DatePickers/TimePicker/TimePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/TimePicker/TimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAc,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAgB1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA4RtB,eAAO,MAAM,UAAU;4CAvRpB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;CA4RvD,CAAA;AAED,eAAO,MAAM,kBAAkB;uCA9Q5B,eAAe,CAAC,IAAI,CAAC;CAgRvB,CAAA;AAED,eAAO,MAAM,KAAK;mBApHW,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;CA0HjD,CAAA;AAED,eAAO,MAAM,SAAS;oBA5IY,eAAe,CAAC,IAAI,CAAC;;;;CAiJtD,CAAA;AAED,eAAO,MAAM,KAAK;mBAtHW,eAAe,CAAC,IAAI,CAAC;CAwHjD,CAAA;AAED,eAAO,MAAM,aAAa;mBA7CW,eAAe,CAAC,IAAI,CAAC;CA+CzD,CAAA;AAED,eAAO,MAAM,cAAc;4CAzTxB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;CAgUvD,CAAA;AAED,eAAO,MAAM,YAAY;4CAlUtB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAuUvD,CAAA;AAED,eAAO,MAAM,QAAQ;4CAzUlB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;CA+UvD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBAzHM,eAAe,CAAC,IAAI,CAAC;CA4HlD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBA9HD,eAAe,CAAC,IAAI,CAAC;CAiIlD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAsB9B,CAAA"}
+{"version":3,"file":"TimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/TimePicker/TimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAc,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAwB1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA4RtB,eAAO,MAAM,UAAU;4CAvRpB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;;CA4RvD,CAAA;AAED,eAAO,MAAM,WAAW;4CA9RrB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;8BAiStB;QAAE,aAAa,EAAE,WAAW,CAAA;KAAE;CAkB/D,CAAA;AAED,eAAO,MAAM,kBAAkB;uCArS5B,eAAe,CAAC,IAAI,CAAC;CAuSvB,CAAA;AAED,eAAO,MAAM,KAAK;mBA3IW,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAiJjD,CAAA;AAED,eAAO,MAAM,SAAS;oBAnKY,eAAe,CAAC,IAAI,CAAC;;;;CAwKtD,CAAA;AAED,eAAO,MAAM,KAAK;mBA7IW,eAAe,CAAC,IAAI,CAAC;CA+IjD,CAAA;AAED,eAAO,MAAM,aAAa;mBApEW,eAAe,CAAC,IAAI,CAAC;CAsEzD,CAAA;AAED,eAAO,MAAM,cAAc;4CAhVxB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;CAuVvD,CAAA;AAED,eAAO,MAAM,YAAY;4CAzVtB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA8VvD,CAAA;AAED,eAAO,MAAM,QAAQ;4CAhWlB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;CAsWvD,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;mBAhJM,eAAe,CAAC,IAAI,CAAC;CAmJlD,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;mBArJD,eAAe,CAAC,IAAI,CAAC;CAwJlD,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAsB9B,CAAA"}

package/dist/types/components/Dialog/Dialog/Dialog.stories.d.ts

@@ -96,6 +96,45 @@ export declare const Playground: {
         };
     };
 };
+export declare const Interaction: {
+    render: ({ explanation, ...args }: DialogStoryProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        closeButton: {
+            table: {
+                disable: boolean;
+            };
+        };
+        chipLabel: {
+            table: {
+                disable: boolean;
+            };
+        };
+        title: {
+            table: {
+                disable: boolean;
+            };
+        };
+        scrollableContent: {
+            table: {
+                disable: boolean;
+            };
+        };
+        showActions: {
+            table: {
+                disable: boolean;
+            };
+        };
+        showStepper: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
 export declare const Types: {
     render: (args: DialogStoryProps) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
@@ -551,9 +590,11 @@ export declare const InternallScroll: {
         };
     };
 };
-export declare const NonClosableDialog: {
+export declare const InteractionNonClosable: {
     render: (args: DialogStoryProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     args: {
+        closeButton: boolean;
         nonModal: boolean;
         showActions: boolean;
     };
@@ -589,6 +630,16 @@ export declare const NonClosableDialog: {
             };
         };
     };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
 };
 export declare const CustomSpacing: {
     render: (args: DialogStoryProps) => import("react/jsx-runtime").JSX.Element;