.circleci/config.yml

@@ -222,7 +222,7 @@ jobs:
           # Do not test CRA here because it's done in PnP part
           # TODO: Remove `web_components_typescript` as soon as Lit 2 stable is released
           # TODO: Add `angular` as soon as Storybook is compatible with Angular 13
-          command: yarn test:e2e-framework vue3 angular12 angular11 web_components_typescript web_components_lit2
+          command: yarn test:e2e-framework vue3 angular130 angular13 angular12 angular11 web_components_typescript web_components_lit2
           no_output_timeout: 5m
       - store_artifacts:
           path: /tmp/cypress-record

CHANGELOG.md

@@ -1,3 +1,17 @@
+## 6.4.13 (January 15, 2022)
+
+### Bug Fixes
+
+- Core: Fix `staticDirs` favicon handling by refactor ([#17241](https://github.com/storybookjs/storybook/pull/17241))
+- Angular: Fix 13.1 and add CI test cases ([#17206](https://github.com/storybookjs/storybook/pull/17206))
+- Core: Fix `__namedExportsOrder` warning from preview.js ([#17240](https://github.com/storybookjs/storybook/pull/17240))
+- Webpack5: Fix manager.js `process` references ([#17213](https://github.com/storybookjs/storybook/pull/17213))
+
+### Dependency Upgrades
+
+- React: Remove react-dev-utils ([#17022](https://github.com/storybookjs/storybook/pull/17022))
+- Fix prettier transpile problems ([#17239](https://github.com/storybookjs/storybook/pull/17239))
+
 ## 6.4.12 (January 11, 2022)
 
 ### Bug Fixes

addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "6.4.12",
+  "version": "6.4.13",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -45,14 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.12",
-    "@storybook/api": "6.4.12",
-    "@storybook/channels": "6.4.12",
-    "@storybook/client-logger": "6.4.12",
-    "@storybook/components": "6.4.12",
-    "@storybook/core-events": "6.4.12",
+    "@storybook/addons": "6.4.13",
+    "@storybook/api": "6.4.13",
+    "@storybook/channels": "6.4.13",
+    "@storybook/client-logger": "6.4.13",
+    "@storybook/components": "6.4.13",
+    "@storybook/core-events": "6.4.13",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.12",
+    "@storybook/theming": "6.4.13",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -81,7 +81,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dc7fc7bd0bbba6187db672e7ffa3093bff423e7f",
+  "gitHead": "9ce1a3b24f39b4a3307a1a23531271ce1fc738c2",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Accessibility",

addons/a11y/src/components/A11YPanel.tsx

@@ -94,9 +94,10 @@ export const A11YPanel: React.FC = () => {
     emit(EVENTS.MANUAL, storyId);
   }, [storyId]);
 
-  const manualActionItems = useMemo(() => [{ title: 'Run test', onClick: handleManual }], [
-    handleManual,
-  ]);
+  const manualActionItems = useMemo(
+    () => [{ title: 'Run test', onClick: handleManual }],
+    [handleManual]
+  );
   const readyActionItems = useMemo(
     () => [
       {

addons/actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "6.4.12",
+  "version": "6.4.13",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -41,12 +41,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.12",
-    "@storybook/api": "6.4.12",
-    "@storybook/components": "6.4.12",
-    "@storybook/core-events": "6.4.12",
+    "@storybook/addons": "6.4.13",
+    "@storybook/api": "6.4.13",
+    "@storybook/components": "6.4.13",
+    "@storybook/core-events": "6.4.13",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.12",
+    "@storybook/theming": "6.4.13",
     "core-js": "^3.8.2",
     "fast-deep-equal": "^3.1.3",
     "global": "^4.4.0",
@@ -79,7 +79,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dc7fc7bd0bbba6187db672e7ffa3093bff423e7f",
+  "gitHead": "9ce1a3b24f39b4a3307a1a23531271ce1fc738c2",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Actions",

addons/actions/src/preset/addArgsHelpers.test.ts

@@ -7,53 +7,53 @@ describe('actions parameter enhancers', () => {
     const argTypes = { onClick: {}, onFocus: {}, somethingElse: {} };
 
     it('should add actions that match a pattern', () => {
-      const args = inferActionsFromArgTypesRegex(({
+      const args = inferActionsFromArgTypesRegex({
         initialArgs: {},
         argTypes,
         parameters,
-      } as unknown) as StoryContext);
+      } as unknown as StoryContext);
       expect(args).toEqual({
         onClick: expect.any(Function),
         onFocus: expect.any(Function),
       });
     });
 
     it('should NOT override pre-existing args', () => {
-      const args = inferActionsFromArgTypesRegex(({
+      const args = inferActionsFromArgTypesRegex({
         initialArgs: { onClick: 'pre-existing value' },
         argTypes,
         parameters,
-      } as unknown) as StoryContext);
+      } as unknown as StoryContext);
       expect(args).toEqual({ onFocus: expect.any(Function) });
     });
 
     it('should NOT override pre-existing args, if null', () => {
-      const args = inferActionsFromArgTypesRegex(({
+      const args = inferActionsFromArgTypesRegex({
         initialArgs: { onClick: null },
         argTypes,
         parameters,
-      } as unknown) as StoryContext);
+      } as unknown as StoryContext);
       expect(args).toEqual({ onFocus: expect.any(Function) });
     });
 
     it('should override pre-existing args, if undefined', () => {
-      const args = inferActionsFromArgTypesRegex(({
+      const args = inferActionsFromArgTypesRegex({
         initialArgs: { onClick: undefined },
         argTypes,
         parameters,
-      } as unknown) as StoryContext);
+      } as unknown as StoryContext);
       expect(args).toEqual({ onClick: expect.any(Function), onFocus: expect.any(Function) });
     });
 
     it('should do nothing if actions are disabled', () => {
-      const args = inferActionsFromArgTypesRegex(({
+      const args = inferActionsFromArgTypesRegex({
         initialArgs: {},
         argTypes,
         parameters: {
           ...parameters,
           actions: { ...parameters.actions, disable: true },
         },
-      } as unknown) as StoryContext);
+      } as unknown as StoryContext);
       expect(args).toEqual({});
     });
   });
@@ -65,11 +65,11 @@ describe('actions parameter enhancers', () => {
     };
     it('should add actions based on action.args', () => {
       expect(
-        addActionsFromArgTypes(({
+        addActionsFromArgTypes({
           initialArgs: {},
           argTypes,
           parameters: {},
-        } as unknown) as StoryContext)
+        } as unknown as StoryContext)
       ).toEqual({
         onClick: expect.any(Function),
         onBlur: expect.any(Function),
@@ -78,41 +78,41 @@ describe('actions parameter enhancers', () => {
 
     it('should NOT override pre-existing args', () => {
       expect(
-        addActionsFromArgTypes(({
+        addActionsFromArgTypes({
           argTypes: { onClick: { action: 'clicked!' } },
           initialArgs: { onClick: 'pre-existing value' },
           parameters: {},
-        } as unknown) as StoryContext)
+        } as unknown as StoryContext)
       ).toEqual({});
     });
 
     it('should NOT override pre-existing args, if null', () => {
       expect(
-        addActionsFromArgTypes(({
+        addActionsFromArgTypes({
           argTypes: { onClick: { action: 'clicked!' } },
           initialArgs: { onClick: null },
           parameters: {},
-        } as unknown) as StoryContext)
+        } as unknown as StoryContext)
       ).toEqual({});
     });
 
     it('should override pre-existing args, if undefined', () => {
       expect(
-        addActionsFromArgTypes(({
+        addActionsFromArgTypes({
           argTypes: { onClick: { action: 'clicked!' } },
           initialArgs: { onClick: undefined },
           parameters: {},
-        } as unknown) as StoryContext)
+        } as unknown as StoryContext)
       ).toEqual({ onClick: expect.any(Function) });
     });
 
     it('should do nothing if actions are disabled', () => {
       expect(
-        addActionsFromArgTypes(({
+        addActionsFromArgTypes({
           initialArgs: {},
           argTypes,
           parameters: { actions: { disable: true } },
-        } as unknown) as StoryContext)
+        } as unknown as StoryContext)
       ).toEqual({});
     });
   });

addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "6.4.12",
+  "version": "6.4.13",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -45,13 +45,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.12",
-    "@storybook/api": "6.4.12",
-    "@storybook/client-logger": "6.4.12",
-    "@storybook/components": "6.4.12",
-    "@storybook/core-events": "6.4.12",
+    "@storybook/addons": "6.4.13",
+    "@storybook/api": "6.4.13",
+    "@storybook/client-logger": "6.4.13",
+    "@storybook/components": "6.4.13",
+    "@storybook/core-events": "6.4.13",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.4.12",
+    "@storybook/theming": "6.4.13",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "memoizerific": "^1.11.3",
@@ -77,7 +77,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dc7fc7bd0bbba6187db672e7ffa3093bff423e7f",
+  "gitHead": "9ce1a3b24f39b4a3307a1a23531271ce1fc738c2",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Backgrounds",

addons/controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "6.4.12",
+  "version": "6.4.13",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -45,15 +45,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.12",
-    "@storybook/api": "6.4.12",
-    "@storybook/client-logger": "6.4.12",
-    "@storybook/components": "6.4.12",
-    "@storybook/core-common": "6.4.12",
+    "@storybook/addons": "6.4.13",
+    "@storybook/api": "6.4.13",
+    "@storybook/client-logger": "6.4.13",
+    "@storybook/components": "6.4.13",
+    "@storybook/core-common": "6.4.13",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.12",
-    "@storybook/store": "6.4.12",
-    "@storybook/theming": "6.4.12",
+    "@storybook/node-logger": "6.4.13",
+    "@storybook/store": "6.4.13",
+    "@storybook/theming": "6.4.13",
     "core-js": "^3.8.2",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
@@ -73,7 +73,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dc7fc7bd0bbba6187db672e7ffa3093bff423e7f",
+  "gitHead": "9ce1a3b24f39b4a3307a1a23531271ce1fc738c2",
   "sbmodern": "dist/modern/register.js",
   "storybook": {
     "displayName": "Controls",