From f1d7bebbd9997247f844866c22af52d40a06af9c Mon Sep 17 00:00:00 2001
From: Tal Koren <talko@monday.com>
Date: Sun, 31 Mar 2024 11:22:09 +0300
Subject: [PATCH] docs: change story

---
 .../__stories__/assets/tooltip-image.png      | Bin 0 -> 3607 bytes
 .../__stories__/assets/tooltip-image.svg      |  26 ------------------
 .../Tooltip/__stories__/tooltip.mdx           |   4 +--
 .../Tooltip/__stories__/tooltip.stories.js    |   2 +-
 4 files changed, 3 insertions(+), 29 deletions(-)
 create mode 100644 packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.png
 delete mode 100644 packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.svg

diff --git a/packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.png b/packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..92061c016118995fe09f153b3f1ecf6ecc427f94
GIT binary patch
literal 3607
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

literal 0
HcmV?d00001

diff --git a/packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.svg b/packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.svg
deleted file mode 100644
index 6d77a9c416..0000000000
--- a/packages/core/src/components/Tooltip/__stories__/assets/tooltip-image.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<svg width="240" height="136" viewBox="0 0 240 136" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="240" height="136" fill="#6161FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M147.009 22.0718C146.379 21.4418 145.302 21.888 145.302 22.7789V26.5125H110.65V42.7205H145.302V46.4048C145.302 47.2957 146.379 47.7419 147.009 47.1119L158.822 35.299C159.212 34.9084 159.212 34.2753 158.822 33.8847L147.009 22.0718Z" fill="url(#paint0_linear_185_430)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M194.71 71.7587C193.603 70.6511 191.709 71.4356 191.709 73.002V79.5665H130.782V108.064H191.709V114.543C191.709 116.109 193.603 116.893 194.71 115.786L215.48 95.0156C216.167 94.3289 216.167 93.2157 215.48 92.529L194.71 71.7587Z" fill="url(#paint1_linear_185_430)"/>
-<path d="M185.173 49.013C185.4 48.4004 186.267 48.4004 186.493 49.013L187.155 50.8015C187.226 50.9941 187.378 51.146 187.571 51.2173L189.359 51.879C189.972 52.1057 189.972 52.9723 189.359 53.199L187.571 53.8608C187.378 53.9321 187.226 54.0839 187.155 54.2765L186.493 56.065C186.267 56.6777 185.4 56.6777 185.173 56.065L184.512 54.2765C184.44 54.0839 184.288 53.9321 184.096 53.8608L182.307 53.199C181.695 52.9723 181.695 52.1057 182.307 51.879L184.096 51.2173C184.288 51.146 184.44 50.9941 184.512 50.8015L185.173 49.013Z" fill="white"/>
-<path d="M84.013 17.6278C84.2397 17.0151 85.1062 17.0151 85.3329 17.6278L85.9947 19.4162C86.066 19.6089 86.2178 19.7607 86.4104 19.832L88.1989 20.4938C88.8116 20.7205 88.8116 21.587 88.1989 21.8137L86.4104 22.4755C86.2178 22.5468 86.066 22.6987 85.9947 22.8913L85.3329 24.6797C85.1062 25.2924 84.2397 25.2924 84.013 24.6797L83.3512 22.8913C83.2799 22.6987 83.128 22.5468 82.9354 22.4755L81.1469 21.8137C80.5343 21.587 80.5343 20.7205 81.1469 20.4938L82.9354 19.832C83.128 19.7607 83.2799 19.6089 83.3512 19.4162L84.013 17.6278Z" fill="white"/>
-<path d="M176.754 60.6518C176.897 60.2649 177.444 60.2649 177.587 60.6518L178.005 61.7814C178.05 61.903 178.146 61.999 178.268 62.044L179.397 62.462C179.784 62.6051 179.784 63.1524 179.397 63.2956L178.268 63.7136C178.146 63.7586 178.05 63.8545 178.005 63.9762L177.587 65.1057C177.444 65.4927 176.897 65.4927 176.754 65.1057L176.336 63.9762C176.291 63.8545 176.195 63.7586 176.073 63.7136L174.943 63.2956C174.557 63.1524 174.557 62.6051 174.943 62.462L176.073 62.044C176.195 61.999 176.291 61.903 176.336 61.7814L176.754 60.6518Z" fill="white"/>
-<path d="M16.8426 90.0605C17.0812 89.4156 17.9934 89.4156 18.232 90.0605L18.9286 91.9431C19.0037 92.1459 19.1635 92.3057 19.3663 92.3808L21.2489 93.0774C21.8938 93.316 21.8938 94.2281 21.2489 94.4668L19.3663 95.1634C19.1635 95.2384 19.0037 95.3983 18.9286 95.601L18.232 97.4836C17.9934 98.1285 17.0812 98.1285 16.8426 97.4836L16.146 95.601C16.071 95.3983 15.9111 95.2384 15.7083 95.1634L13.8257 94.4668C13.1808 94.2281 13.1808 93.316 13.8257 93.0774L15.7083 92.3808C15.9111 92.3057 16.071 92.1459 16.146 91.9431L16.8426 90.0605Z" fill="white"/>
-<path d="M75.5932 107.04C75.7364 106.653 76.2837 106.653 76.4269 107.04L76.8448 108.17C76.8898 108.291 76.9858 108.387 77.1074 108.432L78.237 108.85C78.6239 108.993 78.6239 109.541 78.237 109.684L77.1074 110.102C76.9858 110.147 76.8898 110.243 76.8448 110.364L76.4269 111.494C76.2837 111.881 75.7364 111.881 75.5932 111.494L75.1752 110.364C75.1302 110.243 75.0343 110.147 74.9126 110.102L73.7831 109.684C73.3962 109.541 73.3962 108.993 73.7831 108.85L74.9126 108.432C75.0343 108.387 75.1302 108.291 75.1752 108.17L75.5932 107.04Z" fill="white"/>
-<path d="M219.23 107.599C219.373 107.212 219.92 107.212 220.063 107.599L220.481 108.729C220.526 108.85 220.622 108.946 220.744 108.991L221.874 109.409C222.26 109.552 222.26 110.1 221.874 110.243L220.744 110.661C220.622 110.706 220.526 110.802 220.481 110.923L220.063 112.053C219.92 112.44 219.373 112.44 219.23 112.053L218.812 110.923C218.767 110.802 218.671 110.706 218.549 110.661L217.42 110.243C217.033 110.1 217.033 109.552 217.42 109.409L218.549 108.991C218.671 108.946 218.767 108.85 218.812 108.729L219.23 107.599Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M67.8393 49.1586C67.0646 48.3838 65.74 48.9325 65.74 50.0281V54.6196H23.1263V74.5518H65.74V79.0828C65.74 80.1784 67.0646 80.7271 67.8393 79.9524L82.3667 65.425C82.8469 64.9448 82.8469 64.1661 82.3667 63.6859L67.8393 49.1586Z" fill="url(#paint2_linear_185_430)"/>
-<defs>
-<linearGradient id="paint0_linear_185_430" x1="161.875" y1="34.3489" x2="110.659" y2="36.6752" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_185_430" x1="220.85" y1="93.3452" x2="130.797" y2="97.4354" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_185_430" x1="86.122" y1="64.2567" x2="23.1371" y2="67.1175" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/packages/core/src/components/Tooltip/__stories__/tooltip.mdx b/packages/core/src/components/Tooltip/__stories__/tooltip.mdx
index 30138baf21..9288c69493 100644
--- a/packages/core/src/components/Tooltip/__stories__/tooltip.mdx
+++ b/packages/core/src/components/Tooltip/__stories__/tooltip.mdx
@@ -11,7 +11,7 @@ import { CHIP, LABEL, TIPSEEN } from "../../../storybook/components/related-comp
 import "./tooltip.stories.scss";
 import * as TooltipStories from "./tooltip.stories";
 import { TipOtherComponents, modifiers } from "./tooltip.stories.helpers";
-import image from "./assets/tooltip-image.svg";
+import image from "./assets/tooltip-image.png";
 
 <Meta of={TooltipStories} />
 
@@ -157,7 +157,7 @@ Tooltip's arrow can appear from top, bottom, left or right.
       positive: {
         component: (
           <Tooltip
-            content="View our automation center."
+            content="Use this app to empower users to visualize data."
             withMaxWidth
             shouldShowOnMount
             image={image}
diff --git a/packages/core/src/components/Tooltip/__stories__/tooltip.stories.js b/packages/core/src/components/Tooltip/__stories__/tooltip.stories.js
index 0b77598340..429801eafb 100644
--- a/packages/core/src/components/Tooltip/__stories__/tooltip.stories.js
+++ b/packages/core/src/components/Tooltip/__stories__/tooltip.stories.js
@@ -5,7 +5,7 @@ import Flex from "../../Flex/Flex";
 import IconButton from "../../IconButton/IconButton";
 import { modifiers } from "./tooltip.stories.helpers";
 import "./tooltip.stories.scss";
-import image from "./assets/tooltip-image.svg";
+import image from "./assets/tooltip-image.png";
 
 export default {
   title: "Popover/Tooltip",