@helpwave/hightide 0.1.20 → 0.1.22

package/dist/components/modals/LanguageModal.mjs

@@ -255,11 +255,7 @@ var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
 });
 
 // src/components/user-action/Menu.tsx
-import {
-  useEffect as useEffect6,
-  useRef,
-  useState as useState5
-} from "react";
+import { useEffect as useEffect6, useRef, useState as useState5 } from "react";
 import clsx4 from "clsx";
 
 // src/hooks/useOutsideClick.ts
@@ -457,7 +453,7 @@ var Menu = ({
         ref: menuRef,
         onClick: (e) => e.stopPropagation(),
         className: clsx4(
-          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg z-10",
+          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg shadow-strong z-[300]",
           {
             "animate-pop-in": isOpen,
             "animate-pop-out": !isOpen,
@@ -609,7 +605,7 @@ var getInputClassName = ({ disabled = false, hasError = false }) => {
   return clsx5(
     "px-2 py-1.5 rounded-md border-2",
     {
-      "bg-surface text-on-surface hover:border-primary focus:border-primary": !disabled && !hasError,
+      "bg-input-background text-input-text hover:border-primary focus:border-primary": !disabled && !hasError,
       "bg-on-negative text-negative border-negative-border hover:border-negative-border-hover": !disabled && hasError,
       "bg-disabled-background text-disabled-text border-disabled-border": disabled
     }
@@ -909,6 +905,7 @@ var SolidButton = forwardRef3(function SolidButton2({
       onClick,
       disabled,
       className: clsx6(
+        "font-semibold",
         {
           "text-disabled-text bg-disabled-background cursor-not-allowed": disabled,
           [clsx6(colorClasses, "hover:brightness-90")]: !disabled
@@ -1129,7 +1126,7 @@ var Select = ({
               "btn-md justify-between w-full border-2",
               {
                 "rounded-b-lg": !open,
-                "bg-menu-background text-menu-text border-menu-border hover:border-primary": !disabled,
+                "bg-input-background text-input-text hover:border-primary": !disabled,
                 "bg-disabled-background text-disabled-text border-disabled-background cursor-not-allowed": disabled
               },
               triggerClassName
@@ -1264,7 +1261,7 @@ var Overlay = ({
   }, []);
   if (!root || !isOpen) return null;
   return ReactDOM.createPortal(
-    /* @__PURE__ */ jsxs9("div", { className: clsx10("fixed inset-0 z-[9999]"), children: [
+    /* @__PURE__ */ jsxs9("div", { className: clsx10("fixed inset-0 z-[200]"), children: [
       /* @__PURE__ */ jsx11(
         "div",
         {
@@ -1371,7 +1368,7 @@ var Modal = ({
           ref,
           tabIndex: -1,
           className: clsx10(
-            "flex-col-2 fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-xl animate-pop-in",
+            "flex-col-2 fixed left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-around-lg shadow-strong animate-pop-in",
             className
           ),
           role: "dialog",
@@ -1427,7 +1424,8 @@ var LanguageModal = ({
             className: "mt-2",
             value: language,
             options: LanguageUtil.languages.map((language2) => ({ label: translation(language2), value: language2 })),
-            onChange: (language2) => setLanguage(language2)
+            onChange: (language2) => setLanguage(language2),
+            searchOptions: { disabled: true }
           }
         ),
         /* @__PURE__ */ jsx12("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ jsx12(SolidButton, { autoFocus: true, color: "positive", onClick: onClose, children: translation("done") }) })