@luscii-healthtech/web-ui 54.5.0 → 54.5.1

package/dist/index.development.js

@@ -5738,6 +5738,7 @@ Summary.OpenIndicator = OpenIndicator;
 Summary.DefaultOpenIndicator = () => jsxRuntime.jsx(OpenIndicator, { component: DefaultOpenIndicator });
 
 const DEFAULT_TEXT_CLASS_NAME = "ui:text-[#162130]";
+const COLLAPSED_WIDTH_CLASS_NAME = "ui:w-min ui:min-w-[96px] ui:max-w-[120px]";
 const context$1 = React.createContext({
   variant: "primary"
 });
@@ -5748,8 +5749,10 @@ const VerticalMenu = (props) => {
   const shouldShowCollapseButton = localization && Boolean(onCollapseButtonClick);
   const hasHeaderContent = title || shouldShowCollapseButton;
   const contextValue = React.useMemo(() => ({ variant }), [variant]);
-  return jsxRuntime.jsx(context$1.Provider, { value: contextValue, children: jsxRuntime.jsxs(Stack, Object.assign({ as: "div", px: "xxs", py: "m", align: "normal", className: classNames__default.default("ui:max-w-full", "ui:max-h-full", {
-    [DEFAULT_TEXT_CLASS_NAME]: isCollapsed
+  return jsxRuntime.jsx(context$1.Provider, { value: contextValue, children: jsxRuntime.jsxs(Stack, Object.assign({ as: "div", px: "xxs", py: "m", align: "normal", className: classNames__default.default("ui:max-h-full", {
+    "ui:max-w-full": !isCollapsed,
+    [DEFAULT_TEXT_CLASS_NAME]: isCollapsed,
+    [COLLAPSED_WIDTH_CLASS_NAME]: isCollapsed
   }, className) }, rest, { children: [jsxRuntime.jsxs(Stack, { width: "full", children: [header && jsxRuntime.jsx(Box, { width: "full", children: header }), jsxRuntime.jsxs(Stack, { axis: "x", gap: "xxs", p: hasHeaderContent ? "m" : void 0, align: "start", justify: "between", width: "full", children: [title && jsxRuntime.jsx(Box, { children: jsxRuntime.jsx(Text, { variant: "lg-strong", children: title }) }), shouldShowCollapseButton && jsxRuntime.jsx(
     Box,
     {
@@ -5788,7 +5791,6 @@ VerticalMenu.SectionTitle = SectionTitle;
 function MenuItemText(props) {
   const { variant: menuVariant } = React.useContext(context$1);
   const isCollapsed = menuVariant === "primary-collapsed";
-  const shouldTruncate = isCollapsed || Boolean(props.truncate);
   const getMenuVariant = () => {
     switch (menuVariant) {
       case "primary":
@@ -5799,11 +5801,11 @@ function MenuItemText(props) {
         return props.variant;
     }
   };
-  return jsxRuntime.jsx(Text, Object.assign({ as: "span", color: "current", variant: getMenuVariant(), truncate: shouldTruncate }, props, { className: classNames__default.default({
+  return jsxRuntime.jsx(Text, Object.assign({ as: "span", color: "current", variant: getMenuVariant(), truncate: Boolean(props.truncate), clampLines: isCollapsed }, props, { className: classNames__default.default({
     "ui:sm:leading-[16px]": isCollapsed,
     "ui:sm:leading-[24px]": !isCollapsed
   }, {
-    "ui:max-w-18": isCollapsed
+    "ui:w-full ui:text-center": isCollapsed
   }, props.className) }));
 }
 const useGetClassName = () => {