@true-engineering/true-react-common-ui-kit 3.0.0-alpha.0 → 3.0.0-alpha.2

package/dist/true-react-common-ui-kit.umd.cjs

@@ -4088,6 +4088,14 @@
       };
     }, dependencies);
   };
+  var useMixedStyles = function(baseStyles, tweakStyles) {
+    return React.useMemo(function() {
+      return trueReactPlatformHelpers.isNotEmpty(baseStyles) && trueReactPlatformHelpers.isNotEmpty(tweakStyles) ? trueReactPlatformHelpers.mergeStyles(baseStyles, tweakStyles) : baseStyles !== null && baseStyles !== void 0 ? baseStyles : tweakStyles;
+    }, [
+      baseStyles,
+      tweakStyles
+    ]);
+  };
   const avatarGreen = `  <svg\r
     width="100%"\r
     height="100%"\r
@@ -6187,6 +6195,7 @@
     root: {
       cursor: "pointer",
       display: "flex",
+      alignItems: "center",
       gap: 14,
       width: "fit-content"
     },
@@ -8261,13 +8270,15 @@
     }
   };
   var readonlyInputBaseStyles = {
-    inputIcon: {
-      width: "auto"
+    input: {
+      cursor: "pointer"
     }
   };
   var multiSelectInputBaseStyles = {
     inputIcon: {
-      width: "auto"
+      "&:not($loading)": {
+        width: "auto"
+      }
     }
   };
   var readonlyInputStyles = trueReactPlatformHelpers.mergeStyles(baseInputStyles, readonlyInputBaseStyles);
@@ -28643,6 +28654,7 @@
   exports2.useDidMountEffect = useDidMountEffect;
   exports2.useDropdown = useDropdown;
   exports2.useIsMounted = useIsMounted;
+  exports2.useMixedStyles = useMixedStyles;
   exports2.useOnClickOutside = useOnClickOutside;
   exports2.useOnClickOutsideWithRef = useOnClickOutsideWithRef;
   exports2.useTweakStyles = useTweakStyles;