@homebound/beam 4.20.0 → 4.20.2

package/dist/index.js

@@ -7243,8 +7243,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": maybeCssVar12(__maybeInc7(`calc(${columnSizes.join(" + ")}${levelIndent ? ` - ${levelIndent}px` : ""})`))
       }]
@@ -12411,7 +12415,8 @@ var variantStyles2 = {
     hoverStyles: {
       color: ["color_var", {
         "--color": "var(--b-text-link-hover)"
-      }]
+      }],
+      textDecoration: "tdu"
     },
     pressedStyles: {
       color: ["color_var", {
@@ -12884,7 +12889,18 @@ function OverlayTrigger(props) {
   return (
     // Add `line-height: 0` to prevent the Icon button and Avatar buttons from inheriting the line-height, causing them to be taller than they should.
     /* @__PURE__ */ jsxs26("div", { className: "dib lh_0", children: [
-      isTextButton(trigger) ? /* @__PURE__ */ jsx44(Button, { variant: variant ? variant : "secondary", ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ jsx44(Icon, { icon: state.isOpen ? "chevronUp" : "chevronDown" }) : null, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen, ...tid }) : isNavLinkButton(trigger) ? /* @__PURE__ */ jsx44(NavLink, { active: trigger.active, variant: trigger.variant, icon: trigger.icon, label: trigger.navLabel, disabled: !!disabled, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ jsx44(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ jsx44(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
+      isTextButton(trigger) ? /* @__PURE__ */ jsx44(Button, { variant: variant ? variant : "secondary", ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, endAdornment: !hideEndAdornment ? /* @__PURE__ */ jsx44(
+        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__ */ jsx44(NavLink, { active: trigger.active, variant: trigger.variant, icon: trigger.icon, label: trigger.navLabel, disabled: !!disabled, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid }) : isIconButton(trigger) ? /* @__PURE__ */ jsx44(IconButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }) : /* @__PURE__ */ jsx44(AvatarButton, { ...trigger, menuTriggerProps: wrappedMenuTriggerProps, buttonRef, ...tid, disabled, tooltip, onClick: wrappedMenuTriggerProps.onPress ?? noop, forceFocusStyles: showActiveBorder && state.isOpen }),
       state.isOpen && /* @__PURE__ */ jsx44(Popover, { triggerRef: buttonRef, popoverRef, positionProps, onClose: () => state.close(), isOpen: state.isOpen, children })
     ] })
   );
@@ -19861,7 +19877,6 @@ function InlineFeedbackBanner(props) {
   return /* @__PURE__ */ jsxs71("div", { ...trussProps75({
     display: "df",
     alignItems: "ais",
-    gap: "g_1",
     width: "w100",
     paddingTop: "pt1",
     paddingBottom: "pb1",
@@ -19879,23 +19894,28 @@ function InlineFeedbackBanner(props) {
     borderColor: ["bc_var", {
       "--borderColor": maybeCssVar34(borderColor)
     }],
-    boxShadow: "bshBasic"
+    boxShadow: ["boxShadow_var", {
+      "--boxShadow": maybeCssVar34(bannerShadow)
+    }]
   }), ...tid, children: [
-    /* @__PURE__ */ jsx113("span", { className: "df fs0", children: /* @__PURE__ */ jsx113(Tag, { ...tagProps, ...tid.tag }) }),
+    /* @__PURE__ */ jsx113("span", { className: "df aic h_24px fs0", children: /* @__PURE__ */ jsx113(Tag, { ...tagProps, ...tid.tag }) }),
     /* @__PURE__ */ jsx113("span", { ...trussProps75({
       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__ */ jsx113("div", { className: "df aic g_1_5 fs0", children: actions.map((action) => "kind" in action ? /* @__PURE__ */ jsx113(ButtonMenu, { trigger: {
+    actions.length > 0 && /* @__PURE__ */ jsx113("div", { className: "df aic h_24px g_2 ml_20px fs0", children: actions.map((action) => "kind" in action ? /* @__PURE__ */ jsx113(ButtonMenu, { trigger: {
       label: action.label,
       variant: "text"
     }, items: action.items, disabled: action.disabled, tooltip: action.tooltip }, action.label) : /* @__PURE__ */ jsx113(Button, { ...action, variant: "text" }, `${action.label}`)) })
   ] });
 }
+var bannerShadow = "0px 2px 4px rgba(53, 53, 53, 0.08)";
 var typeStyles2 = {
   error: {
     icon: "xCircle",
@@ -28818,7 +28838,8 @@ function TabImpl(props) {
     hoverStyles: hoverStyles4,
     disabledStyles: disabledStyles3,
     activeHoverStyles,
-    aiStyles
+    aiStyles,
+    activeAiStyles
   } = useMemo56(() => getTabStyles(), []);
   const uniqueValue = uniqueTabValue(tab);
   const tid = useTestIds(others);
@@ -28832,9 +28853,10 @@ function TabImpl(props) {
     ...others,
     ...trussProps129({
       ...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,
@@ -28926,6 +28948,11 @@ function getTabStyles() {
         "--color": maybeCssVar62("rgba(109, 40, 217, 1)" /* Purple700 */)
       }]
     },
+    activeAiStyles: {
+      color: ["color_var", {
+        "--color": maybeCssVar62("rgba(91, 33, 182, 1)" /* Purple800 */)
+      }]
+    },
     focusRingStyles: {
       backgroundColor: "bgBlue50",
       boxShadow: "bshFocus"