@homebound/beam 4.20.0 → 4.20.2

package/dist/index.cjs

@@ -7722,8 +7722,12 @@ function CompanionRowImpl(props) {
     ...{
       height: "ha",
       whiteSpace: "wsn",
-      paddingTop: "pt_8px",
-      paddingBottom: "pb_8px",
+      paddingTop: ["pt_var", {
+        "--paddingTop": `${isLeading ? 12 : 8}px`
+      }],
+      paddingBottom: ["pb_var", {
+        "--paddingBottom": `${isLeading ? 8 : 12}px`
+      }],
       width: ["w_var", {
         "--width": (0, import_runtime16.maybeCssVar)(__maybeInc7(`calc(${columnSizes.join(" + ")}${levelIndent ? ` - ${levelIndent}px` : ""})`))
       }]
@@ -12890,7 +12894,8 @@ var variantStyles2 = {
     hoverStyles: {
       color: ["color_var", {
         "--color": "var(--b-text-link-hover)"
-      }]
+      }],
+      textDecoration: "tdu"
     },
     pressedStyles: {
       color: ["color_var", {
@@ -13364,7 +13369,18 @@ function OverlayTrigger(props) {
   });
   const tid = useTestIds(props, isTextButton(trigger) ? defaultTestId(labelOr(trigger, "overlayTrigger")) : isNavLinkButton(trigger) ? defaultTestId(trigger.navLabel) : isIconButton(trigger) ? trigger.icon : trigger.name);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "dib lh_0", children: [
-    isTextButton(trigger) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: variant ? variant : "secondary", ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid }) : isNavLinkButton(trigger) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavLink, { active: trigger.active, variant: trigger.variant, icon: trigger.icon, label: trigger.navLabel, disabled: !!disabled, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
+    isTextButton(trigger) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: variant ? variant : "secondary", ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      Icon,
+      {
+        icon: state.isOpen ? "chevronUp" : "chevronDown",
+        ...(trigger.variant ?? variant) === "text" && {
+          inc: 2,
+          xss: {
+            marginLeft: "ml_neg6px"
+          }
+        }
+      }
+    ) : null, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid }) : isNavLinkButton(trigger) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavLink, { active: trigger.active, variant: trigger.variant, icon: trigger.icon, label: trigger.navLabel, disabled: !!disabled, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
     state.isOpen && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Popover, { triggerRef: buttonRef, popoverRef, positionProps, onClose: () => state.close(), isOpen: state.isOpen, children })
   ] });
 }
@@ -20334,7 +20350,6 @@ function InlineFeedbackBanner(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { ...(0, import_runtime85.trussProps)({
     display: "df",
     alignItems: "ais",
-    gap: "g_1",
     width: "w100",
     paddingTop: "pt1",
     paddingBottom: "pb1",
@@ -20352,23 +20367,28 @@ function InlineFeedbackBanner(props) {
     borderColor: ["bc_var", {
       "--borderColor": (0, import_runtime85.maybeCssVar)(borderColor)
     }],
-    boxShadow: "bshBasic"
+    boxShadow: ["boxShadow_var", {
+      "--boxShadow": (0, import_runtime85.maybeCssVar)(bannerShadow)
+    }]
   }), ...tid, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "df fs0", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Tag, { ...tagProps, ...tid.tag }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "df aic h_24px fs0", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Tag, { ...tagProps, ...tid.tag }) }),
     /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { ...(0, import_runtime85.trussProps)({
       flexGrow: "fg1",
       minWidth: "mw0",
-      paddingTop: "pt_1px",
+      marginLeft: "ml_4px",
+      paddingTop: "pt_4px",
+      paddingBottom: "pb_4px",
       color: ["color_var", {
         "--color": "var(--b-on-surface)"
       }]
     }), ...tid.description, children: description }),
-    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "df aic g_1_5 fs0", children: actions.map((action) => "kind" in action ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ButtonMenu, { trigger: {
+    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "df aic h_24px g_2 ml_20px fs0", children: actions.map((action) => "kind" in action ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ButtonMenu, { trigger: {
       label: action.label,
       variant: "text"
     }, items: action.items, disabled: action.disabled, tooltip: action.tooltip }, action.label) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Button, { ...action, variant: "text" }, `${action.label}`)) })
   ] });
 }
+var bannerShadow = "0px 2px 4px rgba(53, 53, 53, 0.08)";
 var typeStyles2 = {
   error: {
     icon: "xCircle",
@@ -29283,7 +29303,8 @@ function TabImpl(props) {
     hoverStyles: hoverStyles4,
     disabledStyles: disabledStyles3,
     activeHoverStyles,
-    aiStyles
+    aiStyles,
+    activeAiStyles
   } = (0, import_react158.useMemo)(() => getTabStyles(), []);
   const uniqueValue = uniqueTabValue(tab);
   const tid = useTestIds(others);
@@ -29297,9 +29318,10 @@ function TabImpl(props) {
     ...others,
     ...(0, import_runtime146.trussProps)({
       ...baseStyles4,
-      // Only tints the label while the tab is unselected; selected keeps its own darker treatment.
       ...aiMode && aiStyles,
       ...active && activeStyles3,
+      // After `activeStyles` so the selected AI tab stays purple, but before `disabledStyles` so disabled still wins.
+      ...active && aiMode && activeAiStyles,
       ...isDisabled && disabledStyles3,
       ...isHovered && hoverStyles4,
       ...isHovered && active && activeHoverStyles,
@@ -29391,6 +29413,11 @@ function getTabStyles() {
         "--color": (0, import_runtime146.maybeCssVar)("rgba(109, 40, 217, 1)" /* Purple700 */)
       }]
     },
+    activeAiStyles: {
+      color: ["color_var", {
+        "--color": (0, import_runtime146.maybeCssVar)("rgba(91, 33, 182, 1)" /* Purple800 */)
+      }]
+    },
     focusRingStyles: {
       backgroundColor: "bgBlue50",
       boxShadow: "bshFocus"