@jsenv/navi 0.26.16 → 0.26.18

package/dist/jsenv_navi.js

@@ -24808,7 +24808,7 @@ installImportMetaCssBuild(import.meta);const css$p = /* css */`
 
       /* Toggle specific */
       --toggle-margin: 2px; /* Useful to reserve space for outline */
-      --toggle-width: 2.5em;
+      --toggle-width: 2em;
       --toggle-thumb-size: 1.2em;
       /* Padding uses px and not em otherwise it can be resolved to a float which does not play well */
       /* With the translation calc in some configurations. In the end 2px is nice in all sizes and can still be configured for exceptions */
@@ -29361,44 +29361,46 @@ const InputTextualUI = props => {
   };
   const renderInputMemoized = useCallback(renderInput, [type, uiState, innerValue, innerId, autoFocus]);
   let innerChildren;
-  if (children) {
-    innerChildren = children;
-  } else if (type === "search") {
-    innerChildren = jsxs(Fragment, {
-      children: [jsx(InputLeftSlot, {
+  if (children === undefined) {
+    if (type === "search") {
+      innerChildren = jsxs(Fragment, {
+        children: [jsx(InputLeftSlot, {
+          children: jsx(Icon, {
+            color: "rgba(28, 43, 52, 0.5)",
+            children: jsx(SearchSvg, {})
+          })
+        }), jsx(InputRightSlot, {
+          hideWhileEmpty: true,
+          onClick: () => {
+            uiStateController.setUIState("", {
+              trigger: "cancel_button"
+            });
+            ref.current.value = "";
+            ref.current.dispatchEvent(new Event("navi_delete_content"));
+          },
+          children: jsx(Icon, {
+            color: "rgba(28, 43, 52, 0.5)",
+            children: jsx(CloseSvg, {})
+          })
+        })]
+      });
+    } else if (type === "email") {
+      innerChildren = jsx(InputLeftSlot, {
         children: jsx(Icon, {
           color: "rgba(28, 43, 52, 0.5)",
-          children: jsx(SearchSvg, {})
+          children: jsx(EmailSvg, {})
         })
-      }), jsx(InputRightSlot, {
-        hideWhileEmpty: true,
-        onClick: () => {
-          uiStateController.setUIState("", {
-            trigger: "cancel_button"
-          });
-          ref.current.value = "";
-          ref.current.dispatchEvent(new Event("navi_delete_content"));
-        },
+      });
+    } else if (type === "tel") {
+      innerChildren = jsx(InputLeftSlot, {
         children: jsx(Icon, {
           color: "rgba(28, 43, 52, 0.5)",
-          children: jsx(CloseSvg, {})
+          children: jsx(PhoneSvg, {})
         })
-      })]
-    });
-  } else if (type === "email") {
-    innerChildren = jsx(InputLeftSlot, {
-      children: jsx(Icon, {
-        color: "rgba(28, 43, 52, 0.5)",
-        children: jsx(EmailSvg, {})
-      })
-    });
-  } else if (type === "tel") {
-    innerChildren = jsx(InputLeftSlot, {
-      children: jsx(Icon, {
-        color: "rgba(28, 43, 52, 0.5)",
-        children: jsx(PhoneSvg, {})
-      })
-    });
+      });
+    }
+  } else {
+    innerChildren = children;
   }
   return jsxs(Box, {
     as: "span",