@homebound/beam 3.95.0 → 3.96.0

package/dist/index.cjs

@@ -25070,15 +25070,27 @@ function Tag(props) {
 }
 function getVariantStyles(variant, type) {
   if (variant === "secondary") {
+    const isAi = type === "ai";
     return {
-      background: {
+      background: isAi ? {
+        backgroundColor: "bgWhite",
+        borderColor: "bcPurple600",
+        borderWidth: "bw1",
+        borderStyle: "bss",
+        color: "purple800"
+      } : {
         backgroundColor: "bgWhite",
         borderColor: "bcGray300",
         borderWidth: "bw1",
         borderStyle: "bss"
       },
-      iconColor: "rgba(100, 100, 100, 1)" /* Gray700 */,
-      typography: {
+      // Note: Ai tags shouldn't be using any icon, the purple outline/text is enough
+      iconColor: isAi ? "rgba(124, 58, 237, 1)" /* Purple600 */ : "rgba(100, 100, 100, 1)" /* Gray700 */,
+      typography: isAi ? {
+        fontWeight: "fw6",
+        fontSize: "fz_12px",
+        lineHeight: "lh_16px"
+      } : {
         fontWeight: "fw4",
         fontSize: "fz_12px",
         lineHeight: "lh_16px"
@@ -25140,6 +25152,14 @@ function getPrimaryStyles(type) {
         },
         iconColor: "rgba(5, 150, 105, 1)" /* Green600 */
       };
+    // Note: Ai tags shouldn't be using any icon, the purple background is enough
+    case "ai":
+      return {
+        background: {
+          backgroundColor: "bgPurple200"
+        },
+        iconColor: "rgba(124, 58, 237, 1)" /* Purple600 */
+      };
     default:
       return {
         background: {