@homebound/beam 3.99.2 → 3.100.0

package/dist/Css.json

@@ -815,7 +815,7 @@
     "mdSb": {"kind":"static","defs":{"fontWeight":600,"fontSize":"16px","lineHeight":"24px"}},
     "lg": {"kind":"static","defs":{"fontWeight":600,"fontSize":"18px","lineHeight":"28px"}},
     "xl": {"kind":"static","defs":{"fontWeight":600,"fontSize":"20px","lineHeight":"28px"}},
-    "xl2": {"kind":"static","defs":{"fontWeight":600,"fontSize":"30px","lineHeight":"36px"}},
+    "xl2": {"kind":"static","defs":{"fontWeight":600,"fontSize":"24px","lineHeight":"32px"}},
     "measure": {"kind":"static","defs":{"maxWidth":"30em"}},
     "measureWide": {"kind":"static","defs":{"maxWidth":"34em"}},
     "measureNarrow": {"kind":"static","defs":{"maxWidth":"20em"}},

package/dist/index.cjs

@@ -3905,9 +3905,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"`. */
@@ -9030,8 +9030,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 */)}`;
@@ -9508,8 +9508,8 @@ var __typography2 = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 function maybeApplyFunction(row, maybeFn) {
@@ -9975,8 +9975,8 @@ var __typography3 = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 function TextFieldBase(props) {
@@ -10662,8 +10662,8 @@ var __typography4 = {
   },
   xl2: {
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px"
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px"
   }
 };
 function Avatar({
@@ -20017,8 +20017,8 @@ function Modal(props) {
   const title = /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("h1", { ...(0, import_runtime88.trussProps)({
     flexGrow: "fg1",
     fontWeight: "fw6",
-    fontSize: "fz_30px",
-    lineHeight: "lh_36px",
+    fontSize: "fz_24px",
+    lineHeight: "lh_32px",
     ...aiMode ? {
       color: "purple700",
       backgroundImage: "aiBoldBg",
@@ -22646,7 +22646,7 @@ function PageHeader(props) {
     /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { className: "pt2 pb2 pl3 pr3 df jcsb aic", children: [
       /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { children: [
         breadCrumb && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),
-        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("h1", { className: "fw6 fz_30px lh_36px", ...tids.pageTitle, children: pageTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("h1", { className: "fw6 fz_24px lh_32px", ...tids.pageTitle, children: pageTitle })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { className: "df gap1", children: [
         tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Button, { label: tertiaryAction.label, onClick: tertiaryAction.onClick, variant: "tertiary", disabled: tertiaryAction.disabled, tooltip: tertiaryAction.tooltip }),
@@ -24695,7 +24695,7 @@ function TableReviewLayout(props) {
       /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "df jcsb aic", children: [
         /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { children: [
           breadCrumb && /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(PageHeaderBreadcrumbs, { breadcrumb: breadCrumb }),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h1", { className: "fw6 fz_30px lh_36px mt1 mb0", ...tid.pageTitle, children: pageTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h1", { className: "fw6 fz_24px lh_32px mt1 mb0", ...tid.pageTitle, children: pageTitle })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Button, { label: "Close", onClick: closeAction, ...tid.closeButton })
       ] }),
@@ -27547,7 +27547,7 @@ function SuperDrawerHeader(props) {
   return (0, import_react_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "df aic jcsb gap3", ...tid, children: [
     isStructuredProps(props) ? /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "df jcsb aic gap2 fg1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { className: "fg1 df aic gap2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("h1", { className: "fw6 fz_30px lh_36px", children: props.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("h1", { className: "fw6 fz_24px lh_32px", children: props.title }),
         props.left
       ] }),
       props.right && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { className: "fs0", children: props.right })
@@ -27978,6 +27978,7 @@ function TabImpl(props) {
     aiStyles
   } = (0, import_react156.useMemo)(() => getTabStyles(), []);
   const uniqueValue = uniqueTabValue(tab);
+  const tid = useTestIds(others);
   const tabProps = {
     "aria-controls": `${uniqueValue}-tabPanel`,
     "aria-selected": active,
@@ -28004,7 +28005,7 @@ function TabImpl(props) {
       onClick: () => onClick(tab.value)
     }
   });
-  const decoration = aiMode ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(AiBadge, {}) : icon ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Icon, { icon }) : endAdornment;
+  const decoration = aiMode ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Tag, { text: "Tab has AI proposals ready for review", preventTooltip: true, icon: "aiStar", type: "ai", variant: "primary", iconOnly: true, ...tid.aiTag }) : icon ? /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Icon, { icon }) : endAdornment;
   const tabLabel = /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(import_jsx_runtime224.Fragment, { children: [
     label,
     decoration && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("span", { className: "ml1 df aic", children: decoration })