@homebound/beam 4.17.0 → 4.18.0

package/dist/index.cjs

@@ -13528,6 +13528,27 @@ function getVariantStyles(variant, type) {
       }
     };
   }
+  if (variant === "bold") {
+    return {
+      background: {
+        ...getBoldBackground(type),
+        ...{
+          color: "white"
+        }
+      },
+      iconColor: "rgba(255, 255, 255, 1)" /* White */,
+      typography: {
+        fontWeight: "fw6",
+        fontSize: "fz_10px",
+        lineHeight: "lh_14px",
+        textTransform: "ttu"
+      },
+      padding: {
+        paddingLeft: "pl_6px",
+        paddingRight: "pr_6px"
+      }
+    };
+  }
   return {
     ...getPrimaryStyles(type),
     typography: {
@@ -13542,6 +13563,38 @@ function getVariantStyles(variant, type) {
     }
   };
 }
+function getBoldBackground(type) {
+  switch (type) {
+    case "info":
+      return {
+        backgroundColor: "bgBlue600"
+      };
+    case "update":
+      return {
+        backgroundColor: "bgYellow600"
+      };
+    case "warning":
+      return {
+        backgroundColor: "bgOrange600"
+      };
+    case "error":
+      return {
+        backgroundColor: "bgRed600"
+      };
+    case "success":
+      return {
+        backgroundColor: "bgGreen600"
+      };
+    case "ai":
+      return {
+        backgroundColor: "bgPurple600"
+      };
+    default:
+      return {
+        backgroundColor: "bgGray600"
+      };
+  }
+}
 function getPrimaryStyles(type) {
   switch (type) {
     case "info":
@@ -16522,9 +16575,9 @@ function Card(props) {
       icon: "verticalDots",
       color: isList ? "--b-on-surface-muted" /* OnSurfaceMuted */ : "--b-on-primary" /* OnPrimary */
     }, items: buttonMenuItems }) }),
-    tag && !isList && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "absolute l_1 tp_4px", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tag, { type: tag.type, text: tag.text, ...tid.tag }) }),
+    tag && !isList && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "absolute l_1 tp_4px", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tag, { type: tag.type, variant: tag.variant, text: tag.text, ...tid.tag }) }),
     /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "df fdc aifs g_1", children: [
-      tag && isList && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tag, { type: tag.type, text: tag.text, ...tid.tag }),
+      tag && isList && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tag, { type: tag.type, variant: tag.variant, text: tag.text, ...tid.tag }),
       /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { ...(0, import_runtime61.trussProps)({
           fontWeight: "fw6",
@@ -20166,6 +20219,7 @@ function InlineFeedbackBanner(props) {
   const {
     type,
     tagText,
+    tagVariant,
     description,
     actions = []
   } = props;
@@ -20178,10 +20232,12 @@ function InlineFeedbackBanner(props) {
   const tid = useTestIds(props, "inlineFeedbackBanner");
   const tagProps = tagText ? {
     type: tagType,
+    variant: tagVariant,
     icon,
     text: tagText
   } : {
     type: tagType,
+    variant: tagVariant,
     icon,
     text: fallbackTagText,
     iconOnly: true