@luscii-healthtech/web-ui 54.5.0 → 54.5.2

package/README.md

@@ -8,6 +8,7 @@ The `web-ui` repository contains the UI components for Luscii's frontend project
   - 📖 [Fonts](#fonts)
 - 📦 [How to use](#how-to-use)
 - 🤝 [Contributing](#contributing)
+  - 📐 [Coding standards & AI guidance](#coding-standards--ai-guidance)
 
 ## Getting started
 
@@ -176,6 +177,19 @@ Great to have you help making WebUI better! We have a few guidelines and tips
 to make sure we can keep the library consistent and easy to use. You can find
 them in our [contributing guide](CONTRIBUTING.md).
 
+### Coding standards & AI guidance
+
+AI-agent guidance (including the Design System governance policy) lives in
+[`CLAUDE.md`](CLAUDE.md).
+
+Org-wide standards are kept in a separate repository and cloned into a local,
+git-ignored `.coding-standards/` folder. Pull them in with:
+
+```bash
+yarn add-coding-standards   # first-time clone
+yarn pull-coding-standards  # update to latest
+```
+
 ### Reporting bugs
 
 If you find a bug, please report it by sending us a message in the [#design-system-circle channel](https://luscii.slack.com/archives/C03507ZKRCY). It helps us a lot knowing of anything that is not working as expected.

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 = () => {