@xyo-network/react-drawer 2.76.2 → 2.76.4

package/package.json

@@ -20,8 +20,8 @@
   },
   "devDependencies": {
     "@storybook/react": "^7.6.19",
-    "@xylabs/ts-scripts-yarn3": "^3.10.0",
-    "@xylabs/tsconfig-react": "^3.10.0",
+    "@xylabs/ts-scripts-yarn3": "^3.10.4",
+    "@xylabs/tsconfig-react": "^3.10.4",
     "typescript": "^5.4.5"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -75,6 +75,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.76.2",
+  "version": "2.76.4",
   "type": "module"
 }

package/src/components/Drawer.stories.tsx

@@ -1,4 +1,5 @@
 import { Meta, StoryFn } from '@storybook/react'
+
 import { DrawerEx, DrawerExProps } from './Drawer'
 
 // eslint-disable-next-line import/no-default-export
@@ -7,7 +8,11 @@ export default {
 } as Meta
 
 const Template: StoryFn<React.FC<DrawerExProps>> = (props) => {
-  return <div style={{ width: '100vw', height: 'calc(100vh - 2rem)'}}><DrawerEx {...props} /></div>
+  return (
+    <div style={{ height: 'calc(100vh - 2rem)', width: '100vw' }}>
+      <DrawerEx {...props} />
+    </div>
+  )
 }
 
 const Default = Template.bind({})
@@ -15,21 +20,21 @@ Default.args = {}
 
 const WithOpen = Template.bind({})
 WithOpen.args = {
-  open: true
+  open: true,
 }
 
 const WithFullScreen = Template.bind({})
 WithFullScreen.args = {
+  heightVariant: 'full',
   open: true,
   widthVariant: 'full',
-  heightVariant: 'full'
 }
 
 const WithTitles = Template.bind({})
 WithTitles.args = {
   open: true,
+  subTitle: 'SubTitle',
   title: 'Title',
-  subTitle: "SubTitle"
 }
 
 export { Default, WithFullScreen, WithOpen, WithTitles }