@helpwave/hightide 0.1.21 → 0.1.22

package/dist/components/properties/MultiSelectProperty.mjs

@@ -264,11 +264,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
@@ -466,7 +462,7 @@ var Menu = ({
         ref: menuRef,
         onClick: (e) => e.stopPropagation(),
         className: clsx4(
-          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg z-[300]",
+          "absolute rounded-md bg-menu-background text-menu-text shadow-around-lg shadow-strong z-[300]",
           {
             "animate-pop-in": isOpen,
             "animate-pop-out": !isOpen,
@@ -618,7 +614,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
     }
@@ -918,6 +914,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
@@ -960,6 +957,7 @@ var TextButton = ({
   startIcon,
   endIcon,
   onClick,
+  coloredHoverBackground = true,
   className,
   ...restProps
 }) => {
@@ -968,6 +966,11 @@ var TextButton = ({
     negative: "bg-transparent text-button-text-negative-text",
     neutral: "bg-transparent text-button-text-neutral-text"
   }[color];
+  const backgroundColor = {
+    primary: "hover:bg-button-text-primary-text/20",
+    negative: "hover:bg-button-text-negative-text/20",
+    neutral: "hover:bg-button-text-neutral-text/20"
+  }[color];
   const iconColorClasses = {
     primary: "text-button-text-primary-icon",
     negative: "text-button-text-negative-icon",
@@ -979,9 +982,12 @@ var TextButton = ({
       onClick,
       disabled,
       className: clsx6(
+        "font-semibold",
         {
           "text-disabled-text cursor-not-allowed": disabled,
-          [clsx6(colorClasses, "hover:bg-button-text-hover-background")]: !disabled
+          [colorClasses]: !disabled,
+          [backgroundColor]: !disabled && coloredHoverBackground,
+          "hover:bg-button-text-hover-background": !disabled && !coloredHoverBackground
         },
         ButtonUtil.paddingMapping[size],
         className
@@ -1279,7 +1285,7 @@ var Checkbox = ({
         className: clsx10(usedSizeClass, `items-center border-2 rounded outline-none `, {
           "text-disabled-text border-disabled-outline bg-disabled-background cursor-not-allowed": disabled,
           "focus:border-primary group-hover:border-primary ": !disabled,
-          "bg-surface": !disabled && !checked,
+          "bg-input-background": !disabled && !checked,
           "bg-primary/30 border-primary text-primary": !disabled && checked === true || checked === "indeterminate"
         }, className),
         children: /* @__PURE__ */ jsxs9(CheckboxPrimitive.Indicator, { children: [
@@ -1345,17 +1351,17 @@ var MultiSelect = ({
           {
             ref,
             className: clsx11(
-              "btn-md justify-between w-full border-2 h-auto",
+              "group btn-md justify-between w-full border-2 h-auto",
               {
                 "min-h-14": useChipDisplay,
-                "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
             ),
             onClick: toggleOpen,
             disabled,
-            children: useChipDisplay ? /* @__PURE__ */ jsx12(Fragment3, { children: isShowingHint ? /* @__PURE__ */ jsx12(IconButton, { disabled, size: "small", color: "neutral", children: /* @__PURE__ */ jsx12(Plus, {}) }) : /* @__PURE__ */ jsx12(ChipList, { list: selectedItems.map((value) => ({ children: value.label })) }) }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+            children: useChipDisplay ? /* @__PURE__ */ jsx12(Fragment3, { children: isShowingHint ? /* @__PURE__ */ jsx12("div", { className: "icon-btn-sm bg-button-solid-neutral-background text-button-solid-neutral-text hover:brightness-90 group-hover:brightness-90", children: /* @__PURE__ */ jsx12(Plus, {}) }) : /* @__PURE__ */ jsx12(ChipList, { list: selectedItems.map((value) => ({ children: value.label })) }) }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
               !isShowingHint && /* @__PURE__ */ jsx12("span", { className: "font-semibold", children: selectedDisplayOverwrite ?? translation("selected", { replacements: { amount: selectedItems.length.toString() } }) }),
               isShowingHint && /* @__PURE__ */ jsx12("span", { className: clsx11("textstyle-description", hintTextClassName), children: hintText ?? translation("select") }),
               /* @__PURE__ */ jsx12(ExpansionIcon, { isExpanded: isOpen })
@@ -1485,7 +1491,7 @@ var PropertyBase = ({
         className: clsx12(
           "flex-row-2 grow px-3 py-2 justify-between items-center rounded-r-xl border-2 border-l-0 min-h-15",
           {
-            "bg-surface group-hover:border-primary": !requiredAndNoValue,
+            "bg-input-background text-input-text group-hover:border-primary": !requiredAndNoValue,
             "bg-surface-warning group-hover:border-warning border-warning/90": requiredAndNoValue
           },
           className