@homebound/beam 3.36.0 → 3.37.0

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
@@ -16627,7 +16627,7 @@ function TableCardView(props) {
16627
16627
  paddingBottom: "pb3",
16628
16628
  paddingRight: "pr3",
16629
16629
  paddingLeft: "pl3",
16630
- width: "w_330px",
16630
+ width: "w100",
16631
16631
  height: "h100",
16632
16632
  boxShadow: "bshBasic",
16633
16633
  backgroundColor: ["bgColor_var", {
@@ -16700,6 +16700,7 @@ var runningInJest = false;
16700
16700
  function setRunningInJest() {
16701
16701
  runningInJest = true;
16702
16702
  }
16703
+ var CARD_MIN_WIDTH_PX = 280;
16703
16704
  var defaults = {
16704
16705
  style: defaultStyle,
16705
16706
  stickyHeader: false
@@ -17217,7 +17218,18 @@ function CardView({
17217
17218
  const validatedScrollIndex = savedScrollIndex !== void 0 && savedScrollIndex > 0 && savedScrollIndex < cardRows.length ? savedScrollIndex : void 0;
17218
17219
  const virtuosoKey = !!validatedScrollIndex && cardRows.length > 0 ? "with-data" : "virtuoso";
17219
17220
  if (runningInJest) {
17220
- return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "pt2 pb2", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "dg gtc_repeat_auto_fill_330px jcc gap3 pt3 pb3 pr3 pl3", children: cardRows }) });
17221
+ return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "pt2 pb2", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ...(0, import_runtime56.trussProps)({
17222
+ display: "dg",
17223
+ gridTemplateColumns: ["gtc_var", {
17224
+ "--gridTemplateColumns": (0, import_runtime56.maybeCssVar)(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
17225
+ }],
17226
+ justifyContent: "jcc",
17227
+ gap: "gap3",
17228
+ paddingTop: "pt3",
17229
+ paddingBottom: "pb3",
17230
+ paddingRight: "pr3",
17231
+ paddingLeft: "pl3"
17232
+ }), children: cardRows }) });
17221
17233
  }
17222
17234
  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "pt2 pb2 h100", children: /* @__PURE__ */ (0, import_react82.createElement)(import_react_virtuoso2.VirtuosoGrid, { useWindowScroll: inDocumentScrollLayout && !customScrollParent, ...customScrollParent ? {
17223
17235
  customScrollParent
@@ -17230,7 +17242,9 @@ function CardView({
17230
17242
  }, ref) {
17231
17243
  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref, ...(0, import_runtime56.mergeProps)(void 0, style, {
17232
17244
  display: "dg",
17233
- gridTemplateColumns: "gtc_repeat_auto_fill_330px",
17245
+ gridTemplateColumns: ["gtc_var", {
17246
+ "--gridTemplateColumns": (0, import_runtime56.maybeCssVar)(`repeat(auto-fill, minmax(${CARD_MIN_WIDTH_PX}px, 1fr))`)
17247
+ }],
17234
17248
  justifyContent: "jcc",
17235
17249
  gap: "gap3",
17236
17250
  paddingTop: "pt3",