@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/Tooltip/Tooltip.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as TooltipStories from './Tooltip.stories';
+import * as TooltipStories from "./Tooltip.stories";
 
 <Meta of={TooltipStories} />
 
@@ -15,39 +15,39 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const TooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                align="center"
-                side="top"
-                variant="accent"
-                showArrow={true}
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    align="center"
+    side="top"
+    variant="accent"
+    showArrow={true}
+  />
+</Tooltip.Provider>
+); };
 
 export default TooltipExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Tooltip/Tooltip.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Tooltip/Tooltip.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={TooltipStories.Documentation} />
@@ -57,23 +57,23 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const TooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                align="center"
-                side="top"
-                variant="accent"
-                showArrow={true}
-            />
-        </Tooltip.Provider>
-    );
+  return (
+    <Tooltip.Provider>
+      <Tooltip
+        trigger={<p>Tooltip trigger</p>}
+        content={
+          <>
+            <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra
+            sit amet massa sagittis sollicitudin.
+          </>
+        }
+        align="center"
+        side="top"
+        variant="accent"
+        showArrow={true}
+      />
+    </Tooltip.Provider>
+  );
 };
 
 export default TooltipExample;
@@ -90,20 +90,20 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const BasicTooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+  />
+</Tooltip.Provider>
+); };
 
 export default BasicTooltipExample;
 ` } } />
@@ -117,21 +117,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const AccentVariantExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                variant="accent"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    variant="accent"
+  />
+</Tooltip.Provider>
+); };
 
 export default AccentVariantExample;
 ` } } />
@@ -145,21 +145,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const SubtleVariantExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                variant="subtle"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    variant="subtle"
+  />
+</Tooltip.Provider>
+); };
 
 export default SubtleVariantExample;
 ` } } />
@@ -173,21 +173,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const WithoutArrowExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                showArrow={false}
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    showArrow={false}
+  />
+</Tooltip.Provider>
+); };
 
 export default WithoutArrowExample;
 ` } } />
@@ -202,15 +202,15 @@ import { Tooltip, Icon } from "@webiny/admin-ui";
 import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
 
 const WithIconTriggerExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Icon icon={<InfoIcon />} label="Information" />}
-                content="This is a helpful tooltip"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<Icon icon={<InfoIcon />} label="Information" />}
+    content="This is a helpful tooltip"
+  />
+</Tooltip.Provider>
+); };
 
 export default WithIconTriggerExample;
 ` } } />
@@ -224,33 +224,33 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const PositioningExample = () => {
-    return (
-        <Tooltip.Provider>
-            <div className="wby-flex wby-justify-center wby-items-center wby-h-48">
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Top&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on top</div>}
-                    side="top"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Right&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on right</div>}
-                    side="right"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Bottom&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on bottom</div>}
-                    side="bottom"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Left&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on left</div>}
-                    side="left"
-                />
-            </div>
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <div className="flex justify-center items-center h-48">
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Top&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on top</div>}
+      side="top"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Right&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on right</div>}
+      side="right"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Bottom&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on bottom</div>}
+      side="bottom"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Left&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on left</div>}
+      side="left"
+    />
+  </div>
+</Tooltip.Provider>
+); };
 
 export default PositioningExample;
 ` } } />
@@ -264,28 +264,28 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const AlignmentExample = () => {
-    return (
-        <Tooltip.Provider>
-            <div className="wby-flex wby-justify-center wby-items-center wby-h-48">
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Start&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to start</div>}
-                    align="start"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Center&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to center</div>}
-                    align="center"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;End&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to end</div>}
-                    align="end"
-                />
-            </div>
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <div className="flex justify-center items-center h-48">
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Start&nbsp;&nbsp;</p>}
+      content={<div>Aligned to start</div>}
+      align="start"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Center&nbsp;&nbsp;</p>}
+      content={<div>Aligned to center</div>}
+      align="center"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;End&nbsp;&nbsp;</p>}
+      content={<div>Aligned to end</div>}
+      align="end"
+    />
+  </div>
+</Tooltip.Provider>
+); };
 
 export default AlignmentExample;
 ` } } />
@@ -299,15 +299,12 @@ import React from "react";
 import { Tooltip, Button } from "@webiny/admin-ui";
 
 const WithButtonTriggerExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Button text="Hover me" />}
-                content="This tooltip is triggered by a button"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip trigger={<Button text="Hover me" />} content="This tooltip is triggered by a button" />
+</Tooltip.Provider>
+); };
 
 export default WithButtonTriggerExample;
 ` } } />
@@ -321,21 +318,23 @@ import React from "react";
 import { Tooltip, Text } from "@webiny/admin-ui";
 
 const WithFormattedContentExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Hover for more info</p>}
-                content={
-                    <div className="wby-flex wby-flex-col wby-gap-xs">
-                        <Text size="sm" className="wby-font-bold">Important Information</Text>
-                        <Text size="sm">This tooltip contains formatted content with multiple paragraphs.</Text>
-                        <Text size="sm">You can include various elements inside tooltips.</Text>
-                    </div>
-                }
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Hover for more info</p>}
+    content={
+      <div className="flex flex-col gap-xs">
+        <Text size="sm" className="font-bold">
+          Important Information
+        </Text>
+        <Text size="sm">This tooltip contains formatted content with multiple paragraphs.</Text>
+        <Text size="sm">You can include various elements inside tooltips.</Text>
+      </div>
+    }
+  />
+</Tooltip.Provider>
+); };
 
 export default WithFormattedContentExample;
 ` } } />
@@ -350,15 +349,15 @@ import { Tooltip, Icon } from "@webiny/admin-ui";
 import { ReactComponent as HelpIcon } from "@webiny/icons/help.svg";
 
 const WithHelpIconExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Icon icon={<HelpIcon />} label="Help" />}
-                content="Need help? Contact support at support@example.com"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<Icon icon={<HelpIcon />} label="Help" />}
+    content="Need help? Contact support at support@example.com"
+  />
+</Tooltip.Provider>
+); };
 
 export default WithHelpIconExample;
 ` } } />

package/Tooltip/Tooltip.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Tooltip } from "./";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Tooltip } from "../Tooltip/index.js";
 declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;

package/Tooltip/Tooltip.stories.js

@@ -1,8 +1,8 @@
 import React from "react";
-import { Tooltip } from "./";
-import { Button } from "../Button";
-import { Text } from "../Text";
-import { Icon } from "../Icon";
+import { Tooltip } from "./index.js";
+import { Button } from "../Button/index.js";
+import { Text } from "../Text/index.js";
+import { Icon } from "../Icon/index.js";
 import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
 import { ReactComponent as HelpIcon } from "@webiny/icons/help.svg";
 const meta = {
@@ -30,7 +30,7 @@ const meta = {
     }
   },
   decorators: [Story => /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-items-center wby-h-48"
+    className: "flex justify-center items-center h-48"
   }, /*#__PURE__*/React.createElement(Story, null)))]
 };
 export default meta;
@@ -52,7 +52,7 @@ export const SubtleVariant = {
     variant: "subtle"
   },
   decorators: [Story => /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-center wby-items-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-48"
+    className: "flex justify-center items-center bg-neutral-dark text-neutral-light w-full h-48"
   }, /*#__PURE__*/React.createElement(Story, null)))]
 };
 export const WithoutArrow = {
@@ -81,12 +81,10 @@ export const Documentation = {
   },
   argTypes: {
     trigger: {
-      description: "The element that triggers the tooltip when hovered. Please refer to the example code for details.",
-      control: "none"
+      description: "The element that triggers the tooltip when hovered. Please refer to the example code for details."
     },
     content: {
-      description: "The content to display inside the tooltip. Please refer to the example code for details.",
-      control: "none"
+      description: "The content to display inside the tooltip. Please refer to the example code for details."
     },
     side: {
       description: "The side of the trigger where the tooltip appears.",
@@ -111,7 +109,7 @@ export const Documentation = {
 };
 export const Positioning = {
   render: () => /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-md"
+    className: "flex gap-md"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     trigger: /*#__PURE__*/React.createElement("p", null, "Top"),
     content: /*#__PURE__*/React.createElement("div", null, "Tooltip on top"),
@@ -132,7 +130,7 @@ export const Positioning = {
 };
 export const Alignment = {
   render: () => /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-gap-md"
+    className: "flex gap-md"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     trigger: /*#__PURE__*/React.createElement("p", null, "Start"),
     content: /*#__PURE__*/React.createElement("div", null, "Aligned to start"),
@@ -159,10 +157,10 @@ export const WithFormattedContent = {
   args: {
     trigger: /*#__PURE__*/React.createElement("p", null, "Hover for more info"),
     content: /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-flex-col wby-gap-xs"
+      className: "flex flex-col gap-xs"
     }, /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-font-bold"
+      className: "font-bold"
     }, "Important Information"), /*#__PURE__*/React.createElement(Text, {
       size: "sm"
     }, "This tooltip contains formatted content with multiple paragraphs."), /*#__PURE__*/React.createElement(Text, {

package/Tooltip/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tooltip","Button","Text","Icon","ReactComponent","InfoIcon","HelpIcon","meta","title","component","parameters","layout","argTypes","variant","control","options","align","side","showArrow","defaultValue","decorators","Story","createElement","Provider","className","Default","args","trigger","content","Fragment","AccentVariant","SubtleVariant","WithoutArrow","WithIconTrigger","icon","label","Documentation","description","Positioning","render","Alignment","WithButtonTrigger","text","WithFormattedContent","size","WithHelpIcon"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Tooltip } from \"~/Tooltip\";\nimport { Button } from \"~/Button\";\nimport { Text } from \"~/Text\";\nimport { Icon } from \"~/Icon\";\n\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help.svg\";\n\nconst meta: Meta<typeof Tooltip> = {\n    title: \"Components/Tooltip\",\n    component: Tooltip,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        variant: {\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        align: {\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        side: {\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        showArrow: {\n            control: \"boolean\",\n            defaultValue: true\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <div className=\"wby-flex wby-justify-center wby-items-center wby-h-48\">\n                    <Story />\n                </div>\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Tooltip>;\n\nexport const Default: Story = {\n    args: {\n        trigger: <p>Tooltip trigger</p>,\n        content: (\n            <>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec\n                viverra sit amet massa sagittis sollicitudin.\n            </>\n        )\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <div className=\"wby-flex wby-justify-center wby-items-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-48\">\n                    <Story />\n                </div>\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport const WithoutArrow: Story = {\n    args: {\n        ...Default.args,\n        showArrow: false\n    }\n};\n\nexport const WithIconTrigger: Story = {\n    args: {\n        trigger: <Icon icon={<InfoIcon />} label=\"Information\" />,\n        content: \"This is a helpful tooltip\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        align: \"center\",\n        side: \"top\",\n        variant: \"accent\",\n        showArrow: true,\n        trigger: <p>Tooltip trigger</p>,\n        content: (\n            <>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec\n                viverra sit amet massa sagittis sollicitudin.\n            </>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The element that triggers the tooltip when hovered. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        content: {\n            description:\n                \"The content to display inside the tooltip. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        side: {\n            description: \"The side of the trigger where the tooltip appears.\",\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        align: {\n            description: \"The alignment of the tooltip relative to the trigger.\",\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        variant: {\n            description: \"The visual style variant of the tooltip.\",\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        showArrow: {\n            description: \"Whether to show an arrow pointing to the trigger.\",\n            control: \"boolean\"\n        }\n    }\n};\n\nexport const Positioning: Story = {\n    render: () => (\n        <div className=\"wby-flex wby-gap-md\">\n            <Tooltip trigger={<p>Top</p>} content={<div>Tooltip on top</div>} side=\"top\" />\n            <Tooltip trigger={<p>Right</p>} content={<div>Tooltip on right</div>} side=\"right\" />\n            <Tooltip trigger={<p>Bottom</p>} content={<div>Tooltip on bottom</div>} side=\"bottom\" />\n            <Tooltip trigger={<p>Left</p>} content={<div>Tooltip on left</div>} side=\"left\" />\n        </div>\n    )\n};\n\nexport const Alignment: Story = {\n    render: () => (\n        <div className=\"wby-flex wby-gap-md\">\n            <Tooltip trigger={<p>Start</p>} content={<div>Aligned to start</div>} align=\"start\" />\n            <Tooltip\n                trigger={<p>Center</p>}\n                content={<div>Aligned to center</div>}\n                align=\"center\"\n            />\n            <Tooltip trigger={<p>End</p>} content={<div>Aligned to end</div>} align=\"end\" />\n        </div>\n    )\n};\n\nexport const WithButtonTrigger: Story = {\n    args: {\n        trigger: <Button text=\"Hover me\" />,\n        content: \"This tooltip is triggered by a button\"\n    }\n};\n\nexport const WithFormattedContent: Story = {\n    args: {\n        trigger: <p>Hover for more info</p>,\n        content: (\n            <div className=\"wby-flex wby-flex-col wby-gap-xs\">\n                <Text size=\"sm\" className=\"wby-font-bold\">\n                    Important Information\n                </Text>\n                <Text size=\"sm\">\n                    This tooltip contains formatted content with multiple paragraphs.\n                </Text>\n                <Text size=\"sm\">You can include various elements inside tooltips.</Text>\n            </div>\n        )\n    }\n};\n\nexport const WithHelpIcon: Story = {\n    args: {\n        trigger: <Icon icon={<HelpIcon />} label=\"Help\" />,\n        content: \"Need help? Contact support at support@example.com\"\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Tooltip","Button","Text","Icon","ReactComponent","InfoIcon","HelpIcon","meta","title","component","parameters","layout","argTypes","variant","control","options","align","side","showArrow","defaultValue","decorators","Story","createElement","Provider","className","Default","args","trigger","content","Fragment","AccentVariant","SubtleVariant","WithoutArrow","WithIconTrigger","icon","label","Documentation","description","Positioning","render","Alignment","WithButtonTrigger","text","WithFormattedContent","size","WithHelpIcon"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Text } from \"~/Text/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nimport { ReactComponent as InfoIcon } from \"@webiny/icons/info.svg\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help.svg\";\n\nconst meta: Meta<typeof Tooltip> = {\n    title: \"Components/Tooltip\",\n    component: Tooltip,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        variant: {\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        align: {\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        side: {\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        showArrow: {\n            control: \"boolean\",\n            defaultValue: true\n        }\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <div className=\"flex justify-center items-center h-48\">\n                    <Story />\n                </div>\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Tooltip>;\n\nexport const Default: Story = {\n    args: {\n        trigger: <p>Tooltip trigger</p>,\n        content: (\n            <>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec\n                viverra sit amet massa sagittis sollicitudin.\n            </>\n        )\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    },\n    decorators: [\n        Story => (\n            <Tooltip.Provider>\n                <div className=\"flex justify-center items-center bg-neutral-dark text-neutral-light w-full h-48\">\n                    <Story />\n                </div>\n            </Tooltip.Provider>\n        )\n    ]\n};\n\nexport const WithoutArrow: Story = {\n    args: {\n        ...Default.args,\n        showArrow: false\n    }\n};\n\nexport const WithIconTrigger: Story = {\n    args: {\n        trigger: <Icon icon={<InfoIcon />} label=\"Information\" />,\n        content: \"This is a helpful tooltip\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        align: \"center\",\n        side: \"top\",\n        variant: \"accent\",\n        showArrow: true,\n        trigger: <p>Tooltip trigger</p>,\n        content: (\n            <>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec\n                viverra sit amet massa sagittis sollicitudin.\n            </>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The element that triggers the tooltip when hovered. Please refer to the example code for details.\"\n        },\n        content: {\n            description:\n                \"The content to display inside the tooltip. Please refer to the example code for details.\"\n        },\n        side: {\n            description: \"The side of the trigger where the tooltip appears.\",\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        align: {\n            description: \"The alignment of the tooltip relative to the trigger.\",\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        variant: {\n            description: \"The visual style variant of the tooltip.\",\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        showArrow: {\n            description: \"Whether to show an arrow pointing to the trigger.\",\n            control: \"boolean\"\n        }\n    }\n};\n\nexport const Positioning: Story = {\n    render: () => (\n        <div className=\"flex gap-md\">\n            <Tooltip trigger={<p>Top</p>} content={<div>Tooltip on top</div>} side=\"top\" />\n            <Tooltip trigger={<p>Right</p>} content={<div>Tooltip on right</div>} side=\"right\" />\n            <Tooltip trigger={<p>Bottom</p>} content={<div>Tooltip on bottom</div>} side=\"bottom\" />\n            <Tooltip trigger={<p>Left</p>} content={<div>Tooltip on left</div>} side=\"left\" />\n        </div>\n    )\n};\n\nexport const Alignment: Story = {\n    render: () => (\n        <div className=\"flex gap-md\">\n            <Tooltip trigger={<p>Start</p>} content={<div>Aligned to start</div>} align=\"start\" />\n            <Tooltip\n                trigger={<p>Center</p>}\n                content={<div>Aligned to center</div>}\n                align=\"center\"\n            />\n            <Tooltip trigger={<p>End</p>} content={<div>Aligned to end</div>} align=\"end\" />\n        </div>\n    )\n};\n\nexport const WithButtonTrigger: Story = {\n    args: {\n        trigger: <Button text=\"Hover me\" />,\n        content: \"This tooltip is triggered by a button\"\n    }\n};\n\nexport const WithFormattedContent: Story = {\n    args: {\n        trigger: <p>Hover for more info</p>,\n        content: (\n            <div className=\"flex flex-col gap-xs\">\n                <Text size=\"sm\" className=\"font-bold\">\n                    Important Information\n                </Text>\n                <Text size=\"sm\">\n                    This tooltip contains formatted content with multiple paragraphs.\n                </Text>\n                <Text size=\"sm\">You can include various elements inside tooltips.</Text>\n            </div>\n        )\n    }\n};\n\nexport const WithHelpIcon: Story = {\n    args: {\n        trigger: <Icon icon={<HelpIcon />} label=\"Help\" />,\n        content: \"Need help? Contact support at support@example.com\"\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Tooltip/components/TooltipArrow.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const tooltipArrowVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TooltipArrowProps = TooltipPrimitive.TooltipArrowProps & VariantProps<typeof tooltipArrowVariants>;
 declare const TooltipArrow: ({ variant, className, ...props }: TooltipArrowProps) => React.JSX.Element;
 export { TooltipArrow, type TooltipArrowProps };