From 1b77b16a8062844991235b389ec1a77a493c33ec Mon Sep 17 00:00:00 2001
From: Aurora Scharff Walberg <aurora.walberg@inmeta.no>
Date: Wed, 5 Jun 2024 19:03:17 +0200
Subject: [PATCH] fix: MdTooltip missing controls in storybook

---
 packages/css/src/button/README.md    |  2 +-
 packages/css/src/tooltip/tooltip.css |  1 +
 stories/Tooltip.stories.tsx          | 17 +++++++++++++----
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/css/src/button/README.md b/packages/css/src/button/README.md
index 4033f572..5b6dd76d 100644
--- a/packages/css/src/button/README.md
+++ b/packages/css/src/button/README.md
@@ -7,7 +7,7 @@ Class names and elements in brackets [] are optional-/togglable-/decorator- or s
 See [Storybook](https://miljodir.github.io/md-components) for examples and more info.
 
 ```html
-<button className="md-button [md-button--small, md-button--secondary, md-button--danger, md-button--column]">
+<button className="md-button [md-button--small, md-button--secondary, md-button--tertiary, md-button--danger, md-button--column]">
   [
   <div className="md-button__topIcon">{topIcon}</div>
   ] [
diff --git a/packages/css/src/tooltip/tooltip.css b/packages/css/src/tooltip/tooltip.css
index 1869c316..819836e8 100644
--- a/packages/css/src/tooltip/tooltip.css
+++ b/packages/css/src/tooltip/tooltip.css
@@ -37,6 +37,7 @@
 .md-tooltip__child {
   display: flex;
   cursor: pointer;
+  width: fit-content;
 }
 
 
diff --git a/stories/Tooltip.stories.tsx b/stories/Tooltip.stories.tsx
index f76098b2..91ab3e56 100644
--- a/stories/Tooltip.stories.tsx
+++ b/stories/Tooltip.stories.tsx
@@ -31,14 +31,23 @@ export default {
     },
   },
   argTypes: {
-    label: {
-      description: 'The text to display on hover',
+    content: {
+      description: 'The content to display on hover',
       table: {
         type: {
-          summary: 'text',
+          summary: 'ReactNode',
+        },
+      },
+      control: { type: 'text' },
+    },
+    ariaLabel: {
+      description: 'The aria label for the tooltip',
+      table: {
+        type: {
+          summary: 'string',
         },
       },
-      control: 'text',
+      control: { type: 'text' },
     },
     position: {
       description: 'Selected position for the tooltip',