diff --git a/packages/core/src/components/Tooltip/__stories__/tooltip.mdx b/packages/core/src/components/Tooltip/__stories__/tooltip.mdx index 6146a27435..ad1223e2fc 100644 --- a/packages/core/src/components/Tooltip/__stories__/tooltip.mdx +++ b/packages/core/src/components/Tooltip/__stories__/tooltip.mdx @@ -167,7 +167,7 @@ Tooltip's arrow can appear from top, bottom, left or right.
), - description: "Use tooltip with image to provide a preview. " + description: "Use this app to visualize data." }, negative: { component: ( diff --git a/packages/core/src/components/Tooltip/__stories__/tooltip.stories.helpers.js b/packages/core/src/components/Tooltip/__stories__/tooltip.stories.helpers.tsx similarity index 85% rename from packages/core/src/components/Tooltip/__stories__/tooltip.stories.helpers.js rename to packages/core/src/components/Tooltip/__stories__/tooltip.stories.helpers.tsx index efe6474d64..212e94a7e3 100644 --- a/packages/core/src/components/Tooltip/__stories__/tooltip.stories.helpers.js +++ b/packages/core/src/components/Tooltip/__stories__/tooltip.stories.helpers.tsx @@ -10,6 +10,7 @@ export const modifiers = [ { name: "flip", options: { + // @ts-ignore fallbackPlacements: [] } } @@ -19,10 +20,6 @@ export const TipOtherComponents = () => ( As tooltips only surface from a hover, never include links or buttons in the copy. If your tooltip requires either of these, considers putting your content in a{" "} - - Tipseen - {" "} - or{" "} Attention box {" "} diff --git a/packages/core/src/components/Tooltip/__stories__/tooltip.stories.js b/packages/core/src/components/Tooltip/__stories__/tooltip.stories.tsx similarity index 97% rename from packages/core/src/components/Tooltip/__stories__/tooltip.stories.js rename to packages/core/src/components/Tooltip/__stories__/tooltip.stories.tsx index 54344d3195..5b2814543a 100644 --- a/packages/core/src/components/Tooltip/__stories__/tooltip.stories.js +++ b/packages/core/src/components/Tooltip/__stories__/tooltip.stories.tsx @@ -1,4 +1,4 @@ -import Tooltip from "../Tooltip"; +import Tooltip, { TooltipProps } from "../Tooltip"; import { Hide, Menu, Subitems } from "../../Icon/Icons"; import Button from "../../Button/Button"; import Flex from "../../Flex/Flex"; @@ -20,7 +20,7 @@ export default { decorators: metaSettings.decorators }; -const tooltipTemplate = args => { +const tooltipTemplate = (args: TooltipProps) => { return (