Merge ca69103 into c83ba7c

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpscout/hsds-react",
-  "version": "2.28.1",
+  "version": "2.28.2-0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

src/components/HsApp/HsApp.tsx

@@ -12,7 +12,7 @@ import Sidenav from './Sidenav'
 
 export interface Props {
   children?: any
-  withInnerWrapper?: boolean
+  withInnerWrapper: boolean
   sidenavComponent?: any
   contentComponent?: any
   navComponent?: any

src/components/HsApp/Nav.tsx

@@ -11,22 +11,21 @@ import {
 } from './HsApp.css'
 import Icon from '../Icon'
 import Text from '../Text'
-import { createSpec, faker } from '@helpscout/helix'
-
-const ItemSpec = createSpec({
-  id: faker.random.uuid(),
-  label: faker.company.companyName(),
-  value: faker.company.companyName(),
-})
 
 export interface Props {}
 
 class Nav extends React.PureComponent<Props> {
   renderDropdowns() {
+    const items = [
+      { value: 'one', label: 'One' },
+      { value: 'two', label: 'Two' },
+      { value: 'three', label: 'Three' },
+      { value: 'four', label: 'Four' },
+    ]
     return ['Mailboxes', 'Docs', 'Reports', 'Manage'].map(d => (
       <DropdownUI
         key={d}
-        items={ItemSpec.generate(8)}
+        items={items}
         trigger={
           <DropdownTriggerUI>
             <Text size="14">{d}</Text>{' '}

src/utilities/pkg.ts

@@ -1,3 +1,3 @@
 export default {
-  version: '2.28.1',
+  version: '2.28.2-0',
 }

stories/HsApp.stories.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import { HsApp } from '../src/index.js'
+
+const stories = storiesOf('HsApp', module)
+
+stories.add('Default', () => <HsApp />)