@luscii-healthtech/web-ui 28.12.0 → 28.12.2

package/dist/components/Image/Image.d.ts

@@ -6,6 +6,7 @@ type Props = {
     children?: React.ReactNode;
     onClick?: MouseEventHandler<HTMLSpanElement>;
     showIconOnFailure?: boolean;
+    wrapperClassName?: string;
 } & ComponentProps<typeof LazyLoadImage> & LazyComponentProps;
 /**
  * When you have many elements to lazy load in the same page, you might get poor performance because each one is

package/dist/index.development.js

@@ -1283,7 +1283,7 @@ const DragHandle = React.forwardRef((_a, ref) => {
 var img$i = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M18 16V2C18 0.9 17.1 0 16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16ZM5.9 10.98L8 13.51L11.1 9.52C11.3 9.26 11.7 9.26 11.9 9.53L15.41 14.21C15.66 14.54 15.42 15.01 15.01 15.01H3.02C2.6 15.01 2.37 14.53 2.63 14.2L5.12 11C5.31 10.74 5.69 10.73 5.9 10.98Z' fill='%23D1D5DB'/%3e%3c/svg%3e";
 
 const Image$1 = (_a) => {
-  var { src, className, children = null, onClick, showIconOnFailure = true } = _a, otherProps = __rest(_a, ["src", "className", "children", "onClick", "showIconOnFailure"]);
+  var { src, className, children = null, onClick, showIconOnFailure = true, wrapperClassName } = _a, otherProps = __rest(_a, ["src", "className", "children", "onClick", "showIconOnFailure", "wrapperClassName"]);
   const [isError, setIsError] = React.useState(false);
   if (!src || isError) {
     if (children) {
@@ -1297,7 +1297,7 @@ const Image$1 = (_a) => {
     "div",
     { className: "ui-flex ui-h-full ui-w-full ui-flex-row ui-items-center ui-justify-center ui-rounded" },
     React__namespace.default.createElement("img", { src: img$i, alt: "image-icon" })
-  ), src, onClick, onError: () => setIsError(true), wrapperClassName: "ui-w-full ui-h-full" }, otherProps));
+  ), src, onClick, onError: () => setIsError(true), wrapperClassName }, otherProps));
 };
 var Image$2 = reactLazyLoadImageComponent.trackWindowScroll(Image$1);
 
@@ -5411,10 +5411,11 @@ const ImagePickerInner = ({
           "ui-h-44 ui-w-full": !isTypeCompact
         }) },
         isUploading && React__namespace.default.createElement(LoadingIndicator, { className: "ui-my-16" }),
-        !isUploading && selectedMediaType === "image" && React__namespace.default.createElement(Image$2, { className: classNames__default.default("ui-h-full", {
-          "ui-w-full ui-rounded ui-bg-secondary ui-object-contain ui-p-3": !isTypeCompact,
-          "ui-w-full": isTypeCompact
-        }), src: selectedMedia }),
+        !isUploading && selectedMediaType === "image" && React__namespace.default.createElement(Image$2, { className: classNames__default.default("ui-h-full ui-w-full", {
+          "ui-rounded ui-bg-secondary ui-object-contain ui-p-3": !isTypeCompact
+        }), src: selectedMedia, wrapperClassName: classNames__default.default({
+          "ui-w-full ui-h-full": !isTypeCompact
+        }) }),
         !isUploading && !isErrorUploading && selectedMediaType === "video" && React__namespace.default.createElement("video", { className: classNames__default.default("ui-h-full", {
           "ui-w-full ui-rounded ui-bg-secondary ui-object-contain ui-p-3": !isTypeCompact,
           "ui-w-full": isTypeCompact
@@ -5793,7 +5794,7 @@ VerticalMenu.ItemText = MenuItemText;
 VerticalMenu.ItemPadding = MenuItemPadding;
 VerticalMenu.NotificationBubble = MenuItemNotificationBubble;
 function MenuItemText(props) {
-  return React__namespace.default.createElement(Text, Object.assign({ color: "current", variant: "strong" }, props, { className: classNames__default.default("ui-leading-[24px]", props.className) }));
+  return React__namespace.default.createElement(Text, Object.assign({ color: "current", variant: "strong" }, props, { className: classNames__default.default("sm:ui-leading-[24px]", props.className) }));
 }
 const getClassName = ({ isActive = false, classNameProp = "" } = {}) => classNames__default.default(
   // Base