@humandialog/forms.svelte 1.4.9 → 1.4.11

package/components/contextmenu.svelte

@@ -367,7 +367,7 @@ function calculateBackground(is_highlighted, active) {
             {@const active = calculateBackground(isFocused, false)}
             {@const has_submenu = operation.menu !== undefined && operation.menu.length > 0}
 
-            <button class="block  w-full pr-4 text-left flex flex-row cursor-context-menu {active} focus:outline-none"
+            <button class="block  w-full pr-4 text-left flex flex-row cursor-context-menu {active} focus:outline-none items-center"
                     id={menu_item_id}
                     bind:this={menu_items[index]}
                     on:click|stopPropagation={(e) => { execute_action(e, operation, index) } }
@@ -377,7 +377,7 @@ function calculateBackground(is_highlighted, active) {
                     disabled={operation.disabled}
                     class:opacity-60={operation.disabled}>
 
-                <div class="flex items-center justify-center space-x-10 px-4 py-2 ml-12 sm:ml-0" >
+                <div class="flex  justify-center space-x-10 px-4 py-2 ml-12 sm:ml-0" >
                     {#if operation.icon}
                         {@const cc = mobile ? 7 : 6}
                         {@const icon_size = icon_placeholder_size - cc}
@@ -388,11 +388,10 @@ function calculateBackground(is_highlighted, active) {
                         <div class="w-4 h-4"></div>
                     {/if}
                 </div>
-                <div class="flex items-center ">
-                    <p> {operation.caption}</p>
+                <div class="">
+                        <p class=""> {operation.caption}</p>
                     {#if operation.description}
-                        {@const shortcut_width_px = operation.shortcut ? 80 : 0}
-                        <p  class="truncate inline-block">
+                         <p  class="truncate inline-block text-xs">
                             {operation.description}
                         </p>
                     {/if}

package/components/tags.palette.svelte

@@ -185,7 +185,7 @@
 </script>
 
 {#if view==TAGS_PALETTE}
-<menu class="{userClass} flex flex-column {gap} flex-wrap mr-1 sm:mr-0 sm:w-72">
+<menu class="{userClass} flex flex-column {gap} flex-wrap mr-1 sm:mr-0 sm:w-72 text-stone-600 dark:text-stone-300">
     <p class="flex flex-row {gap} flex-wrap ">
         {#key filteredTags}
             {#if filteredTags.length > 0}
@@ -206,7 +206,7 @@
 
     <input  type="text" name="text" id="text"
             autocomplete="off" 
-            class="block bg-stone-100 dark:bg-stone-800 flex-1"
+            class="block bg-stone-100 dark:bg-stone-800 flex-1 text-stone-700 dark:text-stone-200"
             bind:value={inputText}
             on:input={onTextInput}
             on:blur={onTextBlur}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.4.9",
+  "version": "1.4.11",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",