@storybook/addon-interactions 6.5.0-alpha.6 → 6.5.0-alpha.62

package/dist/esm/components/MethodCall.stories.js

@@ -4,7 +4,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -17,15 +17,19 @@ import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.map.js";
 import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.function.name.js";
 
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 import React from 'react';
@@ -53,9 +57,9 @@ export default {
   }
 };
 
-var FooBar = function FooBar() {
+var FooBar = /*#__PURE__*/_createClass(function FooBar() {
   _classCallCheck(this, FooBar);
-};
+});
 
 export var Args = function Args() {
   return /*#__PURE__*/React.createElement("div", {

package/dist/esm/preset/checkActionsLoaded.js

@@ -1,7 +1,5 @@
 import "core-js/modules/es.array.join.js";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/es.object.to-string.js";
-import { checkAddonOrder } from '@storybook/core-common';
+import { checkAddonOrder, serverRequire } from '@storybook/core-common';
 import path from 'path';
 export var checkActionsLoaded = function checkActionsLoaded(configDir) {
   checkAddonOrder({
@@ -15,7 +13,7 @@ export var checkActionsLoaded = function checkActionsLoaded(configDir) {
     },
     configFile: path.isAbsolute(configDir) ? path.join(configDir, 'main') : path.join(process.cwd(), configDir, 'main'),
     getConfig: function getConfig(configFile) {
-      return import(configFile);
+      return serverRequire(configFile);
     }
   });
 };

package/dist/esm/preset/{argsEnhancers.js → preview.js}

@@ -6,25 +6,28 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.exec.js";
 import { addons } from '@storybook/addons';
 import { FORCE_REMOUNT, STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
 import { instrument } from '@storybook/instrumenter';
-import { fn } from 'jest-mock'; // Aliasing `fn` to `action` here, so we get a more descriptive label in the UI.
+import { ModuleMocker } from 'jest-mock';
+var JestMock = new ModuleMocker(global);
+var fn = JestMock.fn.bind(JestMock); // Aliasing `fn` to `action` here, so we get a more descriptive label in the UI.
 
 var _instrument = instrument({
   action: fn

package/dist/modern/Panel.js

@@ -1,3 +1,6 @@
+const _excluded = ["calls", "controls", "controlStates", "interactions", "fileName", "hasException", "isPlaying", "onScrollToEnd", "endRef"],
+      _excluded2 = ["status"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -32,7 +35,7 @@ const TabStatus = ({
   return container && /*#__PURE__*/ReactDOM.createPortal(children, container);
 };
 
-export const AddonPanelPure = /*#__PURE__*/React.memo((_ref) => {
+export const AddonPanelPure = /*#__PURE__*/React.memo(_ref => {
   let {
     calls,
     controls,
@@ -44,7 +47,7 @@ export const AddonPanelPure = /*#__PURE__*/React.memo((_ref) => {
     onScrollToEnd,
     endRef
   } = _ref,
-      panelProps = _objectWithoutPropertiesLoose(_ref, ["calls", "controls", "controlStates", "interactions", "fileName", "hasException", "isPlaying", "onScrollToEnd", "endRef"]);
+      panelProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(AddonPanel, panelProps, controlStates.debugger && interactions.length > 0 && /*#__PURE__*/React.createElement(Subnav, {
     controls: controls,
@@ -75,8 +78,8 @@ export const Panel = props => {
 
   const calls = React.useRef(new Map());
 
-  const setCall = (_ref2) => {
-    let call = _objectWithoutPropertiesLoose(_ref2, ["status"]);
+  const setCall = _ref2 => {
+    let call = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
     return calls.current.set(call.id, call);
   };
@@ -90,11 +93,20 @@ export const Panel = props => {
   }));
   const endRef = React.useRef();
   React.useEffect(() => {
-    const observer = new global.window.IntersectionObserver(([end]) => setScrollTarget(end.isIntersecting ? undefined : end.target), {
-      root: global.window.document.querySelector('#panel-tab-content')
-    });
-    if (endRef.current) observer.observe(endRef.current);
-    return () => observer.disconnect();
+    let observer;
+
+    if (global.window.IntersectionObserver) {
+      observer = new global.window.IntersectionObserver(([end]) => setScrollTarget(end.isIntersecting ? undefined : end.target), {
+        root: global.window.document.querySelector('#panel-tab-content')
+      });
+      if (endRef.current) observer.observe(endRef.current);
+    }
+
+    return () => {
+      var _observer;
+
+      return (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
+    };
   }, []);
   const emit = useChannel({
     [EVENTS.CALL]: setCall,

package/dist/modern/components/AccountForm/AccountForm.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+/* eslint-disable import/no-extraneous-dependencies */
 import { Icons, WithTooltip } from '@storybook/components';
 import { keyframes, styled } from '@storybook/theming';
-import { ErrorMessage, Field as FormikInput, Form as FormikForm, Formik // eslint-disable-next-line import/no-extraneous-dependencies
-} from 'formik';
+import { ErrorMessage, Field as FormikInput, Form as FormikForm, Formik } from 'formik';
 import React, { useCallback, useState } from 'react';
 const errorMap = {
   email: {

package/dist/modern/components/MethodCall.js

@@ -1,3 +1,7 @@
+const _excluded = ["value", "nested", "callsById"],
+      _excluded2 = ["value"],
+      _excluded3 = ["value"],
+      _excluded4 = ["value"];
 import "core-js/modules/es.array.reduce.js";
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -93,14 +97,14 @@ const interleave = (nodes, separator) => nodes.flatMap((node, index) => index ==
   key: `sep${index}`
 })]);
 
-export const Node = (_ref) => {
+export const Node = _ref => {
   var _value$constructor, _value$constructor2;
 
   let {
     value,
     callsById
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["value", "nested", "callsById"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   switch (true) {
     case value === null:
@@ -194,11 +198,11 @@ export const UndefinedNode = props => {
     }
   }, props), "undefined");
 };
-export const StringNode = (_ref2) => {
+export const StringNode = _ref2 => {
   let {
     value
   } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, ["value"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   const colors = useThemeColors();
   return /*#__PURE__*/React.createElement("span", _extends({
@@ -207,11 +211,11 @@ export const StringNode = (_ref2) => {
     }
   }, props), JSON.stringify(ellipsize(value, 50)));
 };
-export const NumberNode = (_ref3) => {
+export const NumberNode = _ref3 => {
   let {
     value
   } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, ["value"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
   const colors = useThemeColors();
   return /*#__PURE__*/React.createElement("span", _extends({
@@ -220,11 +224,11 @@ export const NumberNode = (_ref3) => {
     }
   }, props), value);
 };
-export const BooleanNode = (_ref4) => {
+export const BooleanNode = _ref4 => {
   let {
     value
   } = _ref4,
-      props = _objectWithoutPropertiesLoose(_ref4, ["value"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
   const colors = useThemeColors();
   return /*#__PURE__*/React.createElement("span", _extends({

package/dist/modern/preset/checkActionsLoaded.js

@@ -1,4 +1,4 @@
-import { checkAddonOrder } from '@storybook/core-common';
+import { checkAddonOrder, serverRequire } from '@storybook/core-common';
 import path from 'path';
 export const checkActionsLoaded = configDir => {
   checkAddonOrder({
@@ -11,6 +11,6 @@ export const checkActionsLoaded = configDir => {
       inEssentials: false
     },
     configFile: path.isAbsolute(configDir) ? path.join(configDir, 'main') : path.join(process.cwd(), configDir, 'main'),
-    getConfig: configFile => import(configFile)
+    getConfig: configFile => serverRequire(configFile)
   });
 };

package/dist/modern/preset/{argsEnhancers.js → preview.js}

@@ -2,7 +2,9 @@ import "core-js/modules/es.array.reduce.js";
 import { addons } from '@storybook/addons';
 import { FORCE_REMOUNT, STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
 import { instrument } from '@storybook/instrumenter';
-import { fn } from 'jest-mock'; // Aliasing `fn` to `action` here, so we get a more descriptive label in the UI.
+import { ModuleMocker } from 'jest-mock';
+const JestMock = new ModuleMocker(global);
+const fn = JestMock.fn.bind(JestMock); // Aliasing `fn` to `action` here, so we get a more descriptive label in the UI.
 
 const {
   action

package/dist/ts3.4/Tool.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Tool: () => JSX.Element;

package/dist/ts3.4/components/Interaction/Interaction.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Call, ControlStates } from '@storybook/instrumenter';
 import { Controls } from '../../Panel';
 export declare const Interaction: ({ call, callsById, controls, controlStates, }: {

package/dist/ts3.4/components/MatcherResult.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Received: ({ value, parsed }: {
     value: any;
     parsed?: boolean;

package/dist/ts3.4/components/MethodCall.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Call, ElementRef } from '@storybook/instrumenter';
 export declare const Node: ({ value, nested, callsById, ...props }: {
     [props: string]: any;

package/dist/ts3.4/components/Subnav/Subnav.d.ts

@@ -8,5 +8,5 @@ export interface SubnavProps {
     storyFileName?: string;
     onScrollToEnd?: () => void;
 }
-export declare const StyledIconButton: import("@emotion/styled-base").StyledComponent<any, Pick<any, string | number | symbol>, import("@storybook/theming").Theme>;
+export declare const StyledIconButton: import("@storybook/theming").StyledComponent<any, Pick<any, string | number | symbol>, import("@storybook/theming").Theme>;
 export declare const Subnav: React.FC<SubnavProps>;

package/dist/ts3.9/Tool.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Tool: () => JSX.Element;

package/dist/ts3.9/components/Interaction/Interaction.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Call, ControlStates } from '@storybook/instrumenter';
 import { Controls } from '../../Panel';
 export declare const Interaction: ({ call, callsById, controls, controlStates, }: {

package/dist/ts3.9/components/MatcherResult.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Received: ({ value, parsed }: {
     value: any;
     parsed?: boolean;

package/dist/ts3.9/components/MethodCall.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Call, ElementRef } from '@storybook/instrumenter';
 export declare const Node: ({ value, nested, callsById, ...props }: {
     [props: string]: any;

package/dist/ts3.9/components/Subnav/Subnav.d.ts

@@ -8,5 +8,5 @@ export interface SubnavProps {
     storyFileName?: string;
     onScrollToEnd?: () => void;
 }
-export declare const StyledIconButton: import("@emotion/styled-base").StyledComponent<any, Pick<any, string | number | symbol>, import("@storybook/theming").Theme>;
+export declare const StyledIconButton: import("@storybook/theming").StyledComponent<any, Pick<any, string | number | symbol>, import("@storybook/theming").Theme>;
 export declare const Subnav: React.FC<SubnavProps>;

package/dist/ts3.9/preset/preview.d.ts

@@ -0,0 +1,3 @@
+import type { Args } from '@storybook/addons';
+import type { AnyFramework, ArgsEnhancer } from '@storybook/csf';
+export declare const argsEnhancers: ArgsEnhancer<AnyFramework, Args>[];

package/manager.js

@@ -0,0 +1 @@
+import './dist/esm/manager';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-interactions",
-  "version": "6.5.0-alpha.6",
+  "version": "6.5.0-alpha.62",
   "description": "Automate, test and debug user interactions",
   "keywords": [
     "storybook-addons",
@@ -21,8 +21,8 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/register.js",
-  "module": "dist/esm/register.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "types": "dist/ts3.9/index.d.ts",
   "typesVersions": {
     "<3.8": {
@@ -41,17 +41,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.0-alpha.6",
-    "@storybook/api": "6.5.0-alpha.6",
-    "@storybook/components": "6.5.0-alpha.6",
-    "@storybook/core-common": "6.5.0-alpha.6",
-    "@storybook/core-events": "6.5.0-alpha.6",
-    "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/instrumenter": "6.5.0-alpha.6",
-    "@storybook/theming": "6.5.0-alpha.6",
+    "@storybook/addons": "6.5.0-alpha.62",
+    "@storybook/api": "6.5.0-alpha.62",
+    "@storybook/client-logger": "6.5.0-alpha.62",
+    "@storybook/components": "6.5.0-alpha.62",
+    "@storybook/core-common": "6.5.0-alpha.62",
+    "@storybook/core-events": "6.5.0-alpha.62",
+    "@storybook/csf": "0.0.2--canary.7c6c115.0",
+    "@storybook/instrumenter": "6.5.0-alpha.62",
+    "@storybook/theming": "6.5.0-alpha.62",
+    "core-js": "^3.8.2",
     "global": "^4.4.0",
     "jest-mock": "^27.0.6",
-    "polished": "^4.0.5",
+    "polished": "^4.2.2",
     "ts-dedent": "^2.2.0"
   },
   "devDependencies": {
@@ -60,8 +62,8 @@
     "formik": "^2.2.9"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -74,7 +76,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f2ec6752a3e940f99ead3ab721b513e5d1b76e17",
+  "gitHead": "e6025078374acd23cb15d3480c882229742a7ac1",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Interactions",

package/preset.js

@@ -1,15 +1,10 @@
-function config(entry = []) {
-  return [...entry, require.resolve('./dist/esm/preset/argsEnhancers')];
-}
+const { checkActionsLoaded } = require('./dist/cjs/preset/checkActionsLoaded');
 
-function managerEntries(entry = [], options) {
-  // eslint-disable-next-line global-require
-  const { checkActionsLoaded } = require('./dist/cjs/preset/checkActionsLoaded');
+function previewAnnotations(entry = [], options) {
   checkActionsLoaded(options.configDir);
-  return [...entry, require.resolve('./dist/esm/register')];
+  return entry;
 }
 
 module.exports = {
-  config,
-  managerEntries,
+  previewAnnotations,
 };

package/preview.js

@@ -0,0 +1 @@
+export * from './dist/esm/preset/preview';

package/register.js

@@ -1 +1,6 @@
-import './dist/esm/register';
+import { once } from '@storybook/client-logger';
+import './manager';
+
+once.warn(
+  'register.js is deprecated see https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-registerjs'
+);

package/dist/cjs/components/AccountForm/addon-interactions.stories.mdx

@@ -1,33 +0,0 @@
-import { Meta, Canvas, Story } from '@storybook/addon-docs';
-import { expect } from '@storybook/jest';
-import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
-
-import { AccountForm } from './AccountForm';
-
-<Meta
-  title="Addons/Interactions/Mdx"
-  component={AccountForm}
-  parameters={{ layout: 'centered', theme: 'light' }}
-  argTypes={{
-    onSubmit: { action: true },
-  }}
-/>
-
-## AccountForm
-
-<Canvas>
-  <Story
-    name="StandardEmailFilled"
-    args={{
-      passwordVerification: false,
-    }}
-    play={async (context) => {
-      const { args, canvasElement } = context
-      const canvas = within(canvasElement)
-      
-      await userEvent.type(canvas.getByTestId('email'), 'username@email.com')
-      await userEvent.type(canvas.getByTestId('password1'), 'thepassword')
-      await userEvent.click(canvas.getByRole('button', { name: /create account/i }))
-      expect(args.onSubmit).not.toHaveBeenCalled()
-    }}/>
-</Canvas>

package/dist/cjs/typings.d.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/components/AccountForm/addon-interactions.stories.mdx

@@ -1,33 +0,0 @@
-import { Meta, Canvas, Story } from '@storybook/addon-docs';
-import { expect } from '@storybook/jest';
-import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
-
-import { AccountForm } from './AccountForm';
-
-<Meta
-  title="Addons/Interactions/Mdx"
-  component={AccountForm}
-  parameters={{ layout: 'centered', theme: 'light' }}
-  argTypes={{
-    onSubmit: { action: true },
-  }}
-/>
-
-## AccountForm
-
-<Canvas>
-  <Story
-    name="StandardEmailFilled"
-    args={{
-      passwordVerification: false,
-    }}
-    play={async (context) => {
-      const { args, canvasElement } = context
-      const canvas = within(canvasElement)
-      
-      await userEvent.type(canvas.getByTestId('email'), 'username@email.com')
-      await userEvent.type(canvas.getByTestId('password1'), 'thepassword')
-      await userEvent.click(canvas.getByRole('button', { name: /create account/i }))
-      expect(args.onSubmit).not.toHaveBeenCalled()
-    }}/>
-</Canvas>

package/dist/modern/components/AccountForm/addon-interactions.stories.mdx

@@ -1,33 +0,0 @@
-import { Meta, Canvas, Story } from '@storybook/addon-docs';
-import { expect } from '@storybook/jest';
-import { within, waitFor, fireEvent, userEvent } from '@storybook/testing-library';
-
-import { AccountForm } from './AccountForm';
-
-<Meta
-  title="Addons/Interactions/Mdx"
-  component={AccountForm}
-  parameters={{ layout: 'centered', theme: 'light' }}
-  argTypes={{
-    onSubmit: { action: true },
-  }}
-/>
-
-## AccountForm
-
-<Canvas>
-  <Story
-    name="StandardEmailFilled"
-    args={{
-      passwordVerification: false,
-    }}
-    play={async (context) => {
-      const { args, canvasElement } = context
-      const canvas = within(canvasElement)
-      
-      await userEvent.type(canvas.getByTestId('email'), 'username@email.com')
-      await userEvent.type(canvas.getByTestId('password1'), 'thepassword')
-      await userEvent.click(canvas.getByRole('button', { name: /create account/i }))
-      expect(args.onSubmit).not.toHaveBeenCalled()
-    }}/>
-</Canvas>

package/dist/ts3.9/preset/argsEnhancers.d.ts

@@ -1,3 +0,0 @@
-import { Args } from '@storybook/addons';
-import { AnyFramework, ArgsEnhancer } from '@storybook/csf';
-export declare const argsEnhancers: ArgsEnhancer<AnyFramework, Args>[];