From 0ef4738c437694772ed3ebe22b1c417da8cb08a1 Mon Sep 17 00:00:00 2001
From: aamct2 <aamct2@gmail.com>
Date: Sun, 17 Mar 2019 12:11:17 +0000
Subject: [PATCH] Fix deprecations in examples

---
 examples/cra-kitchen-sink/.storybook/config.js    |  8 ++++----
 examples/cra-ts-kitchen-sink/.storybook/config.js | 15 +++++++--------
 examples/ember-cli/stories/index.stories.js       |  2 +-
 examples/preact-kitchen-sink/.storybook/config.js | 11 ++++++-----
 .../src/stories/addon-backgrounds.stories.js      |  9 ++++-----
 5 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/examples/cra-kitchen-sink/.storybook/config.js b/examples/cra-kitchen-sink/.storybook/config.js
index f24937049f0..22abd30d10d 100644
--- a/examples/cra-kitchen-sink/.storybook/config.js
+++ b/examples/cra-kitchen-sink/.storybook/config.js
@@ -5,12 +5,12 @@ import { withA11y } from '@storybook/addon-a11y';
 addDecorator(withA11y);
 addParameters({
   options: {
-    name: 'CRA Kitchen Sink',
-    url: 'https://github.com/storybooks/storybook/tree/master/examples/cra-kitchen-sink',
-    goFullScreen: false,
+    brandTitle: 'CRA Kitchen Sink',
+    brandUrl: 'https://github.com/storybooks/storybook/tree/master/examples/cra-kitchen-sink',
+    isFullscreen: false,
     showAddonsPanel: true,
     showSearchBox: false,
-    addonPanelInRight: true,
+    panelPosition: 'right',
     sortStoriesByKind: false,
     hierarchySeparator: /\./,
     hierarchyRootSeparator: /\|/,
diff --git a/examples/cra-ts-kitchen-sink/.storybook/config.js b/examples/cra-ts-kitchen-sink/.storybook/config.js
index f13b9dcdd85..6ebb12248f9 100644
--- a/examples/cra-ts-kitchen-sink/.storybook/config.js
+++ b/examples/cra-ts-kitchen-sink/.storybook/config.js
@@ -1,13 +1,12 @@
-import { configure, addDecorator } from '@storybook/react';
-import { withOptions } from '@storybook/addon-options';
+import { configure, addDecorator, addParameters } from '@storybook/react';
 import { withInfo } from '@storybook/addon-info';
 
-addDecorator(
-  withOptions({
-    name: 'CRA TypeScript Kitchen Sink',
-    url: 'https://github.com/storybooks/storybook/tree/master/examples/cra-ts-kitchen-sink',
-  })
-);
+addParameters({
+  options: {
+    brandTitle: 'CRA TypeScript Kitchen Sink',
+    brandUrl: 'https://github.com/storybooks/storybook/tree/master/examples/cra-ts-kitchen-sink',
+  },
+});
 addDecorator(withInfo());
 
 function loadStories() {
diff --git a/examples/ember-cli/stories/index.stories.js b/examples/ember-cli/stories/index.stories.js
index 5389e330853..9b0f4314edf 100644
--- a/examples/ember-cli/stories/index.stories.js
+++ b/examples/ember-cli/stories/index.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 
 storiesOf('Welcome', module)
-  .addParameters({ options: { showAddonPanel: false } })
+  .addParameters({ options: { showPanel: false } })
   .add('basic', () => ({
     template: hbs`
         {{welcome-page}}
diff --git a/examples/preact-kitchen-sink/.storybook/config.js b/examples/preact-kitchen-sink/.storybook/config.js
index 8a946153948..4f18ffa677f 100644
--- a/examples/preact-kitchen-sink/.storybook/config.js
+++ b/examples/preact-kitchen-sink/.storybook/config.js
@@ -1,10 +1,11 @@
 /** @jsx h */
-import { configure } from '@storybook/preact';
-import { setOptions } from '@storybook/addon-options';
+import { addParameters, configure } from '@storybook/preact';
 
-setOptions({
-  hierarchySeparator: /\/|\./,
-  hierarchyRootSeparator: /\|/,
+addParameters({
+  options: {
+    hierarchySeparator: /\/|\./,
+    hierarchyRootSeparator: /\|/,
+  },
 });
 
 const loadStories = () => {
diff --git a/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js b/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
index 82674a0484e..18566596142 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
@@ -4,15 +4,14 @@ import { h } from 'preact';
 
 import { storiesOf } from '@storybook/preact';
 
-import { withBackgrounds } from '@storybook/addon-backgrounds';
 import Button from '../Button';
 
 storiesOf('Addons|Backgrounds', module)
-  .addDecorator(
-    withBackgrounds([
+  .addParameters({
+    backgrounds: [
       { name: 'twitter', value: '#00aced' },
       { name: 'facebook', value: '#3b5998', default: true },
-    ])
-  )
+    ],
+  })
   .add('Example 1', () => <Button>You should be able to switch backgrounds for this story</Button>)
   .add('Example 2', () => <Button>This one too!</Button>);