@homebound/beam 3.104.0 → 3.105.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -25185,6 +25185,7 @@ function Tag(props) {
25185
25185
  ...otherProps
25186
25186
  } = props;
25187
25187
  const isIconOnly = !!iconOnly && !!icon;
25188
+ const isStrikethrough = type === "strikethrough";
25188
25189
  const {
25189
25190
  background,
25190
25191
  iconColor,
@@ -25222,10 +25223,23 @@ function Tag(props) {
25222
25223
  paddingRight: "pr_2px"
25223
25224
  } : padding,
25224
25225
  ...background,
25226
+ ...isStrikethrough ? {
25227
+ opacity: "o50"
25228
+ } : {},
25225
25229
  ...xss
25226
25230
  }), children: [
25227
25231
  icon && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { className: "fs0", children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(Icon, { icon, inc: 1.75, color: iconColor }) }),
25228
- isIconOnly ? /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { ref, className: "oh d_negwebkit_box wbo_vertical to_ellipsis wlc_1 wbba", children: text })
25232
+ isIconOnly ? /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { className: "absolute oh cli_inset_50 clp_none bd_0 h_1px m_neg1px w_1px p_0 wsnw o0", children: text }) : /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { ref, ...(0, import_runtime120.trussProps)({
25233
+ overflow: "oh",
25234
+ display: "d_negwebkit_box",
25235
+ WebkitBoxOrient: "wbo_vertical",
25236
+ textOverflow: "to_ellipsis",
25237
+ WebkitLineClamp: "wlc_1",
25238
+ wordBreak: "wbba",
25239
+ ...isStrikethrough ? {
25240
+ textDecoration: "tdlt"
25241
+ } : {}
25242
+ }), children: text })
25229
25243
  ] })
25230
25244
  });
25231
25245
  }
@@ -27092,16 +27106,18 @@ function SideNav(props) {
27092
27106
  const {
27093
27107
  top,
27094
27108
  items,
27095
- footer
27109
+ footer,
27110
+ showContentWhenCollapsed = false
27096
27111
  } = props;
27097
27112
  const {
27098
27113
  navState
27099
27114
  } = useSideNavLayoutContext();
27100
27115
  const tid = useTestIds(props, "sideNav");
27101
27116
  const panelCollapsed = navState === "collapse";
27102
- const hideOnCollapse = panelCollapsed && !allItemsHaveIcons(items);
27117
+ const hideContent = panelCollapsed && !showContentWhenCollapsed;
27118
+ const hideItems = hideContent || panelCollapsed && !allItemsHaveIcons(items);
27103
27119
  return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("nav", { className: "df fdc h100 fs0", ...tid, children: [
27104
- top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
27120
+ !hideContent && top !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
27105
27121
  flexShrink: "fs0",
27106
27122
  paddingLeft: "pl2",
27107
27123
  paddingRight: "pr2",
@@ -27112,7 +27128,7 @@ function SideNav(props) {
27112
27128
  paddingBottom: "pb4"
27113
27129
  } : {}
27114
27130
  }), ...tid.top, children: top }),
27115
- /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
27131
+ !hideContent && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
27116
27132
  flexGrow: "fg1",
27117
27133
  overflowY: "oya",
27118
27134
  display: "df",
@@ -27124,8 +27140,8 @@ function SideNav(props) {
27124
27140
  ...top === void 0 ? {
27125
27141
  paddingTop: "pt5"
27126
27142
  } : {}
27127
- }), ...tid.items, children: !hideOnCollapse && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(AppNavItems, { items, panelCollapsed }) }),
27128
- footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
27143
+ }), ...tid.items, children: !hideItems && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(AppNavItems, { items, panelCollapsed }) }),
27144
+ !hideContent && footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { ...(0, import_runtime137.trussProps)({
27129
27145
  flexShrink: "fs0",
27130
27146
  paddingLeft: "pl2",
27131
27147
  paddingRight: "pr2",