@homebound/beam 2.386.0 → 2.387.1

package/dist/index.cjs

@@ -13848,6 +13848,7 @@ function Accordion(props) {
     index,
     setExpandedIndex,
     titleOnClick,
+    onToggle,
     omitPadding = false,
     xss
   } = props;
@@ -13872,7 +13873,8 @@ function Accordion(props) {
   const toggle = (0, import_react69.useCallback)(() => {
     setExpanded((prev) => !prev);
     if (setExpandedIndex) setExpandedIndex(index);
-  }, [index, setExpandedIndex]);
+    if (onToggle) onToggle();
+  }, [index, setExpandedIndex, onToggle]);
   const touchableStyle = (0, import_react69.useMemo)(
     () => ({
       ...Css.df.jcsb.gapPx(12).aic.p2.baseMd.outline("none").onHover.bgGray100.if(!!titleOnClick).baseSb.$,
@@ -17304,11 +17306,9 @@ function ScrollShadows(props) {
       setShowStartShadow(start > 0);
       setShowEndShadow(start + boxSize < end);
     },
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
+    [horizontal]
   );
-  const onResize = (0, import_react105.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), []);
+  const onResize = (0, import_react105.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), [updateScrollProps]);
   (0, import_utils115.useResizeObserver)({ ref: scrollRef, onResize });
   return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
     "div",
@@ -17316,8 +17316,8 @@ function ScrollShadows(props) {
       css: Css.relative.oh.h(height).w(width).df.fd(!horizontal ? "column" : "row").$,
       ...tid,
       children: [
-        showStartShadow && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { css: startShadowStyles }),
-        showEndShadow && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { css: endShadowStyles }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { css: { ...startShadowStyles, opacity: showStartShadow ? 1 : 0 }, "data-chromatic": "ignore" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { css: { ...endShadowStyles, opacity: showEndShadow ? 1 : 0 }, "data-chromatic": "ignore" }),
         /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           "div",
           {