From e6b8e2de1909a06f3b8e0008e22c2b17829d1330 Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Thu, 11 Jan 2024 21:14:30 +0100
Subject: [PATCH] fix(core): update

---
 ts_web/00_commitinfo_data.ts                   | 2 +-
 ts_web/elements/dees-input-multitoggle.demo.ts | 2 +-
 ts_web/elements/dees-input-multitoggle.ts      | 8 +++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 7a93181..2b37fca 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.241',
+  version: '1.0.242',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-input-multitoggle.demo.ts b/ts_web/elements/dees-input-multitoggle.demo.ts
index 8382887..bcb3a8c 100644
--- a/ts_web/elements/dees-input-multitoggle.demo.ts
+++ b/ts_web/elements/dees-input-multitoggle.demo.ts
@@ -2,7 +2,7 @@ import { html } from '@design.estate/dees-element';
 
 export const demoFunc = () => html`
   <dees-input-multitoggle
-    .options=${['option 1', 'option 2', 'option 3']}
+    .options=${['option 1', 'option 2', 'a longer option with multiple words']}
     .selectedOption=${'option 2'}
   ></dees-input-multitoggle>
 `;
\ No newline at end of file
diff --git a/ts_web/elements/dees-input-multitoggle.ts b/ts_web/elements/dees-input-multitoggle.ts
index db9c92a..8b4a37a 100644
--- a/ts_web/elements/dees-input-multitoggle.ts
+++ b/ts_web/elements/dees-input-multitoggle.ts
@@ -55,12 +55,18 @@ export class DeesInputMultitoggle extends DeesElement {
       }
 
       .option {
+        color: #CCC;
         position: relative;
         padding: 0px 16px;
         line-height: 40px;
-        cursor: pointer;
+        cursor: default;
         width: min-content; /* Make the width as per the content */
         white-space: nowrap; /* Prevent text wrapping */
+        transition: all 0.1s;
+      }
+
+      .option:hover {
+        color: #fff;
       }
 
       .indicator {