From e89bae3fc1d6b9caef8460f76fdc15f48fee449a Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Wed, 13 Nov 2019 18:23:15 +0800
Subject: [PATCH] Examples: Upgrade preact-kitchen-sink to simplified hierarchy
 separator

---
 examples/preact-kitchen-sink/.storybook/config.js              | 3 +--
 .../preact-kitchen-sink/src/stories/addon-actions.stories.js   | 2 +-
 .../src/stories/addon-backgrounds.stories.js                   | 2 +-
 .../preact-kitchen-sink/src/stories/addon-centered.stories.js  | 2 +-
 .../preact-kitchen-sink/src/stories/addon-contexts.stories.js  | 2 +-
 .../preact-kitchen-sink/src/stories/addon-knobs.stories.js     | 2 +-
 .../preact-kitchen-sink/src/stories/addon-links.stories.js     | 2 +-
 .../preact-kitchen-sink/src/stories/addon-notes.stories.js     | 2 +-
 8 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/examples/preact-kitchen-sink/.storybook/config.js b/examples/preact-kitchen-sink/.storybook/config.js
index 2bc7cbb87d5..b97b8482d52 100644
--- a/examples/preact-kitchen-sink/.storybook/config.js
+++ b/examples/preact-kitchen-sink/.storybook/config.js
@@ -5,8 +5,7 @@ import { withA11y } from '@storybook/addon-a11y';
 addDecorator(withA11y);
 addParameters({
   options: {
-    hierarchySeparator: /\/|\./,
-    hierarchyRootSeparator: /\|/,
+    showRoots: true,
   },
 });
 
diff --git a/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js b/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js
index d673f08625b..da91db54083 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-actions.stories.js
@@ -6,7 +6,7 @@ import { action, actions } from '@storybook/addon-actions';
 import Button from '../Button';
 
 export default {
-  title: 'Addons|Actions',
+  title: 'Addons/Actions',
 };
 
 export const actionOnly = () => <Button onclick={action('log')}>Click me to log the action</Button>;
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 844af43ad48..960ee54461f 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-backgrounds.stories.js
@@ -5,7 +5,7 @@ import { h } from 'preact';
 import Button from '../Button';
 
 export default {
-  title: 'Addons|Backgrounds',
+  title: 'Addons/Backgrounds',
 
   parameters: {
     backgrounds: [
diff --git a/examples/preact-kitchen-sink/src/stories/addon-centered.stories.js b/examples/preact-kitchen-sink/src/stories/addon-centered.stories.js
index 09ffee19464..3faae466226 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-centered.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-centered.stories.js
@@ -6,7 +6,7 @@ import Centered from '@storybook/addon-centered/preact';
 import Button from '../Button';
 
 export default {
-  title: 'Addons|Centered',
+  title: 'Addons/Centered',
   component: Button,
   decorators: [Centered],
 };
diff --git a/examples/preact-kitchen-sink/src/stories/addon-contexts.stories.js b/examples/preact-kitchen-sink/src/stories/addon-contexts.stories.js
index 2fad6842ffc..445148b61c5 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-contexts.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-contexts.stories.js
@@ -41,7 +41,7 @@ const storyLevelContexts = [
 ];
 
 export default {
-  title: 'Addons|Contexts',
+  title: 'Addons/Contexts',
   decorators: [withContexts(topLevelContexts)],
 };
 
diff --git a/examples/preact-kitchen-sink/src/stories/addon-knobs.stories.js b/examples/preact-kitchen-sink/src/stories/addon-knobs.stories.js
index b06af614d22..330c3a8f56b 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-knobs.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-knobs.stories.js
@@ -16,7 +16,7 @@ import {
 } from '@storybook/addon-knobs';
 
 export default {
-  title: 'Addons|Knobs',
+  title: 'Addons/Knobs',
   decorators: [withKnobs],
 };
 
diff --git a/examples/preact-kitchen-sink/src/stories/addon-links.stories.js b/examples/preact-kitchen-sink/src/stories/addon-links.stories.js
index c1ab6fd5524..b138b207a60 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-links.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-links.stories.js
@@ -7,7 +7,7 @@ import { linkTo } from '@storybook/addon-links';
 import Button from '../Button';
 
 export default {
-  title: 'Addons|Links',
+  title: 'Addons/Links',
 };
 
 export const goToWelcome = () => (
diff --git a/examples/preact-kitchen-sink/src/stories/addon-notes.stories.js b/examples/preact-kitchen-sink/src/stories/addon-notes.stories.js
index bec41784912..14d3bf9feea 100644
--- a/examples/preact-kitchen-sink/src/stories/addon-notes.stories.js
+++ b/examples/preact-kitchen-sink/src/stories/addon-notes.stories.js
@@ -5,7 +5,7 @@ import { h } from 'preact';
 import { withNotes } from '@storybook/addon-notes';
 
 export default {
-  title: 'Addons|Notes',
+  title: 'Addons/Notes',
   decorators: [withNotes],
 };