@homebound/beam 3.99.2 → 3.100.0

package/dist/index.d.cts

@@ -3775,7 +3775,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     } & {
         lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
     }, S>;
-    /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
+    /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
     get xl2(): CssBuilder<T & {
         fontWeight: csstype.Property.FontWeight | undefined;
     } & {
@@ -4822,6 +4822,7 @@ type TagXss = Margin | "backgroundColor" | "color";
 type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
 type TagVariant = "primary" | "secondary";
 type TagPropsBase<X> = {
+    /** Required even if using `iconOnly + preventTooltip`. In those cases an accessibility friendly message is expected */
     text: ReactNode;
     type?: TagType;
     /** Defaults to "primary". Secondary is intended for use in TagGroup. */
@@ -10336,7 +10337,7 @@ type Tab<V extends string = string> = {
     value: V;
     icon?: IconKey;
     endAdornment?: ReactNode;
-    /** Whether the tab's content is AI-driven, which adds AiBadge. Takes precedence over `icon` and `endAdornment`. */
+    /** Whether the tab's content is AI-driven, which adds an AI tag. Takes precedence over `icon` and `endAdornment`. */
     aiMode?: boolean;
     /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;

package/dist/index.d.ts

@@ -3775,7 +3775,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     } & {
         lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
     }, S>;
-    /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
+    /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
     get xl2(): CssBuilder<T & {
         fontWeight: csstype.Property.FontWeight | undefined;
     } & {
@@ -4822,6 +4822,7 @@ type TagXss = Margin | "backgroundColor" | "color";
 type TagType = "info" | "update" | "warning" | "error" | "success" | "neutral" | "ai";
 type TagVariant = "primary" | "secondary";
 type TagPropsBase<X> = {
+    /** Required even if using `iconOnly + preventTooltip`. In those cases an accessibility friendly message is expected */
     text: ReactNode;
     type?: TagType;
     /** Defaults to "primary". Secondary is intended for use in TagGroup. */
@@ -10336,7 +10337,7 @@ type Tab<V extends string = string> = {
     value: V;
     icon?: IconKey;
     endAdornment?: ReactNode;
-    /** Whether the tab's content is AI-driven, which adds AiBadge. Takes precedence over `icon` and `endAdornment`. */
+    /** Whether the tab's content is AI-driven, which adds an AI tag. Takes precedence over `icon` and `endAdornment`. */
     aiMode?: boolean;
     /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;

package/dist/index.js

@@ -3503,9 +3503,9 @@ var CssBuilder = class _CssBuilder {
   get xl() {
     return this.add("fontWeight", 600).add("fontSize", "20px").add("lineHeight", "28px");
   }
-  /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
+  /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
   get xl2() {
-    return this.add("fontWeight", 600).add("fontSize", "30px").add("lineHeight", "36px");
+    return this.add("fontWeight", 600).add("fontSize", "24px").add("lineHeight", "32px");
   }
   // typography
   /** Sets `maxWidth: "30em"`. */
@@ -8523,8 +8523,8 @@ var __typography = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 var insetSeparator = `inset 0 -1px 0 ${maybeCssVar("--b-surface-separator" /* SurfaceSeparator */)}`;
@@ -9001,8 +9001,8 @@ var __typography2 = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 function maybeApplyFunction(row, maybeFn) {
@@ -9468,8 +9468,8 @@ var __typography3 = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 function TextFieldBase(props) {
@@ -10155,8 +10155,8 @@ var __typography4 = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 function Avatar({
@@ -19510,8 +19510,8 @@ function Modal(props) {
   const title = /* @__PURE__ */ jsx118("h1", { ...trussProps80({
     flexGrow: "fg1",
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px",
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px",
     ...aiMode ? {
       color: "purple700",
       backgroundImage: "aiBoldBg",
@@ -22139,7 +22139,7 @@ function PageHeader(props) {
     /* @__PURE__ */ jsxs79("div", { className: "pt2 pb2 pl3 pr3 df jcsb aic", children: [
       /* @__PURE__ */ jsxs79("div", { children: [
         breadCrumb && /* @__PURE__ */ jsx160(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),
-        /* @__PURE__ */ jsx160("h1", { className: "fw6 fz_30px lh_36px", ...tids.pageTitle, children: pageTitle })
+        /* @__PURE__ */ jsx160("h1", { className: "fw6 fz_24px lh_32px", ...tids.pageTitle, children: pageTitle })
       ] }),
       /* @__PURE__ */ jsxs79("div", { className: "df gap1", children: [
         tertiaryAction && /* @__PURE__ */ jsx160(Button, { label: tertiaryAction.label, onClick: tertiaryAction.onClick, variant: "tertiary", disabled: tertiaryAction.disabled, tooltip: tertiaryAction.tooltip }),
@@ -24188,7 +24188,7 @@ function TableReviewLayout(props) {
       /* @__PURE__ */ jsxs94("div", { className: "df jcsb aic", children: [
         /* @__PURE__ */ jsxs94("div", { children: [
           breadCrumb && /* @__PURE__ */ jsx191(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),
-          /* @__PURE__ */ jsx191("h1", { className: "fw6 fz_30px lh_36px mt1 mb0", ...tid.pageTitle, children: pageTitle })
+          /* @__PURE__ */ jsx191("h1", { className: "fw6 fz_24px lh_32px mt1 mb0", ...tid.pageTitle, children: pageTitle })
         ] }),
         /* @__PURE__ */ jsx191(Button, { label: "Close", onClick: closeAction, ...tid.closeButton })
       ] }),
@@ -27048,7 +27048,7 @@ function SuperDrawerHeader(props) {
   return createPortal8(/* @__PURE__ */ jsxs114("div", { className: "df aic jcsb gap3", ...tid, children: [
     isStructuredProps(props) ? /* @__PURE__ */ jsxs114("div", { className: "df jcsb aic gap2 fg1", children: [
       /* @__PURE__ */ jsxs114("div", { className: "fg1 df aic gap2", children: [
-        /* @__PURE__ */ jsx221("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
+        /* @__PURE__ */ jsx221("h1", { className: "fw6 fz_24px lh_32px", children: props.title }),
         props.left
       ] }),
       props.right && /* @__PURE__ */ jsx221("div", { className: "fs0", children: props.right })
@@ -27479,6 +27479,7 @@ function TabImpl(props) {
     aiStyles
   } = useMemo56(() => getTabStyles(), []);
   const uniqueValue = uniqueTabValue(tab);
+  const tid = useTestIds(others);
   const tabProps = {
     "aria-controls": `${uniqueValue}-tabPanel`,
     "aria-selected": active,
@@ -27505,7 +27506,7 @@ function TabImpl(props) {
       onClick: () => onClick(tab.value)
     }
   });
-  const decoration = aiMode ? /* @__PURE__ */ jsx224(AiBadge, {}) : icon ? /* @__PURE__ */ jsx224(Icon, { icon }) : endAdornment;
+  const decoration = aiMode ? /* @__PURE__ */ jsx224(Tag, { text: "Tab has AI proposals ready for review", preventTooltip: true, icon: "aiStar", type: "ai", variant: "primary", iconOnly: true, ...tid.aiTag }) : icon ? /* @__PURE__ */ jsx224(Icon, { icon }) : endAdornment;
   const tabLabel = /* @__PURE__ */ jsxs116(Fragment50, { children: [
     label,
     decoration && /* @__PURE__ */ jsx224("span", { className: "ml1 df aic", children: decoration })