1.0.242

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.241",
+  "version": "1.0.242",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

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'
 }

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>
 `;

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 {