@homebound/beam 2.414.0-alpha.2 → 2.414.0

package/dist/index.cjs

@@ -7052,6 +7052,7 @@ function Button(props) {
     download,
     contrast = false,
     forceFocusStyles = false,
+    active = false,
     labelInFlight,
     ...otherProps
   } = props;
@@ -7105,8 +7106,8 @@ function Button(props) {
     css: {
       ...Css.buttonBase.tt("inherit").$,
       ...baseStyles5,
-      ...isHovered && !isPressed ? hoverStyles4 : {},
-      ...isPressed ? pressedStyles3 : {},
+      ...isHovered && !isPressed && !active ? hoverStyles4 : {},
+      ...isPressed || active ? pressedStyles3 : {},
       ...isDisabled || asyncInProgress ? { ...disabledStyles4, ...Css.cursorNotAllowed.$ } : {},
       ...isFocusVisible || forceFocusStyles ? focusStyles2 : {}
     },
@@ -7146,7 +7147,7 @@ var variantStyles = (contrast) => ({
   secondaryBlack: {
     baseStyles: Css.bgWhite.bcGray300.bw1.ba.gray900.$,
     hoverStyles: Css.bgGray100.if(contrast).bgGray700.white.$,
-    pressedStyles: Css.gray900.if(contrast).bgWhite.gray900.$,
+    pressedStyles: Css.bgGray100.gray900.if(contrast).bgWhite.gray900.$,
     disabledStyles: Css.gray400.if(contrast).gray700.$,
     focusStyles: Css.boxShadow(`0px 0px 0px 2px ${"rgba(255,255,255,1)" /* White */}, 0px 0px 0px 4px ${"rgba(36, 36, 36, 1)" /* Gray900 */}`).if(contrast).boxShadow(`0px 0px 0px 2px ${"rgba(175, 175, 175, 1)" /* Gray500 */}`).$
   },
@@ -8635,10 +8636,10 @@ function RowImpl(props) {
     const maybeSticky = (isGridCellContent(maybeContent) && maybeContent.sticky || column2.sticky) ?? void 0;
     const maybeStickyColumnStyles = maybeSticky && columnSizes ? {
       ...Css.sticky.z(zIndices.stickyColumns).bgWhite.$,
-      // For flex layouts, all sticky columns should have left/right: 0
-      // The flex layout handles their adjacency based on their widths
-      ...maybeSticky === "left" ? Css.left(0).$ : {},
-      ...maybeSticky === "right" ? Css.right(0).$ : {}
+      ...maybeSticky === "left" ? Css.left(columnIndex === 0 ? 0 : `calc(${columnSizes.slice(0, columnIndex).join(" + ")})`).$ : {},
+      ...maybeSticky === "right" ? Css.right(
+        columnIndex + 1 === columnSizes.length ? 0 : `calc(${columnSizes.slice(columnIndex + 1 - columnSizes.length).join(" + ")})`
+      ).$ : {}
     } : {};
     minStickyLeftOffset += maybeSticky === "left" ? parseInt(columnSizes[columnIndex].replace("px", ""), 10) : 0;
     const cellId = `${row.kind}_${row.id}_${column2.id}`;
@@ -8704,7 +8705,7 @@ function RowImpl(props) {
       const cellElementWithHandle = import_react33.default.cloneElement(cellElement, {
         css: {
           ...cellElement.props.css || {},
-          ...Css.relative.$
+          ...!maybeSticky && Css.relative.$
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
           cellElement.props.children,
@@ -17026,7 +17027,6 @@ function Filters(props) {
           Button,
           {
             label: "More Filters",
-            size: "md",
             endAdornment: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(CountBadge, { count: numModalFilters, hideIfZero: true }),
             variant: "secondary",
             onClick: () => openModal({
@@ -17036,7 +17036,7 @@ function Filters(props) {
             ...testId.moreFiltersBtn
           }
         ),
-        Object.keys(filter).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { label: "Clear", size: "md", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
+        Object.keys(filter).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
       ]
     }
   );
@@ -17111,6 +17111,7 @@ function FilterDropdownMenu(props) {
         ] }),
         variant: "secondaryBlack",
         onClick: () => setIsOpen(!isOpen),
+        active: isOpen,
         ...testId.button
       }
     ),
@@ -17129,7 +17130,7 @@ function FilterDropdownMenu(props) {
         }
       ),
       renderFilters(),
-      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", size: "md", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
+      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
     ] }),
     !isOpen && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       FilterChips,
@@ -17181,7 +17182,7 @@ function FilterChips({
   if (chips.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { css: Css.df.gap1.fww.aic.order(1).$, children: [
     chips,
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", size: "md", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
   ] });
 }
 function buildFilterImpls(filterDefs) {
@@ -18079,12 +18080,11 @@ function DnDGrid(props) {
     (e) => {
       if (!reorderViaKeyboard.current && dragEl.current && gridEl.current) {
         initReorder();
-        const gridRect = gridEl.current.getBoundingClientRect();
         const rect = dragEl.current.getBoundingClientRect();
         const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
         const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
-        const top = rect.top - gridRect.top;
-        const left = rect.left - gridRect.left;
+        const top = rect.top;
+        const left = rect.left;
         transformFrom.current = { x: clientX - left, y: clientY - top };
         cloneEl.current = dragEl.current.cloneNode();
         cloneEl.current?.setAttribute(