chore(Tooltip): restrict placement types to design values (#1941)

- now placement can be top, right, bottom, left, or auto
- add additional constraints to the component storybook for clarity

src/components/Tooltip/Tooltip-v2.stories.tsx

@@ -31,9 +31,19 @@ export default {
         type: null,
       },
     },
-    placement: {
+    visible: {
       table: {
-        defaultValue: { summary: 'top' },
+        disable: true,
+      },
+    },
+    delay: {
+      control: {
+        type: 'number',
+      },
+    },
+    reference: {
+      control: {
+        type: null,
       },
     },
   },

src/components/Tooltip/Tooltip-v2.tsx

@@ -75,9 +75,12 @@ type TooltipProps = {
    * Where the tooltip should be placed in relation to the element it's attached to.
    * See: https://atomiks.github.io/tippyjs/v6/all-props/#placement
    *
-   * **Default is `"top"`**.
+   * **Default is `"auto"`**.
    */
-  placement?: TippyProps['placement'];
+  placement?: Extract<
+    TippyProps['placement'],
+    'auto' | 'top' | 'right' | 'bottom' | 'left'
+  >;
   /**
    * The content of the tooltip bubble.
    */
@@ -101,7 +104,7 @@ export const Tooltip = ({
   childNotInteractive,
   className,
   duration = 200,
-  placement = 'top',
+  placement = 'auto',
   text,
   ...rest
 }: TooltipProps) => {