@homebound/beam 3.104.0 → 3.105.1

package/dist/index.d.cts

@@ -4833,7 +4833,7 @@ type ProposedValueProps = {
 declare function ProposedValue$1(props: ProposedValueProps): JSX.Element;
 
 type TagXss = Margin | "backgroundColor" | "color";
-type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
+type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai" | "strikethrough";
 type TagVariant = "primary" | "secondary";
 type TagPropsBase<X> = {
     /** Required even if using `iconOnly + preventTooltip`. In those cases an accessibility friendly message is expected */
@@ -10216,6 +10216,8 @@ type SideNavProps = {
     items: AppNavItem[];
     /** Optional area pinned to the bottom (user menu, settings, sign-out). */
     footer?: ReactNode;
+    /** Keep `top` / `items` / `footer` in the collapsed rail (icon-only items). Default hides them. */
+    showContentWhenCollapsed?: boolean;
 };
 declare function SideNav(props: SideNavProps): JSX.Element;
 

package/dist/index.d.ts

@@ -4833,7 +4833,7 @@ type ProposedValueProps = {
 declare function ProposedValue$1(props: ProposedValueProps): JSX.Element;
 
 type TagXss = Margin | "backgroundColor" | "color";
-type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
+type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai" | "strikethrough";
 type TagVariant = "primary" | "secondary";
 type TagPropsBase<X> = {
     /** Required even if using `iconOnly + preventTooltip`. In those cases an accessibility friendly message is expected */
@@ -10216,6 +10216,8 @@ type SideNavProps = {
     items: AppNavItem[];
     /** Optional area pinned to the bottom (user menu, settings, sign-out). */
     footer?: ReactNode;
+    /** Keep `top` / `items` / `footer` in the collapsed rail (icon-only items). Default hides them. */
+    showContentWhenCollapsed?: boolean;
 };
 declare function SideNav(props: SideNavProps): JSX.Element;
 

package/dist/index.js

@@ -24677,6 +24677,7 @@ function Tag(props) {
     ...otherProps
   } = props;
   const isIconOnly = !!iconOnly && !!icon;
+  const isStrikethrough = type === "strikethrough";
   const {
     background,
     iconColor,
@@ -24714,10 +24715,23 @@ function Tag(props) {
         paddingRight: "pr_2px"
       } : padding,
       ...background,
+      ...isStrikethrough ? {
+        opacity: "o50"
+      } : {},
       ...xss
     }), children: [
       icon && /* @__PURE__ */ jsx196("span", { className: "fs0", children: /* @__PURE__ */ jsx196(Icon, { icon, inc: 1.75, color: iconColor }) }),
-      isIconOnly ? /* @__PURE__ */ jsx196("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ jsx196("span", { ref, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: text })
+      isIconOnly ? /* @__PURE__ */ jsx196("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ jsx196("span", { ref, ...trussProps109({
+        overflow: "oh",
+        display: "d_negwebkit_box",
+        WebkitBoxOrient: "wbo_vertical",
+        textOverflow: "to_ellipsis",
+        WebkitLineClamp: "wlc_1",
+        wordBreak: "wbba",
+        ...isStrikethrough ? {
+          textDecoration: "tdlt"
+        } : {}
+      }), children: text })
     ] })
   });
 }
@@ -26592,16 +26606,18 @@ function SideNav(props) {
   const {
     top,
     items,
-    footer
+    footer,
+    showContentWhenCollapsed = false
   } = props;
   const {
     navState
   } = useSideNavLayoutContext();
   const tid = useTestIds(props, "sideNav");
   const panelCollapsed = navState === "collapse";
-  const hideOnCollapse = panelCollapsed && !allItemsHaveIcons(items);
+  const hideContent = panelCollapsed && !showContentWhenCollapsed;
+  const hideItems = hideContent || panelCollapsed && !allItemsHaveIcons(items);
   return /* @__PURE__ */ jsxs111("nav", { className: "df fdc h100 fs0", ...tid, children: [
-    top !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
+    !hideContent && top !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",
@@ -26612,7 +26628,7 @@ function SideNav(props) {
         paddingBottom: "pb4"
       } : {}
     }), ...tid.top, children: top }),
-    /* @__PURE__ */ jsx217("div", { ...trussProps124({
+    !hideContent && /* @__PURE__ */ jsx217("div", { ...trussProps124({
       flexGrow: "fg1",
       overflowY: "oya",
       display: "df",
@@ -26624,8 +26640,8 @@ function SideNav(props) {
       ...top === void 0 ? {
         paddingTop: "pt5"
       } : {}
-    }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ jsx217(AppNavItems, { items, panelCollapsed }) }),
-    footer !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
+    }), ...tid.items, children: !hideItems && /* @__PURE__ */ jsx217(AppNavItems, { items, panelCollapsed }) }),
+    !hideContent && footer !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
       flexShrink: "fs0",
       paddingLeft: "pl2",
       paddingRight: "pr2",