docs: update Tooltip + TooltipModal story with fallbackPlacements

Author: ze-flo

packages/modals/demo/stories/TooltipDialogStory.tsx

@@ -90,7 +90,7 @@ export const TooltipDialogStory: Story<IArgs> = ({
         {!!hasClose && <TooltipDialog.Close aria-label={closeAriaLabel} />}
       </TooltipDialog>
       <Grid>
-        <Grid.Row style={{ height: 'calc(100vh - 80px)' }}>
+        <Grid.Row style={{ height: 'calc(100vh - 200px)' }}>
           {[...Array(count)].map((_, index) => (
             <Grid.Col key={index} md={4} textAlign="center" alignSelf="center">
               <IconButton

packages/modals/demo/tooltipDialog.stories.mdx

@@ -3,6 +3,7 @@ import { useArgs } from '@storybook/client-api';
 import { TooltipDialog } from '@zendeskgarden/react-modals';
 import { TooltipDialogStory } from './stories/TooltipDialogStory';
 import { TOOLTIP_DIALOG_BODY as BODY } from './stories/data';
+import { PLACEMENT } from '../src/types';
 import README from '../README.md';
 
 <Meta
@@ -41,6 +42,7 @@ import README from '../README.md';
     }}
     argTypes={{
       referenceElement: { control: false },
+      fallbackPlacements: { control: 'multi-select', options: PLACEMENT.filter(p => p !== 'auto') },
       hasBody: { name: 'TooltipDialog.Body', table: { category: 'Story' } },
       hasClose: { name: 'TooltipDialog.Close', table: { category: 'Story' } },
       hasFooter: { name: 'TooltipDialog.Footer', table: { category: 'Story' } },

packages/tooltips/demo/stories/TooltipStory.tsx

@@ -18,7 +18,7 @@ interface IArgs extends Omit<ITooltipProps, 'content'> {
 
 export const TooltipStory: StoryFn<IArgs> = ({ content, ...args }: IArgs) => (
   <Grid>
-    <Grid.Row style={{ height: 'calc(100vh - 80px)' }}>
+    <Grid.Row style={{ height: 'calc(100vh - 200px)' }}>
       <Grid.Col textAlign="center" alignSelf="center">
         <Tooltip
           {...args}

packages/tooltips/demo/tooltip.stories.mdx

@@ -3,6 +3,7 @@ import { Tooltip, Title, Paragraph } from '@zendeskgarden/react-tooltips';
 import { TooltipStory } from './stories/TooltipStory';
 import { TOOLTIP_CONTENT as CONTENT } from './stories/data';
 import README from '../README.md';
+import { PLACEMENT } from '../src/types';
 
 <Meta
   title="Packages/Tooltips/Tooltip"
@@ -29,7 +30,8 @@ import README from '../README.md';
     }}
     argTypes={{
       isVisible: { control: 'boolean' },
-      appendToNode: { control: false }
+      appendToNode: { control: false },
+      fallbackPlacements: { control: 'multi-select', options: PLACEMENT.filter(p => p !== 'auto') }
     }}
     parameters={{
       design: {