@homebound/beam 4.57.2 → 4.58.1

package/dist/index.cjs

@@ -7709,9 +7709,12 @@ function ExpandableHeader(props) {
       pointerEvents: "pen",
       ...applyStickyStyles ? {
         position: "sticky",
-        left: ["left_var", {
-          "--left": (0, import_runtime11.maybeCssVar)(__maybeInc3(`calc(var(${beamSideNavLayoutWidthVar}, 0px) + ${minStickyLeftOffset + 12}px)`))
-        }],
+        left: ["left_var sm_left_var", {
+          "--left": (0, import_runtime11.maybeCssVar)(__maybeInc3(`calc(var(${beamSideNavLayoutWidthVar}, 0px) + ${minStickyLeftOffset + 12}px)`)),
+          "--sm_left": (0, import_runtime11.maybeCssVar)(__maybeInc3(`calc(var(${beamSideNavLayoutWidthVar}, 0px) + 12px)`))
+        }]
+      } : {},
+      ...applyStickyStyles ? {
         paddingRight: "pr2",
         backgroundColor: ["bgColor_var", {
           "--backgroundColor": "var(--b-surface)"
@@ -11277,27 +11280,22 @@ function RowImpl(props) {
     const renderedContent = withRowControls(content2, controlNodes, alignment, contentRowLink);
     ensureClientSideSortValueIsSortable(sortOn, isHeader || isTotals || isExpandableHeader || isGroupHeader, column2, columnIndex, maybeContent);
     const maybeSticky = (isGridCellContent(maybeContent) && maybeContent.sticky || column2.sticky) ?? void 0;
+    const stickyLeft = maybeSticky === "left" ? columnIndex === 0 ? `var(${beamSideNavLayoutWidthVar}, 0px)` : `calc(var(${beamSideNavLayoutWidthVar}, 0px) + (${columnSizes.slice(0, columnIndex).join(" + ")}))` : "auto";
+    const stickyRight = maybeSticky === "right" ? columnIndex + 1 === columnSizes.length ? `var(${beamRightPaneWidthVar}, 0px)` : `calc(var(${beamRightPaneWidthVar}, 0px) + (${columnSizes.slice(columnIndex + 1 - columnSizes.length).join(" + ")}))` : "auto";
     const maybeStickyColumnStyles = maybeSticky && columnSizes ? {
-      ...{
-        position: "sticky",
-        zIndex: ["z_var", {
-          "--zIndex": (0, import_runtime24.maybeCssVar)(zIndices.tableStickyColumn)
-        }],
-        backgroundColor: ["bgColor_var", {
-          "--backgroundColor": "var(--b-surface)"
-        }]
-      },
-      ...maybeSticky === "left" ? {
-        left: ["left_var", {
-          "--left": (0, import_runtime24.maybeCssVar)(__maybeInc9(columnIndex === 0 ? `var(${beamSideNavLayoutWidthVar}, 0px)` : `calc(var(${beamSideNavLayoutWidthVar}, 0px) + (${columnSizes.slice(0, columnIndex).join(" + ")}))`))
-        }]
-      } : {},
-      // Offset by the open right pane so sticky-right cells pin to the clear edge, not under it (0 when closed).
-      ...maybeSticky === "right" ? {
-        right: ["right_var", {
-          "--right": (0, import_runtime24.maybeCssVar)(__maybeInc9(columnIndex + 1 === columnSizes.length ? `var(${beamRightPaneWidthVar}, 0px)` : `calc(var(${beamRightPaneWidthVar}, 0px) + (${columnSizes.slice(columnIndex + 1 - columnSizes.length).join(" + ")}))`))
-        }]
-      } : {}
+      position: "sticky sm_relative",
+      zIndex: ["z_var", {
+        "--zIndex": (0, import_runtime24.maybeCssVar)(zIndices.tableStickyColumn)
+      }],
+      backgroundColor: ["bgColor_var", {
+        "--backgroundColor": "var(--b-surface)"
+      }],
+      left: ["left_var sm_l_auto", {
+        "--left": (0, import_runtime24.maybeCssVar)(__maybeInc9(stickyLeft))
+      }],
+      right: ["right_var sm_r_auto", {
+        "--right": (0, import_runtime24.maybeCssVar)(__maybeInc9(stickyRight))
+      }]
     } : {};
     minStickyLeftOffset += maybeSticky === "left" ? parseInt(columnSizes[columnIndex].replace("px", ""), 10) : 0;
     const cellId = `${row.kind}_${row.id}_${column2.id}`;
@@ -12019,15 +12017,18 @@ function InlineLabel({
   labelProps,
   label,
   multiline = false,
+  disabled = false,
   ...others
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { ...labelProps, ...others, ...(0, import_runtime29.trussProps)({
-    fontWeight: "fw4",
+    fontWeight: "fw6",
     fontSize: "fz_14px",
     lineHeight: "lh_20px",
     whiteSpace: "wsnw",
     paddingRight: "pr_4px",
-    color: "c_currentColor",
+    color: ["color_var", {
+      "--color": (0, import_runtime29.maybeCssVar)(disabled ? "currentColor" : "--b-on-surface" /* OnSurface */)
+    }],
     alignSelf: "asc",
     ...multiline ? {
       alignSelf: "asfs",
@@ -12601,7 +12602,7 @@ function TextFieldBase(props) {
           },
           ...xss
         }), "data-readonly": "true", "data-ai-mode": showProposal ? "true" : void 0, ...tid, children: [
-          labelStyle === "inline" && label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InlineLabel, { multiline, labelProps, label, ...tid.label }),
+          labelStyle === "inline" && label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InlineLabel, { multiline, labelProps, label, disabled: !!inputProps.disabled, ...tid.label }),
           showProposal ? (
             // Read-only renders no input at all, so both halves are drawn as text here. Checked
             // before `multiline` so a read-only TextAreaField still shows the struck-through original.
@@ -12634,7 +12635,7 @@ function TextFieldBase(props) {
             ref: inputWrapRef,
             onClick: unfocusedPlaceholder ? handleUnfocusedPlaceholderClick : void 0,
             children: [
-              labelStyle === "inline" && label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InlineLabel, { multiline, labelProps, label, ...tid.label }),
+              labelStyle === "inline" && label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InlineLabel, { multiline, labelProps, label, disabled: !!inputProps.disabled, ...tid.label }),
               startAdornment && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "df aic asc fs0 br4 pr1", children: startAdornment }),
               unfocusedPlaceholder && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 "div",
@@ -19791,13 +19792,13 @@ function MenuSelectTrigger(props) {
   const hasSupporting = !!(originalBelow || showErrorAndHelper && (errorMsg || helperText));
   const valueNode = /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
     labelStyle === "inline" && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { id: trigger.labelId, ...(0, import_runtime82.trussProps)({
-      fontWeight: "fw4",
+      fontWeight: "fw6",
       fontSize: "fz_14px",
       lineHeight: "lh_20px",
       whiteSpace: "wsnw",
       paddingRight: "pr_4px",
       color: ["color_var", {
-        "--color": (0, import_runtime82.maybeCssVar)(trigger.isDisabled && visuallyDisabled ? "currentColor" : "--b-text-label" /* TextLabel */)
+        "--color": (0, import_runtime82.maybeCssVar)(trigger.isDisabled && visuallyDisabled ? "currentColor" : "--b-on-surface" /* OnSurface */)
       }]
     }), children: [
       label,