fix(documentation): small fixes on documentation (#4359)

swisspost · Dec 30, 2024 · 3186ee2 · 3186ee2
1 parent 88ada36
commit 3186ee2
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 15 deletions.
diff --git a/.changeset/spicy-pumpkins-grab.md b/.changeset/spicy-pumpkins-grab.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Fixed some display issues on storybook documentation.
diff --git a/packages/documentation/src/stories/components/app-store-badge/app-store-badge.stories.ts b/packages/documentation/src/stories/components/app-store-badge/app-store-badge.stories.ts
@@ -22,12 +22,12 @@ const meta: MetaComponent = {
       description: 'Select between Google Play and Apple Store badge',
       control: {
         type: 'radio',
+        labels: {
+          'google-play': 'Google Play',
+          'apple-store': 'Apple Store',
+        },
       },
       options: ['google-play', 'apple-store'],
-      labels: {
-        'google-play': 'Google Play',
-        'apple-store': 'Apple Store',
-      },
       table: {
         category: 'General',
       },

diff --git a/packages/documentation/src/stories/components/input/input.stories.ts b/packages/documentation/src/stories/components/input/input.stories.ts
@@ -81,7 +81,6 @@ const meta: MetaComponent = {
       description: 'The components `type` attribute.',
       control: {
         type: 'select',
-        labels: {},
       },
       options: [
         'text',

diff --git a/packages/documentation/src/stories/introduction.docs.mdx b/packages/documentation/src/stories/introduction.docs.mdx
@@ -62,16 +62,7 @@ import { technologies } from './introduction.data';
       <span>GitHub</span>
     </a>
   </div>
-  <p className="mb-0 fs-tiny lh-tiny">
-    <sup>1</sup> Login required. Get access with your post account, or use the registration form on
-    the login page.
-    <br />
-    <sup>2</sup> Login required. Get access with your post account, or click{' '}
-    <a href="mailto:[email protected]?subject=I need access to Figma&body=Hello%2C%20I%20need%20access%20to%20Figma%20%0A%E2%80%A2%20%20Project%20name%3A%20%0A%E2%80%A2%20Project%20Owner%20at%20the%20Post%20Office%20%28email%29%3A%20%0A%E2%80%A2%20Project%20Start%20Date%3A%20%0A%E2%80%A2%20Email%20address%20to%20be%20authorized%3A%20">
-      here
-    </a>
-    .
-  </p>
+  <p className="mb-0 fs-tiny lh-tiny"><sup>1</sup> Login required. Get access with your post account, or use the registration form on the login page.<br /><sup>2</sup> Login required. Get access with your post account, or click <a href="mailto:[email protected]?subject=I need access to Figma&body=Hello%2C%20I%20need%20access%20to%20Figma%20%0A%E2%80%A2%20%20Project%20name%3A%20%0A%E2%80%A2%20Project%20Owner%20at%20the%20Post%20Office%20%28email%29%3A%20%0A%E2%80%A2%20Project%20Start%20Date%3A%20%0A%E2%80%A2%20Email%20address%20to%20be%20authorized%3A%20">here</a>.</p>
 </div>
 
 <div className="mt-56 py-56 light-section text-center">

diff --git a/packages/documentation/src/stories/utilities/opacity/opacity.stories.ts b/packages/documentation/src/stories/utilities/opacity/opacity.stories.ts
@@ -17,6 +17,9 @@ const meta: MetaExtended = {
         type: 'select',
       },
       options: [0, 25, 50, 75, 100],
+      table: {
+        category: 'General',
+      },
     },
   },
   render: (args: Args) => {