Examples: Upgrade preact-kitchen-sink to simplified hierarchy separator

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,
   },
 });
 

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>;

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: [

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],
 };

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)],
 };
 

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],
 };
 

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 = () => (

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],
 };