Change all examples to use addon-a11y preset.

storybookjs · Jan 31, 2020 · 2b12a15 · 2b12a15
1 parent 8f3834a
commit 2b12a15
Show file tree

Hide file tree

Showing 30 changed files with 14 additions and 59 deletions.
diff --git a/examples/angular-cli/.storybook/main.js b/examples/angular-cli/.storybook/main.js
@@ -10,6 +10,6 @@ module.exports = {
     '@storybook/addon-options',
     '@storybook/addon-jest',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
 };
diff --git a/examples/angular-cli/.storybook/preview.ts b/examples/angular-cli/.storybook/preview.ts
@@ -1,5 +1,4 @@
 import { addParameters, addDecorator } from '@storybook/angular';
-import { withA11y } from '@storybook/addon-a11y';
 import { setCompodocJson } from '@storybook/addon-docs/angular';
 import addCssWarning from '../src/cssWarning';
 
@@ -9,7 +8,6 @@ import docJson from '../documentation.json';
 
 setCompodocJson(docJson);
 
-addDecorator(withA11y);
 addCssWarning();
 
 addParameters({

diff --git a/examples/cra-kitchen-sink/.storybook/main.js b/examples/cra-kitchen-sink/.storybook/main.js
@@ -14,7 +14,7 @@ module.exports = {
     '@storybook/addon-options',
     '@storybook/addon-knobs',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-jest',
   ],
   stories: ['../src/stories/**/*.stories.(js|mdx)'],

diff --git a/examples/cra-kitchen-sink/.storybook/preview.js b/examples/cra-kitchen-sink/.storybook/preview.js
@@ -1,7 +1,5 @@
 import { addParameters, addDecorator } from '@storybook/react';
-import { withA11y } from '@storybook/addon-a11y';
 
-addDecorator(withA11y);
 addParameters({
   options: {
     storySort: (a, b) =>

diff --git a/examples/cra-ts-kitchen-sink/.storybook/main.js b/examples/cra-ts-kitchen-sink/.storybook/main.js
@@ -23,6 +23,6 @@ module.exports = {
     '@storybook/addon-docs',
     '@storybook/addon-actions',
     '@storybook/addon-links',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
 };
diff --git a/examples/cra-ts-kitchen-sink/.storybook/preview.ts b/examples/cra-ts-kitchen-sink/.storybook/preview.ts
@@ -1,9 +1,7 @@
 import { addParameters, addDecorator } from '@storybook/react';
-import { withA11y } from '@storybook/addon-a11y';
 import { withKnobs } from '@storybook/addon-knobs';
 
 addDecorator(withKnobs);
-addDecorator(withA11y);
 addParameters({
   options: {
     brandTitle: 'CRA TypeScript Kitchen Sink',

diff --git a/examples/ember-cli/.storybook/main.js b/examples/ember-cli/.storybook/main.js
@@ -2,7 +2,7 @@ const path = require('path');
 
 module.exports = {
   addons: [
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
     '@storybook/addon-docs',

diff --git a/examples/ember-cli/.storybook/preview.js b/examples/ember-cli/.storybook/preview.js
@@ -1,11 +1,9 @@
 import { addParameters, addDecorator } from '@storybook/ember';
 import { setJSONDoc } from '@storybook/addon-docs/ember';
-import { withA11y } from '@storybook/addon-a11y';
 // eslint-disable-next-line import/no-unresolved
 import docJson from '../ember-output/storybook-docgen/index.json';
 
 setJSONDoc(docJson);
-addDecorator(withA11y);
 addParameters({
   options: {
     showRoots: true,

diff --git a/examples/html-kitchen-sink/.storybook/main.js b/examples/html-kitchen-sink/.storybook/main.js
@@ -3,7 +3,7 @@ module.exports = {
   stories: [`${__dirname}/../stories/*.stories.*`],
   addons: [
     '@storybook/addon-docs',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-actions',
     '@storybook/addon-backgrounds',
     '@storybook/addon-events',

diff --git a/examples/html-kitchen-sink/.storybook/preview.js b/examples/html-kitchen-sink/.storybook/preview.js
@@ -1,7 +1,4 @@
 import { addParameters, addDecorator } from '@storybook/html';
-import { withA11y } from '@storybook/addon-a11y';
-
-addDecorator(withA11y);
 
 addParameters({
   a11y: {

diff --git a/examples/html-kitchen-sink/stories/addon-a11y.stories.js b/examples/html-kitchen-sink/stories/addon-a11y.stories.js
@@ -1,11 +1,9 @@
 import { document, setTimeout } from 'global';
-import { withA11y } from '@storybook/addon-a11y';
 
 const text = 'Testing the a11y addon';
 
 export default {
   title: 'Addons/a11y',
-  decorators: [withA11y],
   parameters: {
     options: { selectedPanel: 'storybook/a11y/panel' },
   },

diff --git a/examples/marko-cli/.storybook/main.js b/examples/marko-cli/.storybook/main.js
@@ -7,7 +7,7 @@ module.exports = {
     '@storybook/addon-actions',
     '@storybook/addon-knobs',
     '@storybook/addon-options',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
   webpackFinal: async config => {
     config.module.rules.push({

diff --git a/examples/marko-cli/.storybook/preview.js b/examples/marko-cli/.storybook/preview.js
diff --git a/examples/mithril-kitchen-sink/.storybook/main.js b/examples/mithril-kitchen-sink/.storybook/main.js
@@ -11,7 +11,7 @@ module.exports = {
     '@storybook/addon-viewport',
     '@storybook/addon-options',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
   webpackFinal: async config => {
     config.module.rules.push({

diff --git a/examples/mithril-kitchen-sink/.storybook/preview.js b/examples/mithril-kitchen-sink/.storybook/preview.js
diff --git a/examples/official-storybook/main.js b/examples/official-storybook/main.js
@@ -17,7 +17,7 @@ module.exports = {
     '@storybook/addon-knobs',
     '@storybook/addon-cssresources',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-jest',
     '@storybook/addon-viewport',
     '@storybook/addon-graphql',

diff --git a/examples/official-storybook/preview.js b/examples/official-storybook/preview.js
@@ -2,7 +2,6 @@ import React from 'react';
 import { addDecorator, addParameters } from '@storybook/react';
 import { Global, ThemeProvider, themes, createReset, convert } from '@storybook/theming';
 import { withCssResources } from '@storybook/addon-cssresources';
-import { withA11y } from '@storybook/addon-a11y';
 import { withNotes } from '@storybook/addon-notes';
 import { DocsPage } from '@storybook/addon-docs/blocks';
 
@@ -26,7 +25,6 @@ addHeadWarning('preview-head-not-loaded', 'Preview head not loaded');
 addHeadWarning('dotenv-file-not-loaded', 'Dotenv file not loaded');
 
 addDecorator(withCssResources);
-addDecorator(withA11y);
 addDecorator(withNotes);
 
 addDecorator(storyFn => (

diff --git a/examples/preact-kitchen-sink/.storybook/main.js b/examples/preact-kitchen-sink/.storybook/main.js
@@ -12,7 +12,7 @@ module.exports = {
     '@storybook/addon-options',
     '@storybook/addon-backgrounds',
     '@storybook/addon-contexts',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
   webpackFinal: config => {
     config.module.rules.push({

diff --git a/examples/preact-kitchen-sink/.storybook/preview.js b/examples/preact-kitchen-sink/.storybook/preview.js
diff --git a/examples/rax-kitchen-sink/.storybook/main.js b/examples/rax-kitchen-sink/.storybook/main.js
@@ -11,7 +11,7 @@ module.exports = {
     '@storybook/addon-options',
     '@storybook/addon-knobs',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-jest',
   ],
   webpackFinal: async config => ({

diff --git a/examples/rax-kitchen-sink/src/stories/addon-a11y.stories.js b/examples/rax-kitchen-sink/src/stories/addon-a11y.stories.js
@@ -1,12 +1,10 @@
 import { createElement } from 'rax';
-import { withA11Y } from '@storybook/addon-a11y';
 import Text from 'rax-text';
 import View from 'rax-view';
 import markdown from './note.md';
 
 export default {
   title: 'Addon/addon-a11y',
-  decorators: [withA11Y],
 };
 
 export const Basic = () => <Text>RAX TEXT NODE</Text>;

diff --git a/examples/riot-kitchen-sink/.storybook/main.js b/examples/riot-kitchen-sink/.storybook/main.js
@@ -11,7 +11,7 @@ module.exports = {
     '@storybook/addon-viewport',
     '@storybook/addon-options',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
   webpackFinal: async config => {
     config.module.rules.push({

diff --git a/examples/riot-kitchen-sink/.storybook/preview.js b/examples/riot-kitchen-sink/.storybook/preview.js
diff --git a/examples/svelte-kitchen-sink/.storybook/main.js b/examples/svelte-kitchen-sink/.storybook/main.js
@@ -11,7 +11,7 @@ module.exports = {
     '@storybook/addon-backgrounds',
     '@storybook/addon-viewport',
     '@storybook/addon-options',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
   ],
   webpackFinal: async config => {
     config.module.rules.push({

diff --git a/examples/svelte-kitchen-sink/.storybook/preview.js b/examples/svelte-kitchen-sink/.storybook/preview.js
diff --git a/examples/vue-kitchen-sink/.storybook/main.js b/examples/vue-kitchen-sink/.storybook/main.js
@@ -10,7 +10,7 @@ module.exports = {
     '@storybook/addon-viewport',
     '@storybook/addon-options',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-contexts',
   ],
 };
diff --git a/examples/vue-kitchen-sink/.storybook/preview.js b/examples/vue-kitchen-sink/.storybook/preview.js
@@ -1,11 +1,9 @@
 import { addParameters, addDecorator } from '@storybook/vue';
 import Vue from 'vue';
 import Vuex from 'vuex';
-import { withA11y } from '@storybook/addon-a11y';
 
 import MyButton from '../src/stories/Button.vue';
 
-addDecorator(withA11y);
 Vue.component('my-button', MyButton);
 Vue.use(Vuex);
 

diff --git a/examples/web-components-kitchen-sink/.storybook/main.js b/examples/web-components-kitchen-sink/.storybook/main.js
@@ -1,7 +1,7 @@
 module.exports = {
   addons: [
     '@storybook/addon-docs',
-    '@storybook/addon-a11y',
+    '@storybook/addon-a11y/preset',
     '@storybook/addon-actions',
     '@storybook/addon-backgrounds',
     '@storybook/addon-knobs',

diff --git a/examples/web-components-kitchen-sink/.storybook/preview.js b/examples/web-components-kitchen-sink/.storybook/preview.js
@@ -6,14 +6,11 @@ import {
   addDecorator,
   setCustomElements,
 } from '@storybook/web-components';
-import { withA11y } from '@storybook/addon-a11y';
 
 import customElements from '../custom-elements.json';
 
 setCustomElements(customElements);
 
-addDecorator(withA11y);
-
 addParameters({
   a11y: {
     config: {},

diff --git a/examples/web-components-kitchen-sink/stories/addon-a11y.stories.js b/examples/web-components-kitchen-sink/stories/addon-a11y.stories.js
@@ -1,12 +1,10 @@
 import { document, setTimeout } from 'global';
-import { withA11y } from '@storybook/addon-a11y';
 import { html } from 'lit-html';
 
 const text = 'Testing the a11y addon';
 
 export default {
   title: 'Addons/a11y',
-  decorators: [withA11y],
   parameters: {
     options: { selectedPanel: 'storybook/a11y/panel' },
   },