Thomy! Thomy! Thomy!

package.json

@@ -1,6 +1,6 @@
 {
   "name": "srf-feathers",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "files": [

src/elements/AppSwitcher/AppSwitcher.stories.tsx

@@ -56,15 +56,27 @@ export const AppSwitcherWithCustomAppSwitcherButtonChild =
 AppSwitcherWithCustomAppSwitcherButtonChild.args = {
   currentBirdId: 'tweety',
   children: (
-    <a href="https://www.srf.ch/">
-      <AppSwitcherButton
-        bird={{
-          id: 'schorsch',
-          path: '',
-          label: 'Schorsch',
-          hint: 'Ich bin custom!',
-        }}
-      />
-    </a>
+    <>
+      <a href="https://www.srf.ch/">
+        <AppSwitcherButton
+          bird={{
+            id: 'schorsch',
+            path: '',
+            label: 'Schorsch',
+            hint: 'Ich bin custom!',
+          }}
+        />
+      </a>
+      <a href="https://www.srf.ch/">
+        <AppSwitcherButton
+          bird={{
+            id: 'thomy',
+            path: '',
+            label: 'Thomy die Taube',
+            hint: 'Ich bin auch custom!',
+          }}
+        />
+      </a>
+    </>
   ),
 };

src/elements/AppSwitcher/AppSwitcher.tsx

@@ -24,6 +24,7 @@ export const BirdsModifiers = [
   'karl',
   'pitt',
   'tweety',
+  'thomy',
 ] as const;
 
 export type BirdsModifiersType = (typeof BirdsModifiers)[number];

src/elements/Logo/Logo.scss

@@ -12,7 +12,8 @@
 
 // some images are not cut perfectly:
 .f-logo__image--globi,
-.f-logo__image--woody {
+.f-logo__image--woody,
+.f-logo__image--thomy {
   padding: 6px;
 }
 

src/elements/Logo/Logo.stories.tsx

@@ -49,3 +49,6 @@ Woody.args = { bird: 'woody' };
 
 export const Edith = ModifierTemplate.bind({});
 Edith.args = { bird: 'edith' };
+
+export const Thomy = ModifierTemplate.bind({});
+Thomy.args = { bird: 'thomy' };

src/elements/Logo/Logo.tsx

@@ -34,6 +34,9 @@ import roebiImage from './images/Roebi.png';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
 import waltraudImage from './images/Waltraud.png';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+import thomyImage from './images/Thomy.png';
 
 import './Logo.scss';
 
@@ -49,6 +52,7 @@ const images = {
   woody: woodyImage,
   edith: edithImage,
   waltraud: waltraudImage,
+  thomy: thomyImage,
 };
 
 export const LogoBirds = [
@@ -63,6 +67,7 @@ export const LogoBirds = [
   'woody',
   'edith',
   'waltraud',
+  'thomy',
 ] as const;
 
 export type LogoBirdsType = (typeof LogoBirds)[number];